/* GENERATED by scripts/ds-build.mjs from design-system/ (tokens.json + css/base.css). Do not edit; edit the source and rebuild. */
:root{
  --ds-ground:#F5F5F7;
  --ds-ground-2:#ECECF0;
  --ds-paper:#FFFFFF;
  --ds-ink:#16161A;
  --ds-ink-strong:#0E0E10;
  --ds-ink-2:#55555E;
  --ds-ink-3:#686872;
  --ds-line:rgba(14,14,16,.09);
  --ds-line-2:rgba(14,14,16,.16);
  --ds-glass:rgba(255,255,255,.74);
  --ds-glass-edge:rgba(255,255,255,.7);
  --ds-win:#D6006E;
  --ds-win-soft:#FBE3EF;
  --ds-night:#0A0A0D;
  --ds-night-ink:#F2F2F5;
  --ds-night-ink-2:#A3A3AD;
  --ds-night-line:rgba(255,255,255,.12);
  --ds-prism:linear-gradient(100deg,#D6006E 0%,#C8102E 25%,#B04C00 50%,#0C7D6C 75%,#1A6FB5 100%);
  --ds-f-display:'Lufga','Urbanist','Helvetica Neue',sans-serif;
  --ds-f-body:'Urbanist','Helvetica Neue',sans-serif;
  --ds-f-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --ds-weight-display:200;
  --ds-weight-body:300;
  --ds-weight-max:500;
  --ds-size-hero:clamp(48px,7.4vw,128px);
  --ds-size-h2:clamp(36px,4.6vw,72px);
  --ds-size-figure:clamp(120px,18vw,280px);
  --ds-size-lede:clamp(18px,1.4vw,22px);
  --ds-size-body:17px;
  --ds-size-ui:14px;
  --ds-size-caption:12.5px;
  --ds-r-field:14px;
  --ds-r-card:22px;
  --ds-r-panel:30px;
  --ds-r-pill:999px;
  --ds-gutter:clamp(16px,3.2vw,48px);
  --ds-section:clamp(64px,6.4vw,104px);
  --ds-max:1320px;
  --ds-shadow-card:0 40px 90px -50px rgba(14,14,16,.45),0 2px 0 rgba(255,255,255,.7) inset;
  --ds-shadow-lift:0 22px 44px -28px rgba(14,14,16,.45);
  --ds-s-bg:#F5F5F7;--ds-s-ink:#0E0E10;--ds-r1:#D6006E;--ds-r2:#C8102E;--ds-r3:#B04C00;--ds-r4:#8C6A08;--ds-r5:#0C7D6C;--ds-r6:#1A6FB5
}
[data-scheme="spectra"]{--ds-s-bg:#F5F5F7;--ds-s-ink:#0E0E10;--ds-r1:#D6006E;--ds-r2:#C8102E;--ds-r3:#B04C00;--ds-r4:#8C6A08;--ds-r5:#0C7D6C;--ds-r6:#1A6FB5}
[data-scheme="vellum"]{--ds-s-bg:#F2F0E9;--ds-s-ink:#0E0E0E;--ds-r1:#5E7D99;--ds-r2:#7E9A86;--ds-r3:#B08A2E;--ds-r4:#C97A2E;--ds-r5:#A8663F;--ds-r6:#7A5240}
[data-scheme="meridian"]{--ds-s-bg:#FBFAF6;--ds-s-ink:#11110F;--ds-r1:#2457FF;--ds-r2:#7B5FD6;--ds-r3:#1F9C96;--ds-r4:#C08A1E;--ds-r5:#E0512F;--ds-r6:#C2331F}
[data-scheme="riptide"]{--ds-s-bg:#E8F3F2;--ds-s-ink:#0B1F2E;--ds-r1:#12324A;--ds-r2:#1E7F8C;--ds-r3:#12BFAE;--ds-r4:#4E9FC4;--ds-r5:#6B4FCE;--ds-r6:#8B6FE8}
[data-scheme="graphite"]{--ds-s-bg:#EEF0F3;--ds-s-ink:#0A0B0C;--ds-r1:#18181B;--ds-r2:#2D2D31;--ds-r3:#3F3F46;--ds-r4:#52525B;--ds-r5:#6B6B72;--ds-r6:#85858C}
[data-scheme="monogram"]{--ds-s-bg:#FAFAF5;--ds-s-ink:#0A0A0A;--ds-r1:#BE185D;--ds-r2:#DB2777;--ds-r3:#9D174D;--ds-r4:#831843;--ds-r5:#EC4899;--ds-r6:#A81E5A}

/* ── SCAIL design system · base. Faces, primitives and page transitions. No global resets here:
      sibling pages keep their own layout CSS and only borrow these classes and tokens. ── */
@font-face{font-family:'Lufga';font-style:normal;font-weight:200;font-display:swap;src:url('/brand/fonts/lufga-200.woff2') format('woff2')}
@font-face{font-family:'Lufga';font-style:normal;font-weight:300;font-display:swap;src:url('/brand/fonts/lufga-300.woff2') format('woff2')}
@font-face{font-family:'Urbanist';font-style:normal;font-weight:100 900;font-display:swap;src:url('/brand/fonts/urbanist-variable.woff2') format('woff2')}

/* word masks for rising type: the word rides inside its own overflow:hidden box */
.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.mw>span{display:inline-block;will-change:transform}
/* the one prism word per headline (Safari needs the clone + inline-block to paint the clip) */
.ds-acc{background:var(--ds-prism);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;padding-right:.04em}

/* odometer reels: digits roll, the number stays readable to assistive tech through .sr */
.odo{display:inline-flex;align-items:flex-start;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:0}
.odo-c{display:inline-block;height:1.1em;overflow:visible;clip-path:inset(0 -.35em);position:relative;text-align:left}
.odo-r{display:flex;flex-direction:column;will-change:transform}
.odo-r>span{display:block;height:1.1em;line-height:1.1;text-align:left;white-space:pre}
.odo-s{display:inline-block;white-space:pre}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the sample tag every illustration carries */
.ds-sample{display:inline-flex;align-items:center;font:400 10.5px/1 var(--ds-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ds-ink-2);border:1px solid var(--ds-line-2);border-radius:999px;padding:4px 8px;white-space:nowrap}

/* glass surface: white 74%, 16 px blur, a hairline and a soft long shadow */
.ds-glass{background:var(--ds-glass);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--ds-line);border-radius:var(--ds-r-panel);box-shadow:var(--ds-shadow-card)}

/* stretchy indicator knob for segmented controls */
.ds-seg{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--ds-ground-2);isolation:isolate}
.ds-seg .knob{position:absolute;left:0;top:4px;bottom:4px;border-radius:999px;background:var(--ds-ink-strong);z-index:-1;width:0}
.ds-seg button{font:400 14px/1 var(--ds-f-body);height:38px;padding:0 16px;border-radius:999px;color:var(--ds-ink-strong);background:none;border:0;cursor:pointer}
.ds-seg button[aria-pressed="true"]{color:#fff}

@media (prefers-reduced-motion:reduce){
  .mw>span{transform:none!important}
}