/* Clockborn design tokens. Source: https://clockborn.com/brand/ */
:root{
  --ink:#111111;
  --bone:#F3EFE6;
  --steel:#8C8C8C;
  --copper:#D9541E;
  --band:#0B0B0B;
  --band-fg:#F3EFE6;
  --paper:#FBF9F4;
  --sand:#E9E4D8;
  --rule:#D9D3C6;
  --slate:#4A4A4A;
  --ink2:#1B1B1B;
  --rule-dark:#2E2E2E;
  --mist:#B9B5AC;
  --copper-text:#4A4A4A;
  --font-display:'Clockborn Hand','Segoe Print','Bradley Hand','Chalkboard SE',cursive;
  --font-text:'Clockborn Hand','Segoe Print','Bradley Hand','Chalkboard SE',cursive;
  --font-mono:'IBM Plex Mono','Plex Mono Fallback',ui-monospace,Menlo,Consolas,monospace;
  --fs-mega:clamp(2.875rem, 1.3333rem + 6.8519vw, 7.5rem);
  --fs-d1:clamp(2.5rem, 1.4167rem + 4.8148vw, 5.75rem);
  --fs-d2:clamp(2rem, 1.3333rem + 2.9630vw, 4rem);
  --fs-h1:clamp(2.375rem, 1.7500rem + 2.7778vw, 4.25rem);
  --fs-h2:clamp(1.875rem, 1.5000rem + 1.6667vw, 3rem);
  --fs-h3:clamp(1.375rem, 1.2500rem + 0.5556vw, 1.75rem);
  --fs-lead:clamp(1.1875rem, 1.1042rem + 0.3704vw, 1.4375rem);
  --fs-body:clamp(1.0625rem, 1.0208rem + 0.1852vw, 1.1875rem);
  --fs-small:clamp(0.9375rem, 0.9167rem + 0.0926vw, 1rem);
  --fs-label:clamp(0.75rem, 0.7292rem + 0.0926vw, 0.8125rem);
  --s1:0.25rem;
  --s2:0.5rem;
  --s3:0.75rem;
  --s4:1rem;
  --s5:1.5rem;
  --s6:2rem;
  --s7:3rem;
  --s8:4rem;
  --s9:6rem;
  --s10:8rem;
  --s11:11rem;
  --r-s:6px;
  --r-m:10px;
  --r-l:16px;
  --r-xl:24px;
  --r-pill:999px;
  --t-quick:140ms;
  --t-base:260ms;
  --t-flip:520ms;
  --t-open:760ms;
  --ease-hinge:cubic-bezier(.77,0,.18,1);
  --ease-settle:cubic-bezier(.2,.8,.2,1);
  --max:1280px;
  --measure:680px;
  --gutter:clamp(16px, 5vw, 64px)}