@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --bg:#111110; --ink:#f2f0ea; --muted:#989994; --line:#30312f; --acid:#d7ff42; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
main, footer { max-width:1440px; margin:auto; padding-inline:clamp(24px,5vw,72px); }
nav { height:100px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; }
a { color:inherit; text-decoration:none; } a:hover { color:var(--acid); }
.brand { font-weight:800; letter-spacing:.11em; font-size:.93rem; display:flex; gap:9px; align-items:center; }
.brand span { width:18px; height:18px; border:4px solid var(--ink); border-radius:50%; position:relative; } .brand span:after { content:''; position:absolute; background:var(--bg); width:22px; height:3px; left:-6px; top:4px; }
.hero { min-height:calc(100vh - 100px); padding:clamp(92px,15vh,180px) 0 80px; display:flex; flex-direction:column; }
.eyebrow { color:var(--acid); font: .7rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.12em; margin:0 0 30px; }
h1 { margin:0; font-size:clamp(4.4rem,12.8vw,12.4rem); letter-spacing:-.09em; line-height:.78; font-weight:800; }
.intro { font-size:clamp(1.1rem,1.7vw,1.55rem); line-height:1.45; max-width:430px; color:#c8c8c3; margin:clamp(60px,14vh,150px) 0 0 auto; }
.statement { min-height:560px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; align-items:end; padding:50px 0; gap:40px; }
.statement>p { max-width:420px; font-size:clamp(1.65rem,3vw,3rem); letter-spacing:-.055em; line-height:1.1; margin:0; }
.mark { justify-self:end; width:min(38vw,460px); } .mark img { width:100%; display:block; }
footer { border-top:1px solid var(--line); padding-top:30px; padding-bottom:36px; display:grid; grid-template-columns:1.2fr 1fr 1fr auto; gap:30px; color:var(--muted); font-size:.75rem; line-height:1.65; } footer strong { color:var(--ink); font-size:.7rem; letter-spacing:.08em; } footer a { color:var(--ink); } .legal { display:flex; flex-direction:column; align-items:start; } footer small { align-self:end; white-space:nowrap; }
.policy { max-width:850px; padding-top:90px; padding-bottom:100px; } .policy h1 { font-size:clamp(3.4rem,8vw,7rem); margin-bottom:60px; } .policy h2 { font-size:1.15rem; margin-top:42px; } .policy p,.policy li { color:#c8c8c3; font-size:1rem; line-height:1.7; } .policy a { color:var(--acid); } .policy .updated { font: .72rem 'DM Mono',monospace; color:var(--acid); text-transform:uppercase; letter-spacing:.1em; }
@media (max-width:720px) { nav { height:75px; } .hero { min-height:600px; padding-top:80px; } .statement { min-height:420px; grid-template-columns:1fr; } .mark { justify-self:start; width:70%; } footer { grid-template-columns:1fr 1fr; gap:24px; } footer small { grid-column:1/-1; align-self:auto; } .policy { padding-top:60px; } }