@font-face{font-family:LocalSans;src:local('Segoe UI')}*{box-sizing:border-box}html{background:#0c1016;color:#eef0f3;scroll-behavior:auto}body{margin:0;font-family:LocalSans,Arial,sans-serif;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #51545c;border-radius:2px;padding:13px 18px;transition:background .2s}button:hover{background:#ffffff10}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c7b4ff;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}#scene{position:fixed;inset:0;background:radial-gradient(ellipse at 65% 40%,#202938 0%,#111720 44%,#0c1016 80%)}#scene canvas{width:100%;height:100%;display:block;touch-action:pan-y}header{position:fixed;z-index:4;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;background:linear-gradient(#0c1016cf,transparent)}.brand{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:31px;letter-spacing:2px}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:9px;margin-left:2px}.project{font-size:10px;letter-spacing:3px;color:#9fa8b7}header button{font-size:12px}header button span{margin-left:18px}main{position:relative;pointer-events:none}section{height:125vh;min-height:700px;position:relative}.copy{position:absolute;left:5vw;top:31vh;max-width:440px;pointer-events:auto;text-shadow:0 3px 25px #0c1016}.eyebrow{font-size:10px;letter-spacing:3px;color:#b6a8d0;margin:0 0 28px}h1,h2{font-size:clamp(38px,4.2vw,70px);letter-spacing:-2.8px;font-weight:400;line-height:1.12;margin:0 0 25px}h2{font-size:clamp(34px,3.4vw,58px)}em{font-family:Georgia,serif;color:#c5b8e2;font-weight:400}.lead{color:#acb6c5;font-size:15px;line-height:1.8;max-width:340px}.hint{margin-top:52px;font-size:11px;letter-spacing:1px;color:#929dad}.hint span{margin-left:20px;font-size:21px}#layers{position:fixed;z-index:4;right:4vw;top:130px;display:flex;gap:8px;flex-wrap:wrap;max-width:580px;justify-content:flex-end}#layers button{padding:8px 11px;font-size:11px;border-color:#ffffff20;background:#101620b8;backdrop-filter:blur(10px)}#layers button:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color);margin-right:7px}#layers button[aria-pressed=false]{opacity:.38}footer{position:fixed;z-index:4;bottom:0;left:0;width:100%;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(transparent,#0c1016 60%);font-size:10px;color:#8b98ab;letter-spacing:1px}#status{max-width:30%;line-height:1.5}.scrubber{display:flex;gap:15px;align-items:center;width:30%}input{width:100%;accent-color:#c5b8e2}#loading{position:fixed;inset:0;background:#0c1016;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}.loader-mark{font:50px Georgia;letter-spacing:5px}.loader-mark span{display:block;font:12px Arial;letter-spacing:17px;margin-top:8px}#loading p{color:#9ca9ba;font-size:13px;margin-top:40px}.load-track{width:240px;height:2px;background:#303642;margin-top:10px}.load-track i{display:block;background:#c5b8e2;height:100%;width:0;transition:width .3s}.hidden{opacity:0;pointer-events:none}body.exploring main{visibility:hidden}body.exploring #scene canvas{touch-action:none}body.exploring #explore{visibility:visible;position:fixed;left:4vw;bottom:100px}body.exploring #layers{opacity:.95}
@media(max-width:760px){header{padding:19px 6vw}.brand{font-size:26px}.project{display:none}header button{font-size:10px;padding:11px}header button span{margin-left:4px}section{height:120vh;min-height:680px}.copy{left:7vw;top:18vh;max-width:88vw}h1,h2{font-size:39px;letter-spacing:-1.5px;margin-bottom:17px}.eyebrow{margin-bottom:18px;font-size:9px}.lead{font-size:13px;max-width:270px}.hint{margin-top:20px}#layers{top:auto;bottom:100px;left:6vw;right:6vw;justify-content:center;gap:5px}#layers button{font-size:10px;padding:7px}footer{padding:18px 6vw;gap:12px;flex-wrap:wrap}#status{max-width:100%;width:100%;font-size:9px}.scrubber{width:100%}.footer-note{display:none}body.exploring #explore{bottom:165px}.hint{display:none}}
section:last-child{height:100vh;min-height:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}