@font-face { font-family: 'Anton'; src: url('fonts/Anton.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'Instrument Serif'; src: url('fonts/InstrumentSerif-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'Instrument Serif'; src: url('fonts/InstrumentSerif-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: 'Inter Tight'; src: url('fonts/InterTight.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: block; }
@font-face { font-family: 'IBM Plex Mono'; src: url('fonts/IBMPlexMono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: 'IBM Plex Mono'; src: url('fonts/IBMPlexMono-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: block; }

:root{
  --ink:#192746;
  --ink-deep:#101a2e;
  --ink-soft:#22345a;
  --paper:#ffffff;
  --paper-soft:#f4f5f7;
  --paper-deep:#e6e9ed;
  --gold:#b08d57;
  --gold-deep:#8a6b3f;
  --slate:#abb1bb;
  --grey:#abb1bb;
  --grey-soft:#dde1e6;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#101a2e}
body{font-family:'Inter Tight',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.stage{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate}
.abs{position:absolute}

/* brand lockup */
.lockup{display:flex;align-items:center;gap:12px;line-height:1}
.lockup img{width:38px;height:38px;display:block}
.lockup .wm{font-size:10.5px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;line-height:1.35}
.lockup .wm span{display:block;opacity:.55;font-weight:500;letter-spacing:.24em;font-size:8.5px;margin-top:2px}

.kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.rule{height:1px;background:currentColor;opacity:.28}

.grain{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.cta{display:inline-flex;align-items:center;gap:12px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.cta .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.cta .arw{font-family:'Inter Tight';font-size:15px;line-height:1;transform:translateY(-1px)}

.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.anton{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.005em}