:root{
  --bg:#08070A;--surface:#121013;--ink:#F7F4F5;--muted:#8A8088;--hair:rgba(247,244,245,.14);--accent:#F9423A;
  --ff-display:'Anton',sans-serif;--ff-serif:'Bodoni Moda',Georgia,serif;
  --ff-body:'Hanken Grotesk',-apple-system,system-ui,sans-serif;--ff-mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--ff-body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:#fff}
a{color:inherit;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--hair)}
.wordmark{font-family:var(--ff-mono);font-weight:700;font-size:15px;letter-spacing:-.01em}
.wordmark .per{color:var(--accent)}
.top nav{display:flex;gap:18px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.top nav a:hover{color:var(--accent)}
main{max-width:780px;margin:0 auto;padding:clamp(50px,9vw,110px) clamp(20px,5vw,72px)}
.eyebrow{font-family:var(--ff-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}
h1{font-family:var(--ff-display);text-transform:uppercase;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95;letter-spacing:.004em}
h1 .acc{color:var(--accent)}
h2{font-family:var(--ff-display);text-transform:uppercase;font-size:clamp(1.4rem,3.6vw,2.1rem);margin:44px 0 10px;letter-spacing:.004em}
p{color:#cfcbd0;margin:16px 0;max-width:68ch}
p b{color:#fff;font-weight:600}
.lead{font-family:var(--ff-serif);font-style:italic;font-size:clamp(20px,2.5vw,28px);color:#fff;margin:18px 0 8px;line-height:1.38;max-width:30ch}
.cta{display:inline-flex;gap:9px;align-items:center;margin-top:34px;font-family:var(--ff-mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:#fff;padding:15px 24px;border-radius:999px;border:1px solid var(--accent);transition:.18s}
.cta:hover{background:transparent;color:var(--accent)}
.xlinks{margin-top:54px;padding-top:26px;border-top:1px solid var(--hair);font-family:var(--ff-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;flex-wrap:wrap;gap:22px}
.xlinks a{color:var(--accent)}.xlinks a:hover{color:var(--ink)}
footer{border-top:1px solid var(--hair);padding:28px clamp(20px,5vw,72px);font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer .s{display:flex;gap:16px}
footer a:hover{color:var(--accent)}