:root{
  --ink:#f4f3ed;--muted:#c7cbc5;--dim:#8d9692;--night:#080b0c;--glass:rgba(8,11,12,.18);
  --max:1240px;--pad:clamp(1.25rem,4vw,4.5rem);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--type-peak:clamp(3.2rem,7vw,7rem);--type-peak-long:clamp(2.2rem,4.4vw,4.2rem);--type-statement:clamp(1.45rem,2.6vw,2.4rem);--type-supplemental:clamp(1rem,1.5vw,1.28rem)
}
html{background:var(--night);color:var(--ink);font-family:var(--sans);scrollbar-color:#89908c #0b0e0f}
body{background:#080b0c;color:var(--ink);overflow-x:hidden;isolation:isolate}
.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.6rem .8rem;background:#fff;color:#000;transform:translateY(-200%)}.skip-link:focus{transform:none}
.cinematic{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#090d0e}.scene-image{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity .9s linear;will-change:transform,opacity;filter:saturate(.76) contrast(1.08)}

/* Scene-proportional chapter heights — generated from js/scenes.js, which is the source of truth.
   Each chapter occupies exactly its share of the 1900vh timeline so copy and
   plate arrive together. Without JS the uniform .chapter min-height still applies. */
.js .chapter{min-height:0}
.chapter[data-scene="arrival"]{min-height:100vh}
.chapter[data-scene="dream"]{min-height:190vh}

.chapter[data-scene="work"]{min-height:228vh}


.chapter[data-scene="finish"]{min-height:114vh}


.chapter[data-scene="share"]{min-height:190vh}
.chapter[data-scene="pass"]{min-height:76vh}

.chapter[data-scene="learn"]{min-height:95vh}

.chapter[data-scene="morning"]{min-height:57vh}
.chapter[data-scene="summary"]{min-height:100vh}
.scene-image{background-image:var(--grad),var(--img)}
.scene-image--arrival{--grad:linear-gradient(rgba(3,8,10,.18),rgba(3,8,10,.58));--img:image-set(url('../assets/images/arrival/arrival-1536.avif') type('image/avif'),url('../assets/images/arrival/arrival-1536.webp') type('image/webp'))}
.scene-image--dream{--grad:linear-gradient(rgba(3,8,10,.34),rgba(3,8,10,.54));--img:image-set(url('../assets/images/dream/dream-1536.avif') type('image/avif'),url('../assets/images/dream/dream-1536.webp') type('image/webp'))}
.scene-image--trail{--grad:linear-gradient(rgba(3,8,10,.14),rgba(3,8,10,.50));--img:image-set(url('../assets/images/trail/trail-1536.avif') type('image/avif'),url('../assets/images/trail/trail-1536.webp') type('image/webp'))}
.scene-image--camp{--grad:linear-gradient(rgba(3,8,10,.12),rgba(3,8,10,.48));--img:image-set(url('../assets/images/camp/camp-1536.avif') type('image/avif'),url('../assets/images/camp/camp-1536.webp') type('image/webp'))}
.scene-image--valley{--grad:linear-gradient(rgba(3,6,10,.20),rgba(3,6,10,.60));--img:image-set(url('../assets/images/valley/valley-1536.avif') type('image/avif'),url('../assets/images/valley/valley-1536.webp') type('image/webp'))}
.scene-image--night{--grad:linear-gradient(rgba(2,4,7,.22),rgba(2,4,7,.58));--img:image-set(url('../assets/images/night/night-1536.avif') type('image/avif'),url('../assets/images/night/night-1536.webp') type('image/webp'))}
.scene-image--predawn{--grad:linear-gradient(rgba(2,4,7,.24),rgba(2,4,7,.58));--img:image-set(url('../assets/images/predawn/predawn-1536.avif') type('image/avif'),url('../assets/images/predawn/predawn-1536.webp') type('image/webp'))}
.scene-image--morning{--grad:linear-gradient(rgba(5,9,10,.22),rgba(5,9,10,.50));--img:image-set(url('../assets/images/morning/morning-1536.avif') type('image/avif'),url('../assets/images/morning/morning-1536.webp') type('image/webp'))}
.scene-image--newday{--grad:linear-gradient(rgba(5,9,12,.30),rgba(5,9,12,.58));--img:image-set(url('../assets/images/newday/newday-1536.avif') type('image/avif'),url('../assets/images/newday/newday-1536.webp') type('image/webp'))}
@media(max-width:700px){
.scene-image--arrival{--img:image-set(url('../assets/images/arrival/arrival-640.avif') type('image/avif'),url('../assets/images/arrival/arrival-640.webp') type('image/webp'))}
.scene-image--dream{--img:image-set(url('../assets/images/dream/dream-640.avif') type('image/avif'),url('../assets/images/dream/dream-640.webp') type('image/webp'))}
.scene-image--trail{--img:image-set(url('../assets/images/trail/trail-640.avif') type('image/avif'),url('../assets/images/trail/trail-640.webp') type('image/webp'))}
.scene-image--camp{--img:image-set(url('../assets/images/camp/camp-640.avif') type('image/avif'),url('../assets/images/camp/camp-640.webp') type('image/webp'))}
.scene-image--valley{--img:image-set(url('../assets/images/valley/valley-640.avif') type('image/avif'),url('../assets/images/valley/valley-640.webp') type('image/webp'))}
.scene-image--night{--img:image-set(url('../assets/images/night/night-640.avif') type('image/avif'),url('../assets/images/night/night-640.webp') type('image/webp'))}
.scene-image--predawn{--img:image-set(url('../assets/images/predawn/predawn-640.avif') type('image/avif'),url('../assets/images/predawn/predawn-640.webp') type('image/webp'))}
.scene-image--morning{--img:image-set(url('../assets/images/morning/morning-640.avif') type('image/avif'),url('../assets/images/morning/morning-640.webp') type('image/webp'))}
.scene-image--newday{--img:image-set(url('../assets/images/newday/newday-640.avif') type('image/avif'),url('../assets/images/newday/newday-640.webp') type('image/webp'))}
}
.scene-image.is-visible{opacity:1}.vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 35%,rgba(4,7,8,.32) 68%,rgba(4,7,8,.64) 100%),linear-gradient(to bottom,rgba(3,6,7,.25),transparent 32%,rgba(3,6,7,.4));pointer-events:none}
.fog{position:absolute;inset:-10% -20%;background:radial-gradient(ellipse at 42% 36%,rgba(205,213,224,.60),transparent 40%),radial-gradient(ellipse at 66% 30%,rgba(220,226,235,.50),transparent 44%);filter:blur(28px);mix-blend-mode:screen;opacity:.45;animation:fogDrift 9s ease-in-out infinite alternate;pointer-events:none}.fog--near{opacity:.25;filter:blur(42px);transform:scale(1.35);animation-duration:6.5s;animation-direction:alternate-reverse}.fog--far{animation-duration:13s}.fog--over{opacity:.2;mix-blend-mode:screen;z-index:1;animation-duration:11s}@keyframes fogDrift{from{transform:translate3d(-16%,2%,0) scale(1.05)}to{transform:translate3d(16%,-3%,0) scale(1.16)}}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(to bottom,rgba(4,7,8,.48),transparent)}.wordmark{text-decoration:none;font-weight:800}.site-nav{display:flex;gap:1.25rem;align-items:center}.site-nav a{text-decoration:none;color:var(--muted)}.site-nav a:hover{color:#fff}
.chapter{position:relative;min-height:115vh;display:grid;padding:14vh var(--pad);isolation:isolate}.chapter--hero{min-height:100vh}.chapter::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,7,.5),transparent 45%,rgba(3,6,7,.18));z-index:-1;opacity:.45}.copy{width:min(720px,100%);grid-area:1/1;align-self:center}.js .copy,.js .chapter-title{opacity:.24;transform:translateY(2rem);transition:opacity .45s ease,transform .45s ease}.js .chapter.is-active .copy,.js .chapter.is-active .chapter-title{opacity:1;transform:none}.copy--right{margin-left:auto}.copy--center{margin-inline:auto;text-align:center}.copy--quiet{opacity:.55}.section-marker{position:fixed;left:var(--pad);bottom:clamp(1.5rem,4vh,3rem);z-index:40;opacity:0;transition:opacity .3s ease;pointer-events:none}.section-marker.is-visible{opacity:1}.section-marker .chapter-number{margin-bottom:.5rem}.section-marker-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.05;letter-spacing:-.02em;color:#fff;margin:0}.chapter-title{grid-area:1/1;align-self:end;justify-self:start;position:sticky;bottom:clamp(1.5rem,4vh,3rem);margin:0;z-index:2}.chapter-title .chapter-number{margin-bottom:.6rem}.chapter-title h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.02em;margin:0}.eyebrow,.chapter-number{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem}.copy h1,.copy h2,.display,.summary-title,.summary-grid h3,.practice h2,.today h2{font-family:var(--serif);font-weight:400;line-height:.92;letter-spacing:-.04em;text-wrap:balance}.copy h1{font-size:clamp(4rem,11vw,10rem)}.copy h2{font-size:clamp(4rem,9vw,8.5rem)}.display{font-size:var(--type-peak);margin:1.5rem 0}.display--compact{font-size:var(--type-peak-long);line-height:1.05}.display--stack span{font-size:var(--type-statement);letter-spacing:.03em;color:#d5d2c8;display:inline-block;margin-top:.5rem}.hero-line{font-family:var(--serif);font-size:var(--type-statement);line-height:1.15;margin-top:1.5rem;color:#f1efe8}.statement{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-size:var(--type-statement);line-height:1.2;margin:1.5rem 0;color:#fff}.copy>p:not(.eyebrow):not(.chapter-number):not(.display):not(.statement):not(.hero-line){font-size:var(--type-supplemental);line-height:1.55;color:var(--muted);max-width:48ch}.copy--center>p{margin-inline:auto}.copy--right>p{margin-left:auto}.duality{margin-top:2rem!important}.js .chapter-title,.js .semantic-definition,.js .semantic-detail{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.walk-copy{margin:auto;text-align:center;display:grid;gap:24vh;font-family:var(--serif);font-size:var(--type-peak);line-height:1}.walk-copy .remember{font-size:clamp(1.2rem,2.4vw,2.2rem);font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase}.chapter.is-active 
.summary-grid{width:min(var(--max),100%);margin:auto;display:grid;gap:4rem}.summary-grid article{border-top:1px solid rgba(255,255,255,.25);padding-top:1.5rem}.summary-grid h3{font-size:clamp(3rem,7vw,7rem);font-weight:400;margin-bottom:.7rem}.summary-title{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:3rem;color:var(--muted)}.summary-grid p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.3rem)}.today{width:min(900px,100%);margin:14rem auto 0;text-align:center}.today h2{font-size:clamp(3rem,7vw,7rem);margin-bottom:2.5rem}
.practice{position:relative;background:#f0eee6;color:#161b1b;padding:12rem var(--pad);display:flex;flex-direction:column;align-items:center;text-align:center}.practice .eyebrow{color:#55605d}.practice h2{font-size:clamp(3rem,7vw,7rem);max-width:900px;margin-top:1.4rem}.practice ol{list-style:none;counter-reset:step;display:grid;gap:1rem;width:min(640px,100%);text-align:left;margin-top:3rem}.practice li{counter-increment:step;border-top:1px solid rgba(20,25,25,.22);padding:1.25rem 0;font-size:1.05rem;line-height:1.45}.practice li::before{content:counter(step,decimal-leading-zero);display:inline-block;width:1.6rem;margin-right:.6rem;font-size:.68rem;letter-spacing:.12em;color:#68716f}.site-footer{display:flex;justify-content:space-between;gap:3rem;padding:5rem var(--pad);background:#080b0c;border-top:1px solid rgba(255,255,255,.12)}.site-footer p{color:var(--muted);margin-top:.5rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.4rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:#fff}
@media(max-width:780px){.site-nav a{display:none}.chapter{min-height:110vh;padding-top:18vh;padding-bottom:14vh}.chapter::before{background:linear-gradient(to bottom,rgba(3,6,7,.4),transparent 50%,rgba(3,6,7,.3))}.copy--right{margin-left:0}.copy--right>p{margin-left:0}.practice{padding-block:7rem}.site-footer{flex-direction:column}.scene-image{background-position:center}.scene-image--camp,.scene-image--morning{background-position:58% center}.scene-image--share{background-position:60% center}.summary-grid{gap:3rem}.today{margin-top:8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fog{animation:none}.scene-image,.copy,.scene-image{transform:none!important}.walk-copy{gap:9rem}}
:focus-visible{outline:2px solid #f3f1ea;outline-offset:3px;border-radius:2px}
.site-nav a:focus-visible,.site-footer a:focus-visible{outline-offset:4px}
.faq{display:grid;gap:.4rem;margin-top:3.5rem}
.faq h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.15;margin-top:1.6rem}
.faq h3:first-child{margin-top:0}
.faq p{font-size:1.02rem;line-height:1.5;max-width:60ch;color:#3d4746}
.today-go{font-family:var(--sans);font-size:1.1rem;margin-top:1.5rem}
.today-creed{font-family:var(--sans);font-size:.85rem;letter-spacing:.06em;color:var(--muted);margin-top:2.5rem}
.today-creed--small{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-top:.6rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.autoplay-toggle{position:fixed;left:50%;bottom:1.75rem;transform:translateX(-50%);z-index:60;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);background:rgba(6,9,10,.42);backdrop-filter:blur(6px);color:#fff;cursor:pointer;padding:0;opacity:1;transition:opacity .3s ease}.autoplay-toggle.is-hidden{opacity:0;pointer-events:none}
.autoplay-toggle:hover{border-color:#fff;background:rgba(6,9,10,.6)}
.autoplay-toggle svg{width:1rem;height:1rem;fill:currentColor}
.autoplay-toggle .i-play{display:none}
.autoplay-toggle.is-paused .i-pause{display:none}
.autoplay-toggle.is-paused .i-play{display:block}
@media(prefers-reduced-motion:reduce){.autoplay-toggle{transition:none}}