/* ============================================================
   01 · TOKENS
   Design tokens, reset and base typography.
   Change --flame and the whole site changes personality.
   ------------------------------------------------------------
   Index:  :root tokens · reset · base body · links & images
           focus states · skip link
   ============================================================ */

:root{
  --ink:#0a0a0c; --ink-2:#141419; --ink-3:#1c1c22;
  --paper:#f6f3ed; --paper-2:#ebe6dc;
  --flame:#ff3b1f; --amber:#ffb020;
  --mute:#8b8b95; --mute-dark:#56534d;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:18px;
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}
a{color:inherit;}
img{max-width:100%;display:block;}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;}
.skip{position:absolute;left:-9999px;background:var(--flame);color:#fff;padding:12px 18px;z-index:200;font-weight:700;}
.skip:focus{left:12px;top:12px;}