:root{color-scheme:dark;--gold:#c7a477;--white:#eeeae2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080909;color:var(--white);font-family:Vazirmatn,sans-serif;overflow-x:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.53));opacity:.75}header{position:fixed;z-index:10;top:0;left:0;right:0;padding:30px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1b;background:linear-gradient(#080909a8,transparent)}.brand{font:600 23px Manrope,sans-serif;letter-spacing:.28em;color:#f4eadc;text-decoration:none}.brand small{display:block;font-size:8px;letter-spacing:.62em;margin-top:5px;color:var(--gold)}nav{display:flex;gap:35px}nav a{font-size:12px;color:#d7d0c3;text-decoration:none;transition:color .3s}nav a:hover{color:var(--gold)}.index,.scene-label{font:10px Manrope,sans-serif;letter-spacing:.2em;color:#c5ae8b}.scene-label{position:fixed;z-index:3;left:5vw;bottom:32px}.stage{height:130vh;position:relative;z-index:1;pointer-events:none}.hero{height:145vh}.end{height:120vh}.copy{position:sticky;top:35vh;margin-right:9vw;width:min(610px,78vw);opacity:1;transform:translateY(0);text-shadow:0 4px 35px #000}.stage:not(.hero) .copy{padding-top:8vh}.eyebrow{font:11px Manrope,sans-serif;letter-spacing:.22em;color:var(--gold);direction:ltr;text-align:right;margin-bottom:24px}h1,h2{font-weight:300;font-size:clamp(46px,7vw,110px);line-height:1.32;margin:0;letter-spacing:-.045em}h1 em,h2 em{font-style:normal;color:#d3b58b}.desc{font-size:clamp(14px,1.5vw,18px);font-weight:300;line-height:2.3;color:#d4d0c9;max-width:470px}.scroll-note{position:absolute;top:95vh;right:9vw;font-size:12px;color:#c5b5a1}.line{display:block;height:64px;width:1px;background:linear-gradient(var(--gold),transparent);margin:20px 0}.counter{position:absolute;top:110vh;left:5vw;font:11px Manrope;letter-spacing:.2em;color:var(--gold)}.projects{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;direction:ltr;justify-content:flex-end}.projects span{font:10px Manrope;letter-spacing:.12em;border-top:1px solid #a48b66;padding-top:12px}.contact{display:inline-block;pointer-events:auto;margin-top:25px;color:#e9c99e;text-decoration:none;font:clamp(15px,2vw,24px) Manrope;border-bottom:1px solid #b99a6f;padding-bottom:12px;letter-spacing:.12em}.disclaimer{font-size:11px;color:#b1aaa0;margin-top:24px}.progress{position:fixed;z-index:10;right:0;top:0;width:3px;height:100vh;background:#ffffff0c}.progress span{display:block;width:100%;height:0;background:var(--gold)}#loader{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090a0a;font:500 clamp(35px,7vw,80px) Manrope;letter-spacing:.25em;transition:opacity .8s,visibility .8s}#loader span{font-size:10px;letter-spacing:.5em;color:var(--gold);margin-top:20px}#loader.hidden{opacity:0;visibility:hidden}@media(max-width:720px){header{padding:22px 6vw}.brand{font-size:17px}nav{gap:15px}nav a{font-size:10px}.index{display:none}.copy{margin-right:7vw;top:31vh;width:86vw}h1,h2{font-size:clamp(45px,12vw,70px)}.stage{height:120vh}.hero{height:135vh}.counter{top:105vh}.scene-label{font-size:8px}.projects{gap:12px}.projects span{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}