@font-face{font-family:'DM Mono';font-style:normal;font-weight:300 400;font-display:swap;src:url('/assets/fonts/dm-mono-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url('/assets/fonts/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600 800;font-display:swap;src:url('/assets/fonts/inter-600.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/inter-900.ttf') format('truetype')}
:root { color-scheme: dark; --bg:#080808; --ink:#f1efe9; --muted:#9a9994; --acid:#d9ff3f; --mx:50%; --my:50%; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.grain { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.07; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.nav { position:absolute; z-index:5; top:0; left:0; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; padding:26px 34px; font:11px/1.4 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.mark { font:800 22px/1 Inter,sans-serif; letter-spacing:-.08em; }.mark span{color:var(--acid)}
.nav p { margin:0; }.contact { justify-self:end; border-bottom:1px solid #555; padding-bottom:5px; transition:.25s }.contact:hover{border-color:var(--acid);color:var(--acid)}
.hero { min-height:100svh; position:relative; display:flex; flex-direction:column; justify-content:center; padding:100px 2vw 30px; overflow:hidden; }
.orb { position:absolute; left:var(--mx); top:var(--my); width:44vw; height:44vw; min-width:360px; min-height:360px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(217,255,63,.20),rgba(217,255,63,.04) 40%,transparent 72%); filter:blur(14px); transition:left .12s linear,top .12s linear; }
.eyebrow { position:relative; margin:0 0 0 2.2vw; font:11px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.22em; color:var(--acid); }
h1 { position:relative; margin:0; font-size:clamp(76px,19.1vw,360px); line-height:.78; letter-spacing:-.09em; font-weight:900; white-space:nowrap; transform:translate3d(calc((var(--mx) - 50%) * .025),calc((var(--my) - 50%) * .025),0); transition:transform .08s linear; }
h1::after { content:attr(data-text); position:absolute; inset:0; color:transparent; -webkit-text-stroke:1px rgba(241,239,233,.22); transform:translate(calc((var(--mx) - 50%) * -.02),calc((var(--my) - 50%) * -.02)); }
.hero-foot { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:end; padding:32px 2.2vw 0; font:12px/1.5 'DM Mono',monospace; text-transform:uppercase; }
.hero-foot p { max-width:420px; margin:0; }.hero-foot span{text-align:right;color:var(--muted)}
.scroll { position:absolute; bottom:25px; left:50%; transform:translateX(-50%); font:10px 'DM Mono',monospace; text-transform:uppercase; color:var(--muted); display:flex;align-items:center;gap:10px }.scroll i{display:block;width:34px;height:1px;background:currentColor}
.studio { min-height:92vh; padding:100px 5vw; border-top:1px solid #292929; display:grid; grid-template-columns:1fr 3fr; gap:40px; }
.section-label { margin:0; font:11px 'DM Mono',monospace; color:var(--acid); text-transform:uppercase; letter-spacing:.18em; }
.statement p { margin:0; font-size:clamp(48px,9vw,150px); line-height:.88; letter-spacing:-.07em; }.statement p:nth-child(2){color:var(--acid)}
.details { grid-column:2; margin-top:70px; display:grid; grid-template-columns:1fr 1fr; gap:8vw; color:var(--muted); font-size:clamp(16px,1.4vw,22px); line-height:1.5; }.details p{margin:0}
.reveal { opacity:0; transform:translateY(45px); transition:opacity .8s,transform .8s }.reveal.visible{opacity:1;transform:none}
.signal { overflow:hidden; border-block:1px solid #292929; padding:25px 0; }.marquee{display:flex;width:max-content;animation:marquee 28s linear infinite;font:600 18px 'DM Mono',monospace;color:#6d6d68}.marquee span{padding-right:1ch}@keyframes marquee{to{transform:translateX(-50%)}}
footer { padding:40px 34px; display:grid; grid-template-columns:1fr 1fr 1fr; font:11px 'DM Mono',monospace; text-transform:uppercase; color:var(--muted); }footer p{margin:0}footer a{text-align:center;color:var(--ink)}footer p:last-child{text-align:right}
@media(max-width:720px){.nav{padding:22px 18px;grid-template-columns:1fr 1fr}.nav p{display:none}.hero{padding-inline:12px}.eyebrow{margin-left:6px}h1{font-size:21.6vw;letter-spacing:-.095em}.hero-foot{grid-template-columns:1fr;padding:28px 6px 0}.hero-foot span{text-align:left}.scroll{display:none}.studio{padding:80px 18px;grid-template-columns:1fr}.statement,.details{grid-column:1}.details{grid-template-columns:1fr;margin-top:30px;gap:25px}footer{padding:32px 18px;grid-template-columns:1fr;gap:16px}footer a,footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb,h1,h1::after,.reveal,.marquee{transition:none;animation:none;transform:none}.reveal{opacity:1}}