/* Strides & Spires design tokens. Generated by brand/workshop-20261112/_build/pack.py */
@font-face{font-family:'Archivo Variable';src:url(../fonts/Archivo-Variable-latin.woff2) format('woff2-variations');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Cutive Text';src:url(../fonts/Cutive-Regular.woff2) format('woff2');font-weight:400;font-display:swap;size-adjust:91%}
@font-face{font-family:'Courier Prime';src:url(../fonts/courier-prime-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url(../fonts/courier-prime-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(../fonts/instrument-serif-latin-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{
  --blue:#002147;
  --signal:#F2441F;
  --signal-text:#C7330F;
  --signal-on-blue:#FF8A6B;
  --paper:#F4F4EF;
  --white:#FFFFFF;
  --ink:#0B0B0B;
  --mute:#55554F;
  --line:#DCDCD4;
  --chip:#E6E6DF;
  --sky:#9CC7F0;
  --blue-mute:#BFCDE0;
  --ok:#2E6B3A;
  --font-display:'Archivo Variable', Archivo, system-ui, sans-serif;
  --font-body:'Cutive Text', 'American Typewriter', Georgia, serif;
  --font-mono:'Courier Prime', ui-monospace, monospace;
  --font-say:'Instrument Serif', Georgia, serif;
  --display-stretch:72%;      /* Archivo width axis: 68-80% for headlines */
  --display-weight:900;
  --r:10px; --r-s:6px; --r-l:18px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
  --route-w:5px;
}
/* Headline: condensed, upper case, tight */
.ss-h{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-stretch);text-transform:uppercase;line-height:.86;letter-spacing:-.01em}
/* Kicker: Courier Prime caps */
.ss-k{font:700 12px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--signal-text)}
/* Spoken line: what the guide says in your ear */
.ss-say{font-family:var(--font-say);font-style:italic;font-size:23px;line-height:1.34}
/* Buttons */
.ss-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:var(--r-s);font:800 15px/1 var(--font-display);font-stretch:85%;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none;border:0;cursor:pointer}
.ss-btn-go{background:var(--signal);color:var(--ink)}
.ss-btn-blue{background:var(--blue);color:#fff}
.ss-btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
/* The two-box choice (signature component): always two, side by side, equal; inside filled, onward outlined */
.ss-fork{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ss-fork-line{display:block;width:100%;height:46px}
.ss-fork-line path{fill:none;stroke:var(--signal);stroke-width:5;stroke-linecap:round}
.ss-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:var(--r);min-height:146px;text-align:left;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font-family:var(--font-body)}
.ss-opt b{font:800 17px/1 var(--font-display);font-stretch:80%;text-transform:uppercase}
.ss-opt .ss-opt-k{font:700 10px/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.ss-opt .ss-opt-p{margin-top:auto;font:700 15px var(--font-mono)}
.ss-opt-in{background:var(--blue);color:#fff;box-shadow:none}
.ss-opt-in .ss-opt-k{color:var(--blue-mute)}.ss-opt-in .ss-opt-p{color:var(--signal-on-blue)}