:root{
  --ink:#0C0A08; --char:#171310; --gold:#C9962E; --ember:#E4B84C;
  --bone:#F2EBDD; --red:#8C2B2B; --dim:#7d715f; --mid:#A79B87; --soft:#CFC5B2;
  --display:'Anton',sans-serif; --body:'Manrope',sans-serif; --mono:'Space Mono',monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-color:var(--gold) var(--ink);overflow-x:hidden}
body{background:var(--ink);color:var(--soft);font-family:var(--body);line-height:1.7;overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
::selection{background:var(--gold);color:var(--ink)}
a{color:inherit}
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,4vw,48px);background:rgba(12,10,8,.92);border-bottom:1px solid #2a241d;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lockup{display:flex;align-items:center;text-decoration:none}
.lockup img{display:block;height:40px;width:auto}
.hdr-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px)}
.hdr-nav > a:not(.cta-mini){font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bone);opacity:.82;white-space:nowrap;text-decoration:none;
  transition:opacity .3s,color .3s}
.hdr-nav > a:not(.cta-mini):hover{opacity:1;color:var(--gold)}
.hdr-nav > a.here{opacity:1;color:var(--bone)}
.cta-mini{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bone);text-decoration:none;border:1px solid currentColor;padding:10px 18px;
  transition:background .3s,color .3s,border-color .3s}
.cta-mini:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media (max-width:600px){
  header{padding:12px 18px} .lockup img{height:32px} .hdr-nav{gap:12px}
  .hdr-nav > a:not(.cta-mini){font-size:9.5px;letter-spacing:.1em}
  .cta-mini{font-size:9.5px;padding:8px 12px;letter-spacing:.12em}
}
@media (max-width:900px){ .hdr-nav a.hide-sm{display:none} }
@media (max-width:520px){ .hdr-nav .lg{display:none} }
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
footer{border-top:1px solid #2a241d;padding:44px clamp(22px,5vw,48px);display:flex;align-items:flex-start;
  justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:60px}
footer .fmark{height:48px;width:auto;display:block;margin-bottom:14px}
footer .copy{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--dim);max-width:62ch;line-height:1.9}
footer .copy a{color:var(--mid);text-decoration:none;transition:color .3s}
footer .copy a:hover{color:var(--gold)}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap}
.foot-nav a{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--mid);text-decoration:none;transition:color .3s}
.foot-nav a:hover{color:var(--gold)}
.socials{display:flex;gap:20px}
.socials a{color:var(--mid);transition:color .3s}
.socials a:hover{color:var(--gold)}
.socials svg{width:20px;height:20px;display:block;fill:currentColor}
.rv{opacity:.85;transform:translateY(12px);transition:opacity .42s var(--ease),transform .42s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .rv{opacity:1;transform:none;transition:none} }
