/* Arizona IdeaWorks design tokens. Terminal Industries' MEASURED system (dna/DNA.md, MOTION.md, DETAILS.md) mapped to
   Bryan's charcoal and lime. Geometry, type scale, radii and rhythm are Terminal's; colour is his (tier 3, declared).
   Terminal white ground -> his charcoal; Terminal #052424 panels -> raised charcoal; Terminal lime -> his lime.
   Suisse Intl (paid) -> Geist, one token. Builder 2, 11 Nov. No em or en dashes. */

@font-face { font-family: "Geist"; src: url("/assets/fonts/geist-sans.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/assets/fonts/geist-mono.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  /* ---- colour (his, measured: HANDOFF section 1) */
  --ground: #14181C;              /* storyboard ground, PDF p3 dominant */
  --ground-2: #101414;            /* storyboard p4/p5 deep ground: closing band, hero edges */
  --raised: #1B2026;              /* one step up: cards, panels (Terminal's #052424 role) */
  --raised-2: #222830;            /* inputs and sub-panels inside a raised card */
  --ink: #F3F4F0;                 /* headings on dark */
  --ink-2: rgba(243, 244, 240, .70);   /* body on dark (Terminal body-4 at .70) */
  --ink-3: rgba(243, 244, 240, .52);   /* mono eyebrows on dark (Terminal #7f7f7f role) */
  --ink-dim: rgba(243, 244, 240, .26); /* timeline steps not yet reached (Terminal #ddd role) */
  --lime: #C2EC62;                /* ONE lime: 11.5:1 on --ground, passes as text and as a button ground */
  --lime-ink: #14181C;            /* text on lime */
  --line: rgba(255, 255, 255, .12);    /* hairlines on dark (Terminal .15 media border) */
  --line-2: rgba(255, 255, 255, .20);  /* inactive chip border on dark (Terminal #c2c2c2 role) */
  --cross: rgba(255, 255, 255, .42);   /* crosshair arms (Terminal #979797 role) */
  --glass: rgba(14, 17, 20, .62);      /* header glass: Terminal rgba(0,0,0,.3) DENSER, declared: the light contact
                                           section needs white nav text to stay legible (about 5:1 over #F1F2EE) */
  /* the ONE light section (Contact) */
  --light: #F1F2EE;
  --light-2: #E6E8E2;             /* raised cards on light */
  --light-ink: #14181C;
  --light-ink-2: rgba(20, 24, 28, .72);
  --light-line: rgba(20, 24, 28, .14);
  --lime-deep: #4E6B16;           /* lime role as TEXT on light (5.5:1); plain lime only as a filled shape there */
  --void: #070909;                /* hero and project hero ground: his renders lit out of black (B3b) */
  --err: #FF8C7A;                 /* field errors on dark, 7.2:1 on --raised (B3b) */

  /* ---- type (Terminal measured at 1440 / 390; vw formulas use its 1920 desktop and 390 mobile artboards) */
  --f-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --f-mono: "Geist Mono", ui-monospace, monospace;
  --t-display: clamp(58px, 5.729vw, 146.67px);   /* hero sequence: 82.5 at 1440, 58 at 390 */
  --t-display-lh: .95;
  --t-display-tr: min(-.057vw, -1.4667px);
  --t-h2: clamp(40px, 4.861vw, 70px);            /* section H2: 70 / 1.0 / -3.6px at 1440; 40 / -1.2px at 390 */
  --t-h2-tr: -.05em;
  --t-h2-form: clamp(26px, 2.396vw, 61.33px);    /* form / FAQ H2: 34.5 at 1440 */
  --t-h3: clamp(20px, 1.563vw, 40px);            /* card H3: 22.5 / 146% / -.4px */
  --t-statement: clamp(20px, 2.396vw, 46px);     /* statement / step title: 34.5 / 1.2 / -.6px, weight 450 */
  --t-body: 18px;                                /* body-4: 18 / 1.4 / +.02em */
  --t-nav: 14px;                                 /* nav: 14 / 1 / .03em, weight 450 */
  --t-label: 13px;                               /* mono label: 13 / .81 / .18em uppercase */
  --t-label-tr: .18em;
  --t-btn: 11px;                                 /* header button: 11 / 13.2 / 1.5px, 600, two stacked words */
  --t-btn-tr: .136em;

  /* ---- layout */
  --gutter: clamp(20px, 3.646vw, 93.33px);       /* 52.5 at 1440, 20 at 390 (5.128vw) */
  --content: 1335px;
  --col-gap: 15px;                               /* 12 columns of 97.5 + 15 at 1440 */
  --grid-gap: 24px;
  --head-col: 900px;                             /* hero and section heading column, centred */
  --sec-pt: 120px; --sec-pb: 90px;               /* sections; 90 / 60 at 390 */
  --sec-dark: 180px;                             /* dark notched sections, top and bottom; 100 at 390 */
  --cell: 111px;                                 /* hairline grid cell; 222 large; 175 at 390 */
  --cross-arm: 11px;

  /* ---- radii (Terminal: 8 header, buttons, tabs, inputs; 10 step panel image; 12 card media; 17 form panel; 24 cards) */
  --r-8: 8px; --r-10: 10px; --r-12: 12px; --r-17: 17px; --r-24: 24px;

  /* ---- header (Terminal: fixed, top 46 / 25 under 1024; bar padding 18, gap 24, radius 8, blur 30) */
  --head-top: 46px;
  --head-pad: 18px;
  --head-h: 78px;
  --blur: 30px;
  --bp-nav: 1100;                                /* site.js reads this: burger at or below 1100px */

  /* ---- buttons (Terminal header button: about 99 x 42, padding 8 / 21, radius 8, gap 9) */
  --btn-h: 42px; --btn-px: 21px; --btn-gap: 9px;
  --chip-h: 58px;                                /* tab chip: 58 tall, padding 12 / 18, 1px line, radius 8, gap 12 */

  /* ---- notches (DETAILS.md): depth 30 (cards, closing band), 40 / 20 (separators); fillets about 20 to 60 */
  --notch: 30px;

  /* ---- motion (MOTION.md): no entrance system; scrubbed and colour-only. Native scroll (no smooth-scroll JS). */
  --e-out: cubic-bezier(.19, 1, .22, 1);         /* expo.out: button fill rise .7s, accordion .35s */
  --e-col: cubic-bezier(.39, .575, .565, 1);     /* colour .3s */
  --e-in-out: cubic-bezier(.52, 0, 0, 1);        /* custom.fastInOut */
  --e-notch: cubic-bezier(.67, .05, .43, 1);
  --e-drawer: cubic-bezier(.32, .72, 0, 1);      /* drawer .3s */
  --d-col: .3s; --d-fill: .7s;
}

@media (max-width: 1023px) { :root { --head-top: 25px; --head-h: 64px; } }
@media (max-width: 767px) {
  :root { --sec-pt: 90px; --sec-pb: 60px; --sec-dark: 100px; --cell: 175px; --t-h2-tr: -.03em; }
}