@font-face{font-family:DM;src:url('./assets/dm-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/cormorant-garamond-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('./assets/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{color-scheme:dark;--ink:#080b0d;--text:#f3f0e7;--muted:#a8aaa7;--accent:#e8c998;--story-progress:0;--warmth:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit}::selection{background:#d7ad68;color:#080b0d}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;top:12px;left:12px;padding:12px;background:var(--text);color:var(--ink);transform:translateY(-150%);z-index:20}.skip:focus{transform:none}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 75% 55%,#111e24 0,transparent 60%)}.aura{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 60%,#59322255,transparent 60%),linear-gradient(0deg,#21120c77,transparent 50%);opacity:var(--warmth)}.horizon{position:absolute;width:110vw;height:33vw;border:1px solid #b6d1d20d;border-radius:50%;bottom:-28vw;left:15%;transform:rotate(-15deg);box-shadow:0 -20px 120px #cbbb8510}.stars{position:absolute;inset:0;opacity:.23;background-image:radial-gradient(1px 1px at 13% 23%,#efe3c2 100%,transparent),radial-gradient(1px 1px at 81% 16%,#efe3c2 100%,transparent),radial-gradient(1px 1px at 27% 73%,#efe3c2 100%,transparent),radial-gradient(1px 1px at 64% 84%,#efe3c2 100%,transparent),radial-gradient(1px 1px at 93% 61%,#efe3c2 100%,transparent),radial-gradient(1px 1px at 41% 8%,#efe3c2 100%,transparent)}
.masthead{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:max(28px,env(safe-area-inset-top)) 4.3vw 24px;background:linear-gradient(#080b0dcc,transparent)}.wordmark{font-size:25px;letter-spacing:-1.2px;text-decoration:none;display:flex;align-items:center;font-weight:500}.wordmark-dot{color:var(--accent)}.emblem{width:27px;height:28px;position:relative;display:inline-block;margin-right:12px}.emblem i{position:absolute;width:15px;height:22px;border:1px solid var(--accent);border-radius:50%;left:6px;top:2px}.emblem i:nth-child(2){transform:rotate(60deg)}.emblem i:nth-child(3){transform:rotate(-60deg)}.header-actions{display:flex;align-items:center;gap:22px}.header-join{font-size:12px;text-decoration:none;letter-spacing:.02em;padding:12px 0;border-bottom:1px solid #eee4d533;transition:border-color .2s}.header-join:hover{border-color:var(--accent)}.header-join span{margin-left:20px;color:var(--accent)}#motion-toggle{border:1px solid #e7d6bc30;background:transparent;border-radius:50%;height:36px;width:36px;cursor:pointer;font-size:15px;line-height:1}#motion-toggle:hover{background:#eee1cc10}
#sculpture{position:fixed;z-index:1;width:72vw;height:94vh;height:94svh;right:-5vw;top:4vh;top:4svh;touch-action:pan-y;pointer-events:auto;transition:opacity .6s}#sculpture canvas{visibility:hidden;display:block;width:100%;height:100%;touch-action:pan-y!important;outline:none}.fallback-orb{position:absolute;left:22%;top:23%;width:56%;aspect-ratio:1;border-radius:50%;border:1px solid #e7bf7470;background:radial-gradient(circle at 30% 27%,#eddcb526,transparent 62%);box-shadow:inset 0 0 60px #b39a4130,0 0 100px #e7aa5715}.fallback-orb:before,.fallback-orb:after{content:'';position:absolute;inset:0 27%;border:1px solid #dfc39255;border-radius:50%}.fallback-orb:after{inset:27% 0}.art-ready #sculpture canvas{visibility:visible}.art-ready .fallback-orb{display:none}
main{position:relative;z-index:2;pointer-events:none}.chapter{position:relative;min-height:100vh;min-height:100svh}.chapter-frame{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px 8vw;position:relative}.copy{width:46%;max-width:640px;pointer-events:auto}.eyebrow{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.21em;color:#c6c3b8;margin:0 0 28px;line-height:1.8}h1,h2,p{margin-top:0}h1,h2{font-family:Cormorant,Georgia,serif;font-weight:400;line-height:.93;letter-spacing:-.045em;margin-bottom:0;text-wrap:balance}h1{font-size:clamp(64px,6.5vw,100px);line-height:.98;letter-spacing:-.035em}h2{font-size:clamp(54px,5.85vw,88px);line-height:1.01}em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.025em}h1 em{letter-spacing:-.05em;word-spacing:.08em}.reveal{font-size:clamp(18px,1.6vw,24px);line-height:1.48;font-weight:300;margin:34px 0 0;color:#c5c8c4;letter-spacing:-.035em}.reveal strong{font-weight:500;color:var(--text)}.opening-reveal{font-family:Cormorant,Georgia,serif;font-size:clamp(30px,3vw,45px);line-height:1.08;letter-spacing:-.035em;color:var(--text)}
.belief-lines{position:relative}.belief{font-family:Cormorant,Georgia,serif;font-size:clamp(43px,4.9vw,74px);line-height:1.05;font-weight:400;letter-spacing:-.035em;margin:0 0 40px;text-wrap:pretty}.belief em{color:var(--accent)}.final-intro{font-size:.52em;line-height:1.2;display:block;letter-spacing:-.025em;margin-bottom:16px;color:var(--text)}.invitation h2{font-size:clamp(78px,8vw,122px)}.invitation h2 em{white-space:nowrap}.final-rally{display:block;margin-top:22px;font-family:DM,Arial,sans-serif;font-size:clamp(18px,1.9vw,28px);line-height:1.4;letter-spacing:-.025em}.invitation-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;color:var(--accent);border:1px solid #e8c99870;background:linear-gradient(135deg,#171a19f5,#0b0e10f5);text-decoration:none;font-size:14px;font-weight:400;letter-spacing:-.02em;margin-top:38px;border-radius:999px;box-shadow:0 6px 40px #e8c99808;transition:background .2s,border-color .2s,transform .2s}.invitation-button:hover{background:#20211df5;border-color:var(--accent);transform:translateY(-2px)}.invitation-button span{font-size:19px;opacity:.8}
.journey-footer{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:90px;padding:18px 4.3vw max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#080b0dba);font-size:10px}.chapter-label{display:flex;align-items:center;gap:16px;letter-spacing:.1em;text-transform:uppercase;font-size:9px;color:#cac6bc;min-width:210px}.chapter-label #chapter-number{color:var(--accent);font-size:12px;letter-spacing:0}.chapter-divider{height:1px;width:28px;background:#bab9ae66}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:16px;border:0;background:none;padding:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#c4c6c0}.scroll-arrow{font-size:20px;color:var(--accent)}.progress{display:flex;gap:6px;width:170px}.progress a{display:flex;align-items:center;height:44px;flex:1;text-decoration:none}.progress i{display:block;width:100%;height:2px;background:#f7e9d033;position:relative}.progress i:after{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--fill,0));transform-origin:left}.progress a:hover i{background:#ead6b480}
.enhanced .chapter{height:calc(var(--length,2) * var(--view-height,100svh))}.enhanced .chapter-frame{height:var(--view-height,100svh);min-height:0;position:sticky;top:0}.enhanced .copy{opacity:var(--copy-opacity,0);transform:translateY(var(--copy-offset,0px));will-change:transform,opacity}.enhanced .opening .copy{opacity:var(--copy-opacity,1)}.enhanced .reveal{opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0)) * 18px));filter:blur(calc((1 - var(--reveal,0)) * 3px))}.enhanced .belief-lines{height:330px}.enhanced .belief{position:absolute;inset:0 auto auto 0;width:100%;opacity:var(--belief-opacity,0);transform:translateY(var(--belief-offset,14px));pointer-events:none}.enhanced .belief:first-child{opacity:var(--belief-opacity,1)}.enhanced .invitation .copy{padding-bottom:0}.enhanced .invitation-button{pointer-events:auto}
@media(min-width:1500px){.copy{max-width:720px}.chapter-frame{padding-left:10vw}#sculpture{right:-1vw;width:68vw}}
@media(max-width:760px){.masthead{padding:max(23px,env(safe-area-inset-top)) 24px 20px}.wordmark{font-size:22px}.emblem{transform:scale(.86);margin-right:7px}.header-actions{gap:13px}.header-join{font-size:10px;padding:10px 0}.header-join span{margin-left:10px}#motion-toggle{height:32px;width:32px;font-size:13px}#sculpture{width:118vw;height:66svh;height:calc(var(--view-height,100svh) * .66);left:-9vw;right:auto;top:calc(var(--view-height,100svh) * .34)}.chapter-frame{padding:126px 30px 90px;align-items:flex-start}.copy{width:100%;max-width:520px}.eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:20px}h1{font-size:clamp(50px,13.5vw,70px);line-height:.98;letter-spacing:-.035em}h2{font-size:clamp(42px,12.3vw,62px);line-height:1;letter-spacing:-.04em}.reveal{font-size:17px;line-height:1.42;margin-top:23px}.opening-reveal{font-size:29px;line-height:1.1;margin-top:23px}.enhanced .chapter-frame{padding-top:calc(var(--view-height,100svh) * .155)}.enhanced .belief-lines{height:230px}.belief{font-size:clamp(38px,10.8vw,52px);line-height:1.06}.invitation h2{font-size:clamp(70px,19.5vw,103px)}.final-intro{font-size:.43em;line-height:1.18;margin-bottom:20px}.invitation-button{font-size:12px;padding:18px 20px;gap:25px;margin-top:30px}.journey-footer{padding:12px 24px max(15px,env(safe-area-inset-bottom));min-height:82px;flex-wrap:wrap;gap:0 14px}.chapter-label{min-width:0;gap:10px;font-size:8px}.chapter-divider{width:18px}.chapter-label #chapter-number{font-size:10px}.scroll-cue{font-size:8px;gap:9px;padding:10px 0}.scroll-arrow{font-size:19px}.progress{width:100%;gap:7px;height:12px;order:-1;margin-bottom:3px}.progress a{height:12px}.progress i{height:1px}.horizon{width:200vw;height:70vw;left:-10%;bottom:-61vw}.atmosphere{background:radial-gradient(ellipse at 50% 70%,#142126 0,transparent 65%)}.aura{background:radial-gradient(ellipse at 50% 65%,#5c352448,transparent 65%)}body[data-beat="5"] #sculpture{opacity:.65}}
@media(max-width:365px){.masthead{padding-left:20px;padding-right:20px}.chapter-frame{padding-left:24px;padding-right:24px}.header-actions{gap:10px}.header-join{font-size:9px}h2{font-size:41px}.eyebrow{font-size:7px}.reveal{font-size:16px}.invitation-button{font-size:11px;gap:22px;padding:17px}.chapter-label{letter-spacing:.05em}.scroll-cue{letter-spacing:.08em}}
@media(max-height:650px) and (min-width:761px){.chapter-frame{padding-top:90px;padding-bottom:80px}h1{font-size:68px}h2{font-size:56px}.eyebrow{margin-bottom:18px}.reveal{margin-top:20px;font-size:18px}.belief{font-size:48px}.enhanced .belief-lines{height:230px}}
@media(max-width:760px) and (max-height:680px){#sculpture{top:calc(var(--view-height,100svh) * .45);height:calc(var(--view-height,100svh) * .52)}.eyebrow{margin-bottom:14px}h1{font-size:46px}h2{font-size:39px}.reveal{font-size:15px;margin-top:16px}.opening-reveal{font-size:26px}.belief{font-size:32px}.invitation h2{font-size:68px}.invitation-button{margin-top:24px}body[data-beat="5"] #sculpture{top:calc(var(--view-height,100svh) * .59);height:calc(var(--view-height,100svh) * .35)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#motion-toggle{display:none}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .copy,.enhanced .reveal,.enhanced .belief{transform:none;filter:none}}
body:not(.enhanced) #sculpture{opacity:.25}body:not(.enhanced) .journey-footer{display:none}body:not(.enhanced) .belief{margin-bottom:1.4em}body:not(.enhanced) .survival .chapter-frame{padding-top:140px;padding-bottom:120px}body:not(.enhanced) .copy{position:relative;z-index:3}