@font-face{font-family:Archivo;src:url('/assets/fonts/archivo-latin-wdth.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
/* Light page with a dark cinematic hero and a dark footer bookend. One accent: brand gold.
   Shapes: interactive controls are pills; cards and photos use --radius. */
:root{
  --paper:oklch(0.975 0.003 85);
  --paper-2:oklch(0.948 0.004 85);
  --line:oklch(0.885 0.005 85);
  --ink:oklch(0.21 0.005 80);
  --ink-2:oklch(0.42 0.006 80);
  --ink-3:oklch(0.5 0.006 80);
  --night:oklch(0.17 0.006 70);
  --night-2:oklch(0.22 0.008 70);
  --night-line:oklch(0.33 0.01 70);
  --bone:oklch(0.95 0.01 80);
  --bone-2:oklch(0.8 0.012 78);
  --gold:oklch(0.77 0.13 75);
  --gold-hot:oklch(0.82 0.12 78);
  --gold-ink:oklch(0.5 0.1 68);
  --font:Archivo,ui-sans-serif,system-ui,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --radius:20px;
  --gutter:clamp(20px,4vw,56px);
  --wrap:min(1200px,100% - 2 * var(--gutter));
  --header-h:68px;
  --step-0:clamp(1rem,.98rem + .1vw,1.0625rem);
  --step-1:clamp(1.0625rem,1rem + .3vw,1.25rem);
  --step-2:clamp(1.375rem,1.15rem + .9vw,1.875rem);
  --step-3:clamp(2rem,1.45rem + 2.2vw,3.25rem);
  --step-4:clamp(2.4rem,1.5rem + 3.4vw,4.25rem);
  color-scheme:light;
  interpolate-size:allow-keywords;
}
@media (max-width:860px){:root{--header-h:60px;--radius:16px}}