:root{--navy:#101e34;--lapis:#304d75;--cream:#f1e8d5;--ink:#243024;--gold:#cbb17a;--mist:#d8d5ca;--serif:'Cormorant Garamond','Baskerville','Times New Roman',serif;--sans:'DM Sans','Avenir Next',Arial,sans-serif;--curtain-left:0%;--curtain-right:0%}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--navy);color:var(--cream);font:400 15px/1.55 var(--sans)}
::selection{background:#d9c18c;color:#1a2742}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:1px}
.skip{position:fixed;left:14px;top:-80px;z-index:99;background:var(--cream);color:var(--navy);padding:10px 14px}.skip:focus{top:14px}
.painting{position:fixed;z-index:0;inset:0;overflow:hidden;background:var(--navy);pointer-events:none}
#depth-stage,.still{position:absolute;inset:0;width:100%;height:100%;display:block}
.still{display:none;background-size:cover;background-position:center}
.painting-grain{display:none}
.painting::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e1a2b6b,transparent 54%,#0e1a2b24);opacity:var(--veil,1);transition:opacity .45s ease;pointer-events:none}
.masthead{position:fixed;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 clamp(24px,4.2vw,72px);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f7eddb;text-shadow:0 1px 14px #07101f99}
.masthead::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:116px;background:linear-gradient(#0c1728b5,transparent);pointer-events:none}
.masthead a{text-decoration:none}.masthead a:hover{color:#e3c98e}
.wordmark{font:italic 500 31px/.8 var(--serif);letter-spacing:-.07em;text-transform:none;position:relative;padding-right:20px}.mark-leaf{position:absolute;right:0;top:-6px;width:11px;height:18px;border:1px solid #d8bf89;border-radius:100% 0 100% 0;transform:rotate(-20deg)}
.masthead-note{margin-left:-11vw;opacity:.78}.chapter-link span{display:inline-block;margin-left:6px;font-size:15px}
.chapter-rail{position:fixed;z-index:16;right:clamp(24px,4.2vw,72px);top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:20px;writing-mode:vertical-rl;color:#fff0d8;text-shadow:0 1px 9px #0009;pointer-events:none}
.chapter-rail::before{content:'';display:block;width:1px;height:150px;background:#f0dbc266}.rail-active{position:absolute;right:0;top:0;width:2px;height:var(--rail-height,0px);background:var(--gold);box-shadow:0 0 12px #f8dea988}.rail-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
main{position:relative}.scene{position:relative;z-index:1;isolation:isolate}.hero{height:125svh}.cloud{height:105svh}.built{height:240svh}.share{height:160svh}.choose,.asked{height:125svh}.end{height:430svh}
.copy-wrap{position:sticky;top:0;display:flex;align-items:center;width:100%;height:100svh;padding:clamp(42px,7vw,110px);z-index:2;pointer-events:none}
.copy{max-width:660px;opacity:var(--show,0);transform:translate3d(0,var(--rise,22px),0);will-change:opacity,transform;pointer-events:auto}
.copy h1,.copy h2,.single-line{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.88;text-wrap:balance;text-shadow:0 3px 28px #0b1c3490}
.copy h1,.copy h2{margin:0 0 28px}.copy p{max-width:390px;margin:0;font-size:14px;line-height:1.75;letter-spacing:.01em;color:#f3e8d3;text-shadow:0 2px 12px #09182da3}
.hero .copy-wrap{position:absolute;z-index:4;top:0;left:0;align-items:center}.hero-copy{margin-top:6vh;margin-left:2vw;max-width:720px}.hero h1{font-size:clamp(66px,8.9vw,146px);line-height:.89}.hero p{font-size:17px;max-width:340px;margin-top:30px}.hero-symbol{display:block;margin-bottom:34px;font:31px var(--serif);color:var(--gold)}.tiny-note{display:block;margin-top:66px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#e0d1b4}.tiny-note span{display:inline-block;margin-left:8px;font-size:16px;vertical-align:middle}
.curtain-shell{position:sticky;z-index:3;top:0;height:100svh;overflow:hidden;pointer-events:none}.drape{position:absolute;top:-3%;bottom:-3%;width:52%;background:repeating-linear-gradient(90deg,#11284a 0%,#2e4670 7%,#1a2e53 12%,#485e82 18%,#1b3257 25%,#16294c 31%),linear-gradient(90deg,#172a4e,#405b84);box-shadow:inset -20px 0 50px #0b19306e,12px 0 35px #0a1a3280;opacity:.97;will-change:transform}.drape::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 55px,#d5c09118 56px 59px,transparent 60px 113px);mix-blend-mode:screen}.drape-left{left:0;clip-path:polygon(0 0,100% 0,97% 13%,100% 26%,96% 41%,100% 56%,96% 71%,100% 84%,96% 100%,0 100%);transform:translate3d(var(--curtain-left),0,0)}.drape-right{right:0;clip-path:polygon(4% 0,100% 0,100% 100%,4% 100%,0 84%,4% 71%,0 56%,4% 41%,0 26%,4% 13%);transform:translate3d(var(--curtain-right),0,0)}
.cloud .copy-wrap{justify-content:flex-end;align-items:flex-end;padding-bottom:15vh}.cloud-copy{text-align:right}.single-line{margin:0;font-size:clamp(39px,5vw,80px);color:#f4ead6}.single-line em{font-weight:400;color:#f6e4bf}.cloud-copy p{max-width:none}
.built .copy-wrap{justify-content:flex-end;align-items:center}.built .copy-wrap::before,.cloud .copy-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,#102038c9,transparent 68%)}.built .copy,.cloud .copy{position:relative;z-index:1}.built-copy{text-align:right;margin-right:5vw}.built h2{font-size:clamp(86px,12vw,188px);line-height:.8}.built p{margin-left:auto}.material-sequence{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:42px;font:10px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f5e7ca}.material-sequence span{opacity:.38;transition:opacity .45s ease,color .45s ease}.built[data-beat="0"] .material-sequence span:nth-of-type(1),.built[data-beat="1"] .material-sequence span:nth-of-type(2),.built[data-beat="2"] .material-sequence span:nth-of-type(3){opacity:1;color:#ffebbb}.material-sequence i{width:20px;height:1px;background:#d8be88}
.share .copy-wrap{align-items:center}.share-copy{margin-left:1vw}.share h2{font-size:clamp(64px,8.2vw,132px)}.share p{max-width:300px}
.choose .copy-wrap,.asked .copy-wrap{justify-content:flex-start;align-items:center}
.choose-copy,.asked-copy{position:relative;z-index:1;width:min(650px,52vw);margin-left:2vw;color:var(--cream)}
.choose h2{font-size:clamp(68px,7.8vw,124px);margin:0 0 28px}.choose h2 em{font-weight:400;color:#dfc78f}
.choose p,.asked p{color:#f3e8d3;max-width:355px}.accent-line{display:block;width:76px;height:1px;margin:0 0 40px;background:#dec48a}
.asked-copy{width:min(430px,42vw)}.asked h2{font-size:clamp(70px,7.5vw,116px);line-height:.82}.question-mark{display:block;font:italic 77px/.8 var(--serif);color:#dcc38c;transform:rotate(-10deg);margin-bottom:28px}
.end .copy-wrap{padding:0}.end-copy{position:relative;width:100%;height:100svh;max-width:none}.end-beat{position:absolute;top:50%;width:min(520px,42vw);transform:translateY(-50%);transition:none;text-shadow:0 3px 28px #071324bd}.end-beat h2{font-size:clamp(68px,8vw,124px);font-style:normal;line-height:.83;margin:18px 0 25px}.end-beat p{max-width:none;font:italic clamp(21px,2vw,28px)/1.2 var(--serif)}.end-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#dec897}.end-star{right:7vw;text-align:right;opacity:var(--star-show,1)}.end-tend{left:7vw;text-align:left;opacity:var(--tend-show,0)}.end-brand{left:50%;width:min(920px,90vw);text-align:center;transform:translate(-50%,-50%);opacity:var(--brand-show,0)}.end-brand h2{font-size:clamp(160px,23vw,360px);font-style:italic;line-height:.6;margin:25px 0 56px;text-shadow:0 0 58px #08182e}.end-brand p{font-size:25px}.end a{display:inline-block;margin-top:60px;font-size:10px;letter-spacing:.17em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid #dec694;padding-bottom:8px}.end a:hover{color:#edcf94}.star-ring{display:block;margin:0 auto;width:45px;height:45px;border:1px solid #e6cb8d;border-radius:50%;box-shadow:0 0 0 12px #e6cb8d14,0 0 0 25px #e6cb8d0b}.star-ring::before{content:'';display:block;width:7px;height:7px;margin:18px auto;background:#f4da9f;transform:rotate(45deg)}
.scroll-progress{position:fixed;z-index:25;bottom:0;left:0;width:100%;height:2px;background:#d9c39336;pointer-events:none}.scroll-progress span{display:block;height:100%;width:var(--scroll,0%);background:#e6c988;box-shadow:0 0 12px #ead3977a}
@media(max-width:900px){.masthead-note{display:none}.chapter-rail{right:25px}.copy-wrap{padding:40px}.hero-copy,.share-copy,.asked-copy{margin-left:0}.built-copy{margin-right:0}.choose-copy,.asked-copy{width:min(620px,70vw)}}
@media(max-width:680px){.masthead{height:70px;padding:0 22px}.wordmark{font-size:28px}.chapter-link{font-size:9px}.chapter-rail{display:none}.copy-wrap{padding:80px 26px 74px;align-items:flex-end}.copy h1,.copy h2,.single-line{letter-spacing:-.045em}.copy p{font-size:13px;line-height:1.65;max-width:310px}.hero{height:130svh}.hero .copy-wrap{align-items:flex-start;padding-top:21svh}.hero-copy{margin:0}.hero h1{font-size:clamp(51px,13vw,88px)}.hero p{font-size:15px;max-width:280px}.hero-symbol{margin-bottom:26px}.tiny-note{margin-top:46px}.drape{width:53%}.cloud .copy-wrap{padding-bottom:13svh}.single-line{font-size:clamp(40px,10vw,62px)}.built{height:230svh}.built .copy-wrap{align-items:flex-end}.built-copy{text-align:left;margin:0 0 5svh}.built h2{font-size:clamp(66px,16vw,108px)}.built p{margin-left:0}.material-sequence{justify-content:flex-start;margin-top:25px;gap:7px;font-size:9px}.material-sequence i{width:13px}.share .copy-wrap{align-items:flex-end}.share h2{font-size:clamp(56px,12vw,86px)}.choose .paper-panel,.asked .paper-panel{left:0;right:0;top:auto;bottom:0;width:100%;height:62%;box-shadow:0 -40px 90px #0b183842}.choose .paper-panel{background:linear-gradient(0deg,#eee5d2 10%,#eee5d2 69%,#eee5d200)}.asked .paper-panel{background:linear-gradient(0deg,#eee4d0 10%,#eee4d0 69%,#eee4d000)}.choose .copy-wrap,.asked .copy-wrap{align-items:flex-end;justify-content:flex-start;padding-bottom:11svh}.choose-copy,.asked-copy{width:100%;margin:0}.choose h2,.asked h2{font-size:clamp(48px,11vw,79px)}.choose p,.asked p{max-width:285px}.accent-line{margin-bottom:22px}.question-mark{font-size:55px;margin-bottom:18px}.end .copy-wrap{align-items:center;padding-top:14svh}.end-copy{margin:0}.end h2{font-size:clamp(110px,28vw,205px)}.end p{font-size:21px}.end a{margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy,.drape{will-change:auto}.painting-grain{opacity:.12}}
@media(max-width:680px){.choose-copy,.asked-copy{width:100%}.choose h2,.asked h2{color:#f5ead5}.choose p,.asked p{color:#f2e5cc}}
@media(max-width:680px){.end .copy-wrap{padding:0}.end-copy{height:100svh}.end-beat{top:auto;bottom:11svh;width:min(340px,78vw);transform:none}.end-beat h2{font-size:clamp(54px,13vw,83px)}.end-star{right:26px}.end-tend{left:26px}.end-brand{top:50%;bottom:auto;left:50%;width:92vw;transform:translate(-50%,-50%)}.end-brand h2{font-size:clamp(118px,29vw,205px)}.end-brand p{font-size:21px}}
.end-brand{pointer-events:none}.end.is-brand .end-brand{pointer-events:auto}
.chapter-kicker{display:block;margin:0 0 22px;color:#e2c990;font-size:10px;font-weight:500;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 2px 14px #071324}.copy .chapter-detail{max-width:390px;margin-top:25px;color:#e8d7b8;font:italic clamp(18px,2vw,23px)/1.24 var(--serif);letter-spacing:0}.cloud .chapter-detail,.built .chapter-detail{margin-left:auto}.choose .accent-line{margin-top:8px}.asked .question-mark{margin-top:4px}
.end-beat .end-body{max-width:390px;margin-top:22px;color:#f1e8d4;font:400 14px/1.65 var(--sans);letter-spacing:.005em}.end-star .end-body{margin-left:auto}.end-ledger{display:flex;justify-content:space-between;gap:20px;width:min(390px,100%);margin-top:31px;padding-top:13px;border-top:1px solid #e0c99288;color:#dec897;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.end-star .end-ledger{margin-left:auto}.brand-principles{display:flex;justify-content:center;gap:clamp(25px,5vw,75px);margin:39px auto 0;color:#e5cf9c;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.brand-principles span+span::before{content:'✦';display:inline-block;margin-right:clamp(25px,5vw,75px);color:#d5b77e}.end-brand a{margin-top:40px}
@media(max-width:680px){.chapter-kicker{font-size:9px;margin-bottom:15px}.copy .chapter-detail{font-size:17px;margin-top:18px;max-width:300px}.end-beat .end-body{font-size:12px;line-height:1.5;max-width:275px}.end-ledger{gap:8px;font-size:8px;letter-spacing:.1em;margin-top:18px}.brand-principles{gap:12px;flex-wrap:wrap;font-size:8px}.brand-principles span+span::before{margin-right:12px}.end-brand a{margin-top:30px}}
.essay-number{display:block;width:54px;padding-bottom:7px;margin-bottom:27px;border-bottom:1px solid #e3ca96a8;color:#e7ce98;font:italic 29px/1 var(--serif);letter-spacing:-.03em;text-shadow:0 2px 12px #071324}.cloud .essay-number,.built .essay-number,.end-star .essay-number{margin-left:auto}.essay-copy .essay-display{max-width:790px;margin:0 0 26px;color:#f5e9d4;font-family:var(--serif);font-weight:400;letter-spacing:-.048em;line-height:.88;text-wrap:balance;text-shadow:0 3px 30px #081626bd}.essay-copy .essay-body{max-width:450px;margin:0;color:#f5e7cd;font:400 clamp(21px,2.2vw,27px)/1.32 var(--serif);letter-spacing:0;text-shadow:0 2px 16px #071324b8;text-wrap:pretty}.cloud .essay-body,.built .essay-body{margin-left:auto}.hero .essay-display{font-size:clamp(70px,9vw,138px)}.hero .essay-body{font-size:clamp(25px,2.8vw,36px);max-width:560px}.hero .tiny-note{margin-top:64px}.cloud .essay-display{font-size:clamp(58px,7vw,105px)}.built .essay-display{font-size:clamp(62px,7.8vw,124px)}.share .essay-display{font-size:clamp(65px,8.5vw,132px)}.choose .essay-display,.asked .essay-display{font-size:clamp(66px,8vw,118px)}.choose .accent-line{display:none}.asked .question-mark{font-size:60px;margin:0 0 18px}.end-beat .essay-display{font-size:clamp(67px,7vw,106px);line-height:.88}.end-star,.end-tend{width:min(600px,47vw)}.end-brand .essay-body{max-width:690px;margin:0 auto;font:italic clamp(26px,3vw,36px)/1.18 var(--serif)}.end-brand a{margin-top:56px}
@media(max-width:900px){.essay-copy .essay-body{font-size:22px}.hero .essay-body{font-size:27px}.end-star,.end-tend{width:min(540px,53vw)}}
@media(max-width:680px){.essay-number{font-size:24px;margin-bottom:18px}.essay-copy .essay-display,.hero .essay-display,.cloud .essay-display,.built .essay-display,.share .essay-display,.choose .essay-display,.asked .essay-display{font-size:clamp(49px,12vw,78px);line-height:.9;margin-bottom:18px}.essay-copy .essay-body,.hero .essay-body{max-width:310px;font-size:22px;line-height:1.27}.hero .tiny-note{margin-top:38px}.cloud .essay-body,.built .essay-body{margin-left:0}.cloud .essay-copy,.built .essay-copy{text-align:left}.cloud .essay-number,.built .essay-number{margin-left:0}.end-star,.end-tend{width:min(340px,82vw)}.end-beat .essay-display{font-size:clamp(50px,12vw,76px)}.end-brand .essay-body{font-size:23px;max-width:315px}.end-brand a{margin-top:42px}}
@media(max-width:680px){.end-star{top:25svh;bottom:auto;right:24px;width:min(260px,68vw)}.end-tend{top:17svh;bottom:auto;left:24px;width:min(270px,72vw)}.end-star .essay-display,.end-tend .essay-display{font-size:clamp(46px,11vw,69px)}}