:root{

  color-scheme:light;

  --bg:#f6f4f8;
  --ink:#15171c;
  --soft:#4b4753;
  --mute:#736e7d;
  --orange:#b85c00;
  --orange-soft:rgba(184,92,0,.35);
  --pink:#cf1667;
  --pink-glow:rgba(207,22,103,.28);
  --cyan:#0e7490;
  --cyan-glow:rgba(14,116,144,.25);
  --panel:#ffffff;
  --hair:rgba(0,0,0,.10);

  --display:"Times New Roman",serif;
  --san:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --anton:"Cylocybe Display","Impact","Helvetica Neue",sans-serif;

  --page-max:1400px;
  --page-gutter:6vw;
  --hero-top:calc(70px + 7vh);

  --measure:72ch;

  --content:66rem;
  --rail:23rem;
  --rail-gap:3rem;

  --hero-eye-size:.78rem;
  --hero-eye-track:.42em;
  --hero-eye-gap:1rem;
  --hero-h1-size:clamp(2.6rem,6vw,5.6rem);
  --hero-h1-line:.95;
  --hero-h1-track:-.015em;
  --hero-h1-gap:.55rem;
  --hero-lede-size:clamp(1.15rem,1.9vw,1.5rem);
  --hero-lede-line:1.5;
  --hero-lede-color:var(--soft);

  --fs-micro:.6rem;
  --fs-eyebrow:.72rem;
  --fs-small:.85rem;
  --fs-body:1rem;
  --fs-lead:1.15rem;
  --fs-title:1.35rem;

  --fs-h2:1.5rem;
  --fs-h3:1.17rem;
}

body{font-family:var(--san)}
button,input,select,textarea{font-family:inherit}


@media only screen and (max-width: 48em) {

  :root{ --hero-top:calc(70px + 2vh); }

}