/* ============================================================
   BENJAMIN PARTRIDGE — Portfolio Redesign Design System
   "Drawing Sheet": warm paper, ink, a single vermilion,
   neo-grotesque + monospace metadata, sharp corners, hairlines.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
  /* warm neutrals */
  --paper:#F3F1EC;
  --paper-2:#EAE6DD;
  --paper-3:#E0DBCF;
  --ink:#19160F;
  --ink-2:#403C32;
  --muted:#8C8576;
  --line:#D8D2C5;
  --line-strong:#C4BCAA;

  /* dark sections */
  --dark:#15130E;
  --dark-2:#211E17;
  --dark-line:rgba(255,255,255,0.13);
  --dark-muted:#9B948420;
  --on-dark:#F3F1EC;
  --on-dark-muted:#A8A293;

  /* accent — burnt vermilion */
  --accent:#E14A24;
  --accent-deep:#C23A18;

  --maxw:1320px;
  --gutter:clamp(20px,5vw,72px);

  --f-sans:'Archivo',system-ui,-apple-system,sans-serif;
  --f-mono:'IBM Plex Mono','SFMono-Regular',monospace;
}

*{box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-sans);
  font-size:16px;
  line-height:1.5;
}

/* ---- type helpers ---- */
.mono{
  font-family:var(--f-mono);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:0.72rem;
}
.mono-sm{
  font-family:var(--f-mono);
  text-transform:uppercase;
  letter-spacing:0.18em;
  font-size:0.64rem;
  color:var(--muted);
}
.display{
  font-weight:700;
  letter-spacing:-0.035em;
  line-height:0.92;
}
.kicker{
  font-family:var(--f-mono);
  text-transform:uppercase;
  letter-spacing:0.22em;
  font-size:0.66rem;
  color:var(--accent);
  display:inline-flex;
  align-items:center;
  gap:0.6em;
}
.kicker::before{
  content:"";
  width:1.6em;height:1px;background:var(--accent);display:inline-block;
}

.accent{color:var(--accent);}
.rule{height:1px;background:var(--line);border:0;margin:0;}

/* index numbers like 01 / 04 */
.idx{font-family:var(--f-mono);font-weight:500;color:var(--accent);font-size:0.78rem;letter-spacing:0.06em;}

::selection{background:var(--accent);color:#fff;}