/* Body+ v4 — base: reset, element defaults, type scale.
   Consolidated from bodyplus.css (phase 2). Tokens live in tokens.css (loaded first). */

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

:focus-visible{
  outline:2px solid var(--flag);
  outline-offset:3px;
}

/* --------------------------------------------------------------------------
   TYPE SCALE
   -------------------------------------------------------------------------- */

h1,h2,h3{font-family:var(--f-display);font-weight:500;letter-spacing:-0.015em;margin:0;}
h1{font-size:clamp(34px,5.4vw,60px);line-height:1.03;}
h2{font-size:clamp(26px,3.4vw,38px);line-height:1.12;}
h3{font-size:clamp(18px,2vw,21px);line-height:1.25;}

.lead{font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.6;color:var(--muted);max-width:52ch;}

.eyebrow{
  font-family:var(--f-data);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.eyebrow-flag{color:var(--flag);}

.mono{font-family:var(--f-data);}