:root{color-scheme:dark;--ink:#070d14;--ivory:#e4e0d2;--muted:#aab2b6;--gold:#b5a47c;--edge:clamp(24px,4.2vw,80px);font-family:'Manrope',sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--ivory)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid var(--ivory);outline-offset:8px}::selection{background:#c8b995;color:#101821}.skip-link{position:fixed;top:15px;left:20px;padding:12px;background:var(--ivory);color:var(--ink);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:30px var(--edge);background:linear-gradient(#070d1480,transparent)}.wordmark{font-size:23px;letter-spacing:-1.5px;font-weight:500}.wordmark span{color:var(--gold)}.project-nav{font-size:12px;display:flex;align-items:center;gap:24px}.project-nav span{font-size:20px;transition:transform .2s}.project-nav:hover span{transform:translate(3px,-3px)}
.journey,.stage{position:relative}.stage{isolation:isolate}#world-canvas,.world-fallback,.scene-shade{position:absolute;inset:0;width:100%;height:100svh;min-height:560px;pointer-events:none}#world-canvas{display:block;opacity:0;z-index:1}.world-ready #world-canvas{opacity:1}.world-ready .world-fallback{visibility:hidden}.world-fallback{overflow:hidden;background:radial-gradient(ellipse at 65% 45%,#182434,#070d14 75%)}.world-fallback img{position:absolute;height:auto;object-fit:contain}.fallback-moon{width:43%;left:45%;top:2%}.fallback-island{width:65%;left:30%;top:27%}.fallback-angel{width:35%;left:60%;top:22%}.scene-shade{z-index:2;background:linear-gradient(90deg,#060c1459,transparent 48%),linear-gradient(0deg,#060c1499,transparent 20%,transparent 88%,#060c1440)}
.intro{position:relative;z-index:4;height:100svh;min-height:560px;padding-top:30svh;margin-left:7%;width:max-content}.eyebrow{font-size:9px;letter-spacing:.3em;font-weight:400;margin:0 0 23px;color:#b7bcb9}.intro h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(115px,14.2vw,230px);font-weight:400;letter-spacing:-.02em;line-height:.79;margin:0 0 31px}.intro h1 span,.project-panel h2 span{color:var(--gold)}.intro-detail{font-size:10px;letter-spacing:.08em;color:#aeb6bc;margin:0}
.project-panel{position:relative;z-index:5;min-height:90svh;padding:14svh 7vw;background:var(--ink)}.project-panel h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(100px,10vw,165px);font-weight:400;line-height:.83;letter-spacing:-.02em;margin:0 0 35px}.return-link{display:inline-flex;gap:50px;align-items:center;font-size:clamp(14px,1.2vw,20px);padding-bottom:13px;border-bottom:1px solid #c9c5b948}.return-link span{color:var(--gold);transition:transform .2s}.return-link:hover span{transform:translate(4px,-4px)}.project-details{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px;font-size:10px;color:var(--muted)}.project-details a:hover{color:var(--ivory)}
.scene-index{display:none;position:absolute;z-index:8;right:var(--edge);top:44%;font-family:Georgia,serif;font-size:10px;color:#b9b8af;align-items:center;gap:14px;flex-direction:column}.index-line{height:80px;width:1px;background:#c5c9c733;position:relative}.index-line>span{position:absolute;inset:0;background:var(--gold);transform:scaleY(0);transform-origin:top}
.immersive .journey{height:800svh}.immersive .stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden}.immersive .intro{position:absolute;left:7%;top:30%;padding:0;height:auto;min-height:0;margin:0}.immersive .project-panel{position:absolute;left:7%;top:29%;padding:0;min-height:0;background:none;opacity:0;pointer-events:none}.immersive .project-panel.active-panel{pointer-events:auto}.immersive .scene-index{display:flex}.waypoint{position:absolute;bottom:0;left:0;width:1px;height:100svh;pointer-events:none}
.legal{max-width:760px;margin:0 auto;padding:160px 28px 80px}.legal h1{font-family:'Barlow Condensed',sans-serif;font-size:72px;line-height:.95;font-weight:400;margin:25px 0 40px}.legal h2{font-size:20px;font-weight:500;margin-top:40px}.legal p{font-size:14px;line-height:1.85;color:var(--muted)}.legal a{text-decoration:underline;text-underline-offset:4px}.legal .eyebrow{font-size:10px}body:has(.legal) .site-header nav{font-size:12px}
@media(max-width:700px){.site-header{padding:24px var(--edge)}.wordmark{font-size:20px}.project-nav{gap:14px;font-size:11px}.intro{padding-top:59svh}.immersive .intro{top:auto;bottom:15%;left:8%}.intro h1{font-size:25vw;margin-bottom:18px}.intro .eyebrow{font-size:8px;margin-bottom:16px}.intro-detail{font-size:9px}.fallback-moon{width:90%;left:8%;top:12%}.fallback-island{width:120%;left:-10%;top:26%}.fallback-angel{width:70%;left:35%;top:18%}.scene-shade{background:linear-gradient(0deg,#060c14a0,transparent 55%)}.immersive .journey{height:720svh}.immersive .project-panel{left:8%;top:auto;bottom:20%}.project-panel h2{font-size:21vw;margin-bottom:26px}.project-panel .eyebrow{margin-bottom:20px}.project-details{gap:18px;font-size:9px;margin-top:28px}.return-link{font-size:15px;gap:35px}.scene-index{right:22px;top:43%;font-size:9px}.index-line{height:60px}.legal{padding-top:130px}.legal h1{font-size:56px}}
@media(max-height:650px) and (min-width:701px){.intro h1{font-size:26vh}.immersive .intro{top:23%}.immersive .project-panel{top:23%}.project-panel h2{font-size:22vh}.project-details{margin-top:24px}.immersive .stage,#world-canvas,.world-fallback,.scene-shade,.intro{min-height:440px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.project-description{max-width:330px;font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 26px}.intro h1{font-size:clamp(100px,13vw,210px)}@media(max-width:700px){.intro h1{font-size:24vw}.project-description{max-width:260px;font-size:11px}.project-panel h2{font-size:24vw}}