/* Palette, type scale, spacing. Pure black, white and one highlighter. No greys. */
:root {
  --ink: #000000;
  --paper: #ffffff;
  --hi: #fff200;
  --mar: 16px;
  --gut: 16px;
  --cols: 4;
  --rule: 6px;
  --sec: 48px;
  --fs-body: 18px;
  --fs-lead: 22px;
  --fs-h2: clamp(40px, 11vw, 56px);
  --fs-h3: 28px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --w-poster: 62%;
  --w-h3: 75%;
  --w-body: 100%;
  --w-label: 112%;
}
@media (min-width: 900px) {
  :root {
    --mar: 48px;
    --gut: 24px;
    --cols: 12;
    --sec: 128px;
    --fs-body: 20px;
    --fs-lead: 28px;
    --fs-h2: clamp(64px, 7.2vw, 128px);
    --fs-h3: 40px;
  }
}