.index-opening{min-height:100svh;padding:25vh 8vw 10vh;color:#fff;background-image:linear-gradient(110deg,rgba(5,28,24,.91),rgba(5,28,24,.2)),var(--index-scene);background-size:cover;background-position:center;position:relative}.index-opening>p{font-size:.7rem;letter-spacing:.12em}.index-opening h1{font:900 clamp(4rem,11vw,11rem)/.95 var(--serif);max-width:10ch;letter-spacing:-.07em;margin:3vh 0}.index-opening blockquote{font-size:clamp(1rem,1.8vw,1.5rem);line-height:2;max-width:44rem;margin:5vh 22vw 0 0}.spoken-index{min-height:120vh;background:var(--deep);color:#fff;position:relative;isolation:isolate;padding:12vh 5vw;overflow:hidden}.spoken-index>p{width:18rem;line-height:1.9;margin:0 8vw}.spoken-index>div{position:relative;min-height:90vh}.spoken-index>div a:nth-child(3n+1){right:calc((var(--i) % 4)*19%);top:calc((var(--i) % 5)*17%)}.spoken-index>div a:nth-child(3n+2){left:calc((var(--i) % 4)*14%);top:calc((var(--i) % 6)*14% + 8%);transform:rotate(-4deg)}.spoken-index>div a:nth-child(3n){right:calc((var(--i) % 5)*13%);bottom:calc((var(--i) % 5)*11%);transform:rotate(3deg)}.spoken-index>div a:hover{color:var(--lime);transform:scale(1.08)}.index-reading{background:#e8e4d3}
.terrain-opening{min-height:108svh;position:relative;padding:18vh 7vw 12vh;color:#fff;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}.terrain-opening:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(6,35,29,.92) 0 34%,rgba(6,35,29,.12) 72%,rgba(6,35,29,.62))}.terrain-opening>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.terrain-kind{position:absolute;top:18vh;right:8vw;writing-mode:vertical-rl;font-size:.72rem;letter-spacing:.18em}.terrain-opening h1{font:900 clamp(3.4rem,9vw,9rem)/1 var(--serif);max-width:11ch;margin:0 0 3vh;letter-spacing:-.06em}.terrain-lead{font-size:clamp(1rem,1.6vw,1.35rem);line-height:2;max-width:48rem;margin:0 14vw 4vh 0}.terrain-opening>a{margin-right:14vw;align-self:flex-start;border-bottom:2px solid var(--lime);padding:.7rem 0;font-weight:800}.facts-river{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin:1rem 14vw 2rem 0}.facts-river span,.facts-river b,.facts-river i,.facts-river strong,.facts-river em{font-style:normal;font-size:.78rem;font-weight:400}.two-voices{min-height:65vh;background:var(--lime);display:flex;align-items:center;justify-content:space-around;padding:10vh 8vw;clip-path:polygon(0 9%,27% 0,59% 8%,100% 2%,100% 91%,69% 100%,32% 93%,0 100%);margin-top:-8vh;position:relative;z-index:3}.two-voices p{width:min(32rem,38vw);font-size:1.05rem;line-height:2}.two-voices p:last-child{transform:translateY(9vh) rotate(-2deg)}.two-voices b{display:block;font:800 1.7rem/1.5 var(--serif);margin-bottom:1rem}.terrain-long{padding:18vh 7vw;background:var(--salt);position:relative}.reading-mark{position:sticky;top:12vh;float:left;width:11rem;margin-right:4vw;transform:rotate(-6deg)}.reading-mark span{font:900 4rem var(--serif);display:block;color:var(--clay)}.terrain-long>.field-voice{width:min(72ch,66vw);margin-right:7vw}.decision-exit{background:var(--water);padding:12vh 12vw;display:flex;align-items:center;gap:5vw;clip-path:polygon(0 14%,22% 4%,48% 12%,76% 0,100% 9%,100% 100%,0 100%)}.decision-exit p{font:700 clamp(1.5rem,3vw,3rem)/1.5 var(--serif);max-width:16ch}.decision-exit a{border-bottom:2px solid currentColor;padding:.5rem 0;font-weight:700}