/* ==========================================================================
   SYS-A6 · Locked pair, set properly
   Axis: the brand book's locked pair Unbounded + Gilroy, set by best practice

   Display: Unbounded 300 (07 §4 says 'weight around 400'; on #0F071C a back-lit 300 reads as the 400 the
   canon describes, P23), 400 on the light band. Leading 1.08 and slight negative tracking, the values the
   canon wrote for this face. Text: Gilroy Regular for every read and UI role, Bold only for emphasis,
   because only Regular/Bold/ExtraBold files exist: no weight is requested that has no file (P30, C6).
   The width is managed by copy discipline and a smaller ladder, never by condensing the face.

   Closed scale, px (desktop 1440 / mobile 390):
     text tier   12 14 16 18 20   (2 px steps, UI legibility, same on both widths except body 18/16)
     display     31 39 49 61 76 (ratio 1.25 from 16; the face is about a third wider than a neo-grotesque) / mobile 28 31 49
   Weights: display 300 (light band 400), text 400, UI 400.
   Generated by gen3_work/make.py; edit the generator, not this file.
   ========================================================================== */

@font-face{ font-family:"Gilroy FS"; src:url("../../assets6/fonts/Gilroy-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:"Gilroy FS"; src:url("../../assets6/fonts/Gilroy-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
html body.sys-a6{
  --font-display:"Unbounded","Gilroy FS",system-ui,sans-serif;
  --font-text:"Gilroy FS",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font:var(--font-text);
  --lh-display:1.08; --lh-head:1.12; --lh-sub:1.3; --lh-lede:1.45; --lh-body:1.6;
  --tr-display:-.02em; --tr-head:-.015em; --tr-sub:0; --tr-body:0;
}
/* 1 · the ground: one text voice for every node, no synthetic styles, no uppercase anywhere (05 §C) */
html body.sys-a6,
html body.sys-a6 *{
  font-family:var(--font-text) !important;
  font-synthesis:none !important;
  text-transform:none !important;
  font-variant-numeric:proportional-nums lining-nums;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
html body.sys-a6{ font-weight:400 !important; }
html body.sys-a6 :is(strong,b):not(.brandmark b):not(.tk b):not(.stat b):not(.edtag):not(.lx__pp-top b):not(.rg b){ font-weight:700 !important; }
/* 2 · the display voice: only at display scale (C3 scope; never below 32 px desktop / 28 px mobile) */
html body.sys-a6 main h1,
html body.sys-a6 .spec h1,
html body.sys-a6 main section.pl h2,
html body.sys-a6 main #recognition h2,
html body.sys-a6 main #partners h2,
html body.sys-a6 .spec h2,
html body.sys-a6 main #contact h2,
html body.sys-a6 .ticker .tk b,
html body.sys-a6 .spec .stat b,
html body.sys-a6 .spec .figs,
html body.sys-a6 main h1 *,
html body.sys-a6 main h2 *,
html body.sys-a6 .spec h1 *,
html body.sys-a6 .spec h2 *{
  font-family:var(--font-display) !important;
  font-weight:300 !important;
  white-space:normal;
}
html body.sys-a6 main h1,
html body.sys-a6 .spec h1{ font-size:clamp(1.9375rem, calc(1.1339rem + 3.0612vw), 3.8125rem) !important; line-height:1.08 !important; letter-spacing:-.02em !important; max-width:none; }
html body.sys-a6 main section.pl h2,
html body.sys-a6 main #recognition h2,
html body.sys-a6 main #partners h2,
html body.sys-a6 .spec h2{ font-size:clamp(1.75rem, calc(1.4554rem + 1.1224vw), 2.4375rem) !important; line-height:1.12 !important; letter-spacing:-.015em !important; }
html body.sys-a6 main #contact h2{ font-size:clamp(1.75rem, calc(1.6696rem + 0.30612vw), 1.9375rem) !important; line-height:1.12 !important; letter-spacing:-.015em !important; }
html body.sys-a6 .ticker .tk b{ font-size:clamp(1.6875rem, calc(1.3304rem + 1.3605vw), 2.5rem) !important; line-height:normal !important; letter-spacing:-.02em !important; }
html body.sys-a6 .spec .stat b{ font-size:clamp(3.0625rem, calc(2.3393rem + 2.7551vw), 4.75rem) !important; line-height:normal !important; letter-spacing:-.02em !important; margin:0 0 6px !important; }
html body.sys-a6 .spec .figs{ font-size:clamp(1.75rem, calc(1.6696rem + 0.30612vw), 1.9375rem) !important; line-height:1.3 !important; letter-spacing:0 !important; }
/* second beat: off-white at 65 %, no gradient, no hue switch (07 §3, 07 §15; rubric V6) */
html body.sys-a6 main section.pl h1 .h1dim,
html body.sys-a6 main section.pl h2 .h2acc,
html body.sys-a6 .spec .aacc{
  background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important; color:rgba(242,239,246,.65) !important; font-weight:300 !important;
}
html body.sys-a6 main #recognition .lx__acc{
  background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important; color:inherit !important;
}
/* weights per ground (P23): back-lit strokes read heavier, so the light band gets one step more */
html body.sys-a6 main #partners h2,
html body.sys-a6 main #contact h2{ font-weight:400 !important; }
/* 3 · the text tier: 5 sizes, 2 weights, tracking 0 except the 12 px label */
html body.sys-a6 .edaw__name,
html body.sys-a6 .lx__card-t,
html body.sys-a6 .spec h3,
html body.sys-a6 .lx__pp-top b{ font-size:20px !important; line-height:1.3 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 main h3.lx__t{ font-size:20px !important; line-height:1.3 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 .hero .audience,
html body.sys-a6 .ed__lede,
html body.sys-a6 .bf__lede,
html body.sys-a6 .spec .lede,
html body.sys-a6 .fig__n,
html body.sys-a6 .ticker .tk{ font-size:17px !important; line-height:1.45 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 .spec p,
html body.sys-a6 .spec .figs.text,
html body.sys-a6 main p{ font-size:18px !important; line-height:1.6 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 main p.ed__lede, html body.sys-a6 main p.bf__lede, html body.sys-a6 main p.audience, html body.sys-a6 main p.fig__n{ font-size:20px !important; line-height:1.45 !important; }
html body.sys-a6 .lx__s{ font-size:16px !important; line-height:1.55 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 .nav a,
html body.sys-a6 .portal,
html body.sys-a6 .portal span,
html body.sys-a6 .btn,
html body.sys-a6 .lx__btn,
html body.sys-a6 .lx__btn i,
html body.sys-a6 #briefingForm button,
html body.sys-a6 #briefingForm button i,
html body.sys-a6 input,
html body.sys-a6 label.bf__sr,
html body.sys-a6 .spec input{ font-size:16px !important; line-height:1.25 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 .foot li a,
html body.sys-a6 .foot .blurb,
html body.sys-a6 .foot__bottom span,
html body.sys-a6 .foot__bottom .rg a,
html body.sys-a6 .bf__note,
html body.sys-a6 .ckb p,
html body.sys-a6 .ckb__row button,
html body.sys-a6 .edaw__meta,
html body.sys-a6 .fig__s,
html body.sys-a6 .fig__s s,
html body.sys-a6 .lx__tabs span,
html body.sys-a6 .lx__pp-foot span,
html body.sys-a6 .lx__pp-foot i,
html body.sys-a6 .lx__row span,
html body.sys-a6 .lx__link-l,
html body.sys-a6 .spec .stat span,
html body.sys-a6 .spec p[style],
html body.sys-a6 a.skiplink{ font-size:14px !important; line-height:1.5 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 main p.bf__note, html body.sys-a6 main p.fig__s, html body.sys-a6 .spec p[style]{ font-size:14px !important; line-height:1.5 !important; }
html body.sys-a6 .foot h4,
html body.sys-a6 .lx__card-k,
html body.sys-a6 .edtag,
html body.sys-a6 .ac__label span,
html body.sys-a6 .bf__kick,
html body.sys-a6 .fig__l,
html body.sys-a6 .soon,
html body.sys-a6 .lx__pill,
html body.sys-a6 .lx__row code,
html body.sys-a6 .spec .lbl,
html body.sys-a6 .spec th,
html body.sys-a6 .foot__bottom .rg b{ font-size:12px !important; line-height:1.4 !important; letter-spacing:.02em !important; font-weight:400 !important; }
html body.sys-a6 .spec p.lbl{ font-size:12px !important; line-height:1.4 !important; letter-spacing:.02em !important; font-weight:400 !important; color:rgba(242,239,246,.65) !important; margin:0 0 20px !important; }
html body.sys-a6 .brandmark b{ font-size:18px !important; line-height:1.2 !important; letter-spacing:0 !important; font-weight:400 !important; }
html body.sys-a6 .brandmark b span{ font-weight:400 !important; }
/* 4 · numerals: tabular lining wherever figures are compared, stacked or change (P18, C1);
       proportional lining in running copy (set on the ground above). */
html body.sys-a6 .ticker .tk b,
html body.sys-a6 .spec .stat b,
html body.sys-a6 .spec .figs,
html body.sys-a6 .spec table,
html body.sys-a6 .spec td,
html body.sys-a6 .spec th,
html body.sys-a6 .edaw__meta,
html body.sys-a6 .edtag,
html body.sys-a6 .foot__bottom span,
html body.sys-a6 .lx__pill{ font-variant-numeric:tabular-nums lining-nums !important; }
html body.sys-a6 .spec td.n, html body.sys-a6 .spec th.n{ text-align:right !important; }
html body.sys-a6 .spec table{ font-size:16px !important; line-height:1.5 !important; }
html body.sys-a6 .spec th{ color:rgba(242,239,246,.65) !important; text-align:left; }
html body.sys-a6 .spec td{ color:rgba(242,239,246,.88) !important; }
html body.sys-a6 .spec .stat span{ display:block; color:rgba(242,239,246,.65) !important; font-weight:400 !important; }
html body.sys-a6 .spec .stats{ gap:48px !important; }
/* 5 · secondary text on dark at about 65 %, never the old 46 % (F11) */
html body.sys-a6 .foot .blurb, html body.sys-a6 .foot__bottom span{ color:rgba(242,239,246,.65) !important; }
html body.sys-a6 .spec p{ color:rgba(242,239,246,.88) !important; max-width:66ch !important; }
html body.sys-a6 .spec .lede{ color:rgba(242,239,246,.65) !important; max-width:44ch !important; margin:16px 0 0 !important; }
/* 6 · mobile (the clamp() endpoints above already land on the mobile display steps at 390) */
@media (max-width:760px){
html body.sys-a6 .spec p,
html body.sys-a6 .spec .figs.text,
html body.sys-a6 main p{ font-size:16px !important; }
  html body.sys-a6 main p.ed__lede, html body.sys-a6 main p.bf__lede, html body.sys-a6 main p.audience, html body.sys-a6 main p.fig__n,
html body.sys-a6 .hero .audience,
html body.sys-a6 .ed__lede,
html body.sys-a6 .bf__lede,
html body.sys-a6 .spec .lede,
html body.sys-a6 .fig__n,
html body.sys-a6 .ticker .tk{ font-size:16px !important; }
html body.sys-a6 .edaw__name,
html body.sys-a6 .lx__card-t,
html body.sys-a6 .spec h3,
html body.sys-a6 .lx__pp-top b{ font-size:18px !important; }
html body.sys-a6 .lx__s{ font-size:16px !important; }
html body.sys-a6 .nav a,
html body.sys-a6 .portal,
html body.sys-a6 .portal span,
html body.sys-a6 .btn,
html body.sys-a6 .lx__btn,
html body.sys-a6 .lx__btn i,
html body.sys-a6 #briefingForm button,
html body.sys-a6 #briefingForm button i,
html body.sys-a6 input,
html body.sys-a6 label.bf__sr,
html body.sys-a6 .spec input{ font-size:16px !important; }
  html body.sys-a6 .spec table{ font-size:14px !important; min-width:0 !important; }
  html body.sys-a6 .spec th, html body.sys-a6 .spec td{ padding:10px 6px !important; white-space:normal !important; }
  html body.sys-a6 .spec .stats{ gap:32px !important; }
  /* long display lines re-flow on a phone instead of running off the edge */
  html body.sys-a6 main h2, html body.sys-a6 main h1{ white-space:normal !important; }
  html body.sys-a6 .spec .figs{ overflow-wrap:anywhere; }
  html body.sys-a6 main h3.lx__t{ font-size:18px !important; }
}

/* Brand (Mia 2026-10-03, two passes): the rotating proof band under the hero is small and sits
   low, at the bottom edge of the band, so it never lands on the eagle's beak. */
html body.sys-a6 main>section.hero .ticker{ padding-top:clamp(26px,2.8vw,44px) !important; padding-bottom:clamp(10px,1vw,16px) !important; }
html body.sys-a6 main>section.hero .ticker .tk{ align-self:end !important; }
html body.sys-a6 .ticker .hmark--ss{ height:clamp(20px,1.75vw,28px) !important; }
html body.sys-a6 .ticker .hmark--ks{ height:clamp(17px,1.5vw,24px) !important; }
html body.sys-a6 .ticker .hmark--caf{ height:clamp(26px,2.3vw,37px) !important; }
html body.sys-a6 .ticker .tk b{ font-size:clamp(1.25rem, calc(0.9821rem + 0.9184vw), 1.75rem) !important; }
html body.sys-a6 .ticker .tk{ font-size:13px !important; }
@media (max-width:760px){ html body.sys-a6 .ticker .tk{ font-size:13px !important; } }