/* The pinned interludes use ordinary page scrolling, with direct chapter exits. */
.flow-scene{position:relative;height:210svh;color:#e7e8df;background:#0d171b;--flow:0;--mix:0;isolation:isolate}
.flow-scene[hidden]{display:none!important}
.flow-stage{position:sticky;top:0;height:100svh;min-height:480px;overflow:hidden;background:#0d171b}
.flow-land,.flow-grid,.flow-art,.flow-route{position:absolute;pointer-events:none}
.flow-land{inset:-5%;background:linear-gradient(90deg,#0b11147a,#0b11140a),linear-gradient(0deg,#0d171b,transparent 35%,#0d171b45),url('/assets/journey/himalaya.webp') center/cover;opacity:calc(1 - var(--mix));transform:scale(calc(1.05 + var(--flow)*.18)) translateY(calc(var(--flow)*-5%))}
.flow-grid{inset:-10%;background:repeating-linear-gradient(90deg,transparent 0 89px,#b7ccb50d 89px 90px),repeating-linear-gradient(0deg,transparent 0 89px,#b7ccb50d 89px 90px),radial-gradient(ellipse at 75% 50%,#476d5745,transparent 60%);opacity:var(--mix);transform:translateY(calc(var(--flow)*-35px))}
.flow-art{right:4%;top:8%;width:48%;height:84%;opacity:var(--mix);transform:translateY(calc((1 - var(--mix))*90px)) rotate(calc((1 - var(--mix))*-12deg)) scale(calc(.8 + var(--mix)*.2))}
.flow-art svg{width:100%;height:100%;overflow:visible}.flow-art .map-geography{fill:#8fae7e0e;stroke:#a6bea27a;stroke-width:1.2}
.flow-route{inset:0;width:100%;height:100%;opacity:.6}.flow-route path{fill:none;stroke:#c1d3a3;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--flow));vector-effect:non-scaling-stroke}
.flow-copy{position:absolute;inset:0;display:flex;justify-content:center;flex-direction:column;padding:8% 8%;z-index:1}
.flow-kicker{font:11px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#ccd7bd;margin:0 0 30px}
.flow-copy h2{position:relative;font:400 clamp(48px,7.4vw,112px)/1.02 var(--display);letter-spacing:-.06em;margin:0;height:3.2em}
.flow-copy h2>span{position:absolute;inset:0;display:block}.flow-copy em{font-family:Georgia,serif;font-weight:400;color:#c4d3af;letter-spacing:-.055em}
.flow-first{opacity:calc(1 - var(--mix));transform:translateY(calc(var(--mix)*-50px));filter:blur(calc(var(--mix)*5px))}.flow-last{opacity:var(--mix);transform:translateY(calc((1 - var(--mix))*60px))}
.flow-bottom{position:absolute;bottom:35px;left:8%;right:8%;display:flex;align-items:center;gap:28px;font:11px/1.7 var(--mono);color:#bdc9b6;z-index:2}.flow-bottom a{margin-left:auto;padding:12px 0;border-bottom:1px solid #b6c9a960}.flow-bottom a:hover{color:white}.flow-bottom a:focus-visible{outline:2px solid #c1d3a3;outline-offset:5px}.flow-scroll span{margin-left:12px}.flow-meter{height:1px;background:#ffffff20;width:110px}.flow-meter i{height:100%;display:block;transform:scaleX(var(--flow));transform-origin:left;background:#c4d3af}
.flow-journal,.flow-journal .flow-stage{background:#0c1114}.flow-journal .flow-land{background:linear-gradient(90deg,#0c11148c,#0c11141a),linear-gradient(0deg,#0c1114,transparent 35%,#0c111480),url('/assets/backgrounds/writing.webp') center/cover;opacity:calc(.65*(1 - var(--mix)))}
.flow-journal .flow-grid{background:radial-gradient(ellipse at 75% 50%,#66614a35,transparent 65%)}.flow-journal .flow-route{opacity:.3}.flow-journal .flow-art{right:9%;top:16%;width:35%;height:68%;transform:translateY(calc((1 - var(--mix))*160px)) rotate(calc(-8deg + var(--mix)*12deg))}
.flow-paper{height:100%;background:#c8c5ad;color:#30382e;padding:10%;box-shadow:0 25px 70px #0006;display:flex;flex-direction:column;position:relative}.flow-paper>span,.flow-paper small{font:10px/1.7 var(--mono);letter-spacing:.08em}.flow-ink{font:italic clamp(30px,4vw,65px)/1.13 Georgia,serif;letter-spacing:-.05em;margin-top:20%;transform:translateX(calc((1 - var(--mix))*20px));opacity:var(--mix)}.flow-rules{flex:1;margin:10% 0;background:repeating-linear-gradient(transparent 0 29px,#30382e20 29px 30px)}
.flow-enabled .writing-index{overflow:visible!important;display:grid;grid-template-columns:.7fr 1.3fr;gap:0 9%;padding-top:100px;padding-bottom:130px}.flow-enabled .writing-index>.fine-line{grid-column:1/-1}.flow-enabled .writing-index>.editorial-heading{display:block;position:sticky;top:120px;align-self:start}.flow-enabled .writing-index>.editorial-heading p{margin-top:25px}.flow-enabled .writing-list{padding-top:50px}.flow-enabled .writing-entry{--row:1;padding:55px 0;opacity:calc(.5 + .5*var(--row));transform:translateY(calc((1 - var(--row))*35px))}.flow-enabled .writing-entry:focus-within,.flow-enabled .writing-entry:focus-visible{opacity:1;transform:none}
@media(max-width:700px){.flow-scene{height:175svh}.flow-stage{min-height:440px}.flow-copy{padding:8%}.flow-copy h2{font-size:clamp(43px,10.7vw,68px);height:3.5em}.flow-kicker{font-size:10px;margin-bottom:24px}.flow-art{right:-12%;top:28%;width:85%;height:65%;opacity:calc(var(--mix)*.55)}.flow-copy{justify-content:center}.flow-copy h2{margin-bottom:8vh}.flow-bottom{bottom:24px;gap:15px;font-size:10px}.flow-meter{display:none}.flow-journal .flow-art{width:58%;height:46%;top:43%;right:-5%;opacity:calc(var(--mix)*.5)}.flow-paper{padding:12%}.flow-ink{font-size:34px}.flow-enabled .writing-index{display:block;padding-top:60px;padding-bottom:70px}.flow-enabled .writing-index>.editorial-heading{position:relative;top:auto}.flow-enabled .writing-list{padding-top:0}.flow-enabled .writing-entry{padding:35px 0}}
@media(prefers-reduced-motion:reduce){.flow-scene{display:none!important}.flow-enabled .writing-index{display:block}.flow-enabled .writing-index>.editorial-heading{position:relative;top:auto}.flow-enabled .writing-entry{transform:none;opacity:1}}
.flow-enabled .writing-index>.journal-chapter-label{grid-column:1/-1}
.flow-journal .flow-stage{background:rgb(calc(12 + 221*var(--mix)),calc(17 + 213*var(--mix)),calc(20 + 200*var(--mix)))}
.flow-journal .flow-last{color:rgb(calc(231 - 215*var(--mix)),calc(232 - 201*var(--mix)),calc(223 - 181*var(--mix)))}
.flow-journal .flow-last em{color:rgb(calc(196 - 21*var(--mix)),calc(211 - 139*var(--mix)),calc(175 - 135*var(--mix)))}
.flow-journal .flow-kicker,.flow-journal .flow-bottom{color:rgb(calc(204 - 140*var(--mix)),calc(215 - 134*var(--mix)),calc(189 - 109*var(--mix)))}
.flow-journal .flow-route path{stroke:#ad6c47}.flow-journal .flow-bottom a{border-color:#9e846c}
/* Leave room for the persistent Flight plan control. */
.flow-bottom{bottom:90px}
@media(max-width:700px){.flow-bottom{bottom:82px}}
/* More treks is a full scroll chapter, continuous with the surrounding terrain. */
.more-scroll-land,.more-scroll-foot{display:none}
.flow-enabled .more-treks{height:185svh;padding:0;background:#0d171b;color:#e7e8df;overflow:visible;--more:0}
.flow-enabled .more-treks:before,.flow-enabled .more-treks:after{display:none}
.flow-enabled .more-treks>.more-scroll-stage{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;isolation:isolate;padding:0;z-index:1}
.flow-enabled .more-scroll-land{display:block;position:absolute;inset:-5%;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0b11147a,#0b11140a),linear-gradient(0deg,#0d171b,transparent 35%,#0d171b45),url('/assets/journey/himalaya.webp') center/cover;transform:scale(calc(1.02 + var(--more)*.08)) translateY(calc(var(--more)*-2%))}
.flow-enabled .more-treks .chapter-atmosphere{height:100%;z-index:-1;color:#cad8b9;opacity:.8;transform:none}
.flow-enabled .more-treks .route-thread{stroke-dashoffset:calc(1 - var(--more));opacity:.6}
.flow-enabled .more-treks .fine-line{display:none}
.flow-enabled .more-treks .journal-chapter-label{position:absolute;top:14%;left:8%;margin:0;color:#c7d4ba;font:11px/1.7 var(--mono);letter-spacing:.12em}
.flow-enabled .more-treks .editorial-heading{position:absolute;top:25%;left:8%;right:8%;margin:0;display:block;opacity:1;transform:translateY(calc(var(--more)*-25px))}
.flow-enabled .more-treks .editorial-heading h2{color:#eeeede;font:400 clamp(55px,8vw,112px)/1.03 var(--display);letter-spacing:-.06em;margin:0 0 24px}
.flow-enabled .more-treks .editorial-heading p{color:#c1cbbd;max-width:410px;font-size:17px;line-height:1.65}
.flow-enabled .more-treks .trek-archive{position:absolute;left:8%;right:8%;bottom:25%;transform:translateY(calc((1 - var(--more))*45px));opacity:calc(.45 + var(--more)*.55)}
.flow-enabled .more-treks .archive-entry{padding:23px 0;border-color:#cad8b950;background:transparent;color:#eceddf}
.flow-enabled .more-treks .archive-entry>span:first-child{font:italic clamp(32px,4.4vw,60px)/1.2 Georgia,serif;letter-spacing:-.035em}.flow-enabled .more-treks .archive-entry>span:last-child{font:12px var(--mono)}
.flow-enabled .more-treks .archive-entry:hover,.flow-enabled .more-treks .archive-entry:focus-visible{color:#fff6d8}.flow-enabled .more-treks .trek-archive:focus-within{opacity:1}
.flow-enabled .more-scroll-foot{position:absolute;bottom:90px;left:8%;right:8%;display:flex;align-items:center;gap:28px;font:11px/1.7 var(--mono);color:#c6d2b9}
.more-scroll-foot a{margin-left:auto;border-bottom:1px solid #bbcca060;padding:12px 0}.more-scroll-meter{width:110px;height:1px;background:#ffffff25}.more-scroll-meter i{display:block;height:100%;background:#c6d2b9;transform:scaleX(var(--more));transform-origin:left}
@media(max-width:700px){.flow-enabled .more-treks{height:170svh}.flow-enabled .more-treks>.more-scroll-stage{min-height:540px}.flow-enabled .more-treks .journal-chapter-label{top:13%;font-size:10px}.flow-enabled .more-treks .editorial-heading{top:24%}.flow-enabled .more-treks .editorial-heading h2{font-size:clamp(48px,12vw,74px)}.flow-enabled .more-treks .editorial-heading p{font-size:15px;max-width:280px}.flow-enabled .more-treks .trek-archive{bottom:26%}.flow-enabled .more-treks .archive-entry>span:first-child{font-size:38px}.flow-enabled .more-scroll-foot{bottom:82px;font-size:10px;gap:12px}.more-scroll-meter{display:none}}