/* Self-hosted variable fonts (SIL OFL 1.1, see fonts/*-OFL.txt) */

@font-face{font-family:'Archivo';src:url('fonts/Archivo-VariableFont.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Schibsted Grotesk';src:url('fonts/SchibstedGrotesk-VariableFont.woff2') format('woff2');
  font-weight:400 900;font-display:swap}

/* Tokens — card palette, warm-dark inversion */

:root{color-scheme:light dark;
  --paper:#ffffff; --ink:#1b1b19; --ink-soft:#3f3d35; --ink-faint:#6b6960;
  --panel:#26251f; --panel-ink:#eceae4; --hover:#55534b}
@media(prefers-color-scheme:dark){:root{
  --paper:#1b1b19; --ink:#eceae4; --ink-soft:#b5b2a6; --ink-faint:#a3a196;
  --panel:#f4f2ec; --panel-ink:#1b1b19; --hover:#b5b2a6}}

/* Base */

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font-family:'Archivo',Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .15s ease}
a:hover{color:var(--hover)}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
::selection{background:var(--panel);color:var(--panel-ink)}

/* Atoms */

.meta{font-family:'Schibsted Grotesk',sans-serif;font-size:.85rem;letter-spacing:.01em}
.dot::after{content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;
  background:currentColor;margin-left:.3em}
.display{text-transform:uppercase;font-weight:800;line-height:.94;letter-spacing:-.04em}
.lang{display:flex;gap:.75em;align-items:baseline}
.lang .cur{font-weight:500}
.lang a{color:var(--ink-faint)}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}