/* Oliv — base: tokens, reset, typography */
:root{
  --pit:#1E2117;        /* deep olive-black */
  --pit-2:#262A1D;
  --brine:#F3EEDF;      /* warm parchment */
  --brine-2:#EBE4CE;
  --leaf:#5E6B3C;       /* olive green */
  --leaf-deep:#46522C;
  --young:#A9B86B;      /* young olive */
  --young-2:#C6D095;
  --pimento:#C84B3F;    /* the red bit */
  --oil:#C9A553;        /* olive oil gold */
  --ink:#26291D;
  --ink-soft:#5A5C49;
  --line:rgba(38,41,29,.14);
  --radius:18px;
  --maxw:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  background:var(--brine);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--young);color:var(--pit)}
img{max-width:100%}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3,.display{font-family:'Fraunces',serif;font-weight:500;line-height:1.12;letter-spacing:-0.015em}
.mono{font-family:'IBM Plex Mono',monospace}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--leaf);display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;
}
.eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--leaf);flex:none}
.eyebrow.red::before{background:var(--pimento)}
.eyebrow.gold::before{background:var(--oil)}