/* Brand tokens. The only place colour, type and timing values are defined.
   Rules for using them live in ../../BRAND.md. */
@font-face{font-family:Archivo;src:url(../assets/font/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url(../assets/font/archivo-italic.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap}
:root{
  /* Colour */
  --k-ink:#121212; --k-paper:#F7F5F4;            /* fixed: never flipped by an Ink panel */
  --ink:var(--k-ink); --paper:var(--k-paper); --hot:#D74B3B; --black:#000000;
  --mute:#6B6866; --mute-dark:#A8A5A3; --rule-light:#D9D5D1; --rule-dark:#3A3A3A; --panel-raised:#1E1E1E;
  /* Type */
  --sans:Archivo,Helvetica,Arial,sans-serif;
  --code:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* Space */
  --gutter:clamp(18px,6vw,96px); --edge:18px; --col:700px; --wide:1160px;
  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1); --ease-both:cubic-bezier(.76,0,.24,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--hot);outline-offset:3px}