@font-face {
  font-family:"Instrument Serif";
  src:url(../fonts/serif.woff2) format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:"Instrument Serif";
  src:url(../fonts/serif-italic.woff2) format("woff2");
  font-weight:400;
  font-style:italic;
  font-display:swap
}
@font-face {
  font-family:"Instrument Sans";
  src:url(../fonts/sans.woff2) format("woff2");
  font-weight:400 600;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:"Geist Mono";
  src:url(../fonts/mono.woff2) format("woff2");
  font-weight:400 500;
  font-style:normal;
  font-display:swap
}
/* metric-matched fallbacks: no layout shift on swap */
@font-face {
  font-family:"Serif Fallback";
  src:local("Times New Roman"),local("Times");
  size-adjust:90%;
  ascent-override:104%;
  descent-override:30%;
  line-gap-override:0%
}
@font-face {
  font-family:"Sans Fallback";
  src:local("Arial"),local("Helvetica");
  size-adjust:101%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%
}
@font-face {
  font-family:"Mono Fallback";
  src:local("Consolas"),local("Menlo"),local("Courier New");
  size-adjust:97%;
  ascent-override:100%;
  descent-override:30%;
  line-gap-override:0%
}
:root {
  --bone:#EDEAE3;
  --bone-2:#E3DFD5;
  --ink:#121211;
  --ink-2:#5A5852;
  --grid:rgba(18,18,17,.07);
  --grid-2:rgba(18,18,17,.14);
  --signal:#FF4D00;
  --signal-ink:#C23A00;
  --booth:#141412;
  --serif:"Instrument Serif","Serif Fallback",Georgia,serif;
  --sans:"Instrument Sans","Sans Fallback",system-ui,sans-serif;
  --mono:"Geist Mono","Mono Fallback",ui-monospace,monospace;
  --fs-display:clamp(64px,13vw,200px);
  --fs-h2:clamp(40px,7vw,96px);
  --fs-body:clamp(17px,1.1vw + 11px,19px);
  --fs-label:clamp(11px,.3vw + 9.5px,12px);
  --pad:clamp(16px,4vw,64px);
  --max:1680px;
  --ease-out:expo.out;
  --ease-move:power3.inOut;
}
