:root{--bg:#0c1410;--ink:#f2f7f2;--dim:#a7c3b2;--serif:"Fraunces",Georgia,serif;--sans:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}::selection{background:#78dcaa4d;color:#fff}a{color:inherit}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);padding:2rem;text-align:center;z-index:9999}#stage{position:fixed;inset:0;z-index:0;background:#050906}.layer{position:absolute;inset:0;opacity:0;will-change:opacity,transform;transform-origin:center;overflow:hidden}.layer img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1s ease}.layer.loaded img{opacity:1}#grade{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(130% 105% at 50% 42%,transparent 52%,rgba(4,9,6,.55) 100%),linear-gradient(0deg,rgba(4,9,6,.72),rgba(4,9,6,.12) 30%,transparent 46%),linear-gradient(180deg,rgba(4,9,6,.5),transparent 24%)}#stage,#ui,#dots,#credit{opacity:0;transition:opacity 1.4s ease}body.ready #stage,body.ready #ui,body.ready #dots,body.ready #credit{opacity:1}#ui{position:fixed;inset:0;z-index:3;pointer-events:none}.cap{position:absolute;left:clamp(24px,6vw,104px);bottom:clamp(70px,15vh,150px);max-width:min(640px,86vw);opacity:0;will-change:opacity,transform}.c-kicker{font-family:var(--sans);letter-spacing:.36em;text-transform:uppercase;font-size:clamp(10px,1vw,12.5px);color:var(--dim);margin-bottom:1.1rem}.c-title{font-family:var(--serif);font-weight:430;font-optical-sizing:auto;font-size:clamp(42px,7.4vw,96px);line-height:.97;letter-spacing:-.008em;color:#fff;margin:0;text-shadow:0 3px 44px rgba(0,0,0,.55)}.c-line{font-family:var(--serif);font-style:italic;font-weight:340;font-size:clamp(16px,2.2vw,25px);color:#eef4ee;margin:1.1rem 0 0;max-width:32ch;line-height:1.4;text-shadow:0 2px 30px rgba(0,0,0,.6)}#dots{position:fixed;right:clamp(16px,2.4vw,34px);top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:16px}.dot{position:relative;width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#ffffff47;cursor:pointer;transition:.3s;pointer-events:auto}.dot:hover{background:#fff9}.dot.on{background:#bff0d0;box-shadow:0 0 0 4px #bff0d029,0 0 14px #bff0d080;transform:scale(1.2)}.dot span{position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(6px);opacity:0;white-space:nowrap;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#dfeee4;background:#060e0999;backdrop-filter:blur(8px);padding:5px 10px;border-radius:7px;transition:.22s;pointer-events:none}.dot:hover span,.dot.on span{opacity:1;transform:translateY(-50%)}@media(max-width:760px){#dots{display:none}}#intro{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:radial-gradient(120% 90% at 50% 45%,#060e0959,#030705b8);pointer-events:none}.i-kicker{font-family:var(--sans);letter-spacing:.42em;text-transform:uppercase;font-size:clamp(10px,1.1vw,13px);color:#bff0d0;margin-bottom:1.6rem}.i-title{font-family:var(--serif);font-weight:400;font-size:clamp(58px,13vw,168px);line-height:.92;letter-spacing:.01em;margin:0;color:#fff;text-shadow:0 4px 60px rgba(0,0,0,.5)}.i-sub{font-family:var(--serif);font-style:italic;font-weight:340;font-size:clamp(15px,2vw,22px);color:#dfeee4;margin:1.6rem 0 0}.i-hint{margin-top:3rem;font-family:var(--sans);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#9fbcac;display:flex;flex-direction:column;align-items:center;gap:10px}.i-hint span{width:1px;height:38px;background:linear-gradient(#bff0d0,transparent);animation:drop 1.8s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);transform-origin:bottom;opacity:0}}#credit{position:fixed;top:clamp(18px,3vh,30px);left:clamp(20px,4vw,44px);z-index:4;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#dfeee499}#credit a{color:#bff0d0;text-decoration:none}body:not(.scrolled) #credit{opacity:0}#scroll{position:relative;z-index:1}.sec{height:118vh}@media(prefers-reduced-motion:reduce){.layer img,#stage,#ui,#dots,#credit{transition:none}.i-hint span{animation:none}}