/* Before You Hire design system v4: one font, white stage, black ink, one coral.
   Inspired by D'studio (light display type, inline shapes, quiet labels) and the
   motion library (one-take morphs, one accent). Shared by the site and the film. */
@font-face{font-family:"General Sans";src:url(fonts/general-sans-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"General Sans";src:url(fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"General Sans";src:url(fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"General Sans";src:url(fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  /* colour */
  --white:#fff; --paper:#f6f6f4; --line:#e8e8e5; --mute:#9a9a96; --ink2:#5c5c58; --ink:#0b0b0b;
  --acc:#e4572e; --acc-soft:#fbe6df;
  /* type */
  --font:"General Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --t-hero:clamp(48px,8.4vw,128px);   /* 400, -0.045em, 1.0 */
  --t-h2:clamp(36px,5.2vw,76px);      /* 400, -0.04em, 1.04 */
  --t-h3:clamp(24px,2.4vw,32px);      /* 500, -0.025em */
  --t-stat:clamp(48px,5.6vw,80px);    /* 300, -0.04em */
  --t-lede:clamp(18px,1.7vw,22px);    /* 400, ink2 */
  --t-body:17px; --t-label:14px;
  /* shape */
  --r-card:28px; --r-pill:999px;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 24px 60px rgba(0,0,0,.07);
  /* motion */
  --morph:cubic-bezier(.45,0,.15,1);  /* every shape change, 0.8 s */
  --enter:cubic-bezier(.16,1,.3,1);   /* things arriving, 0.6 s, slow landing */
  --leave:cubic-bezier(.7,0,.84,0);   /* things leaving, 0.3 s, speed up */
  --d-morph:.8s; --d-move:.36s; --d-fade:.2s;
}