@media(min-width: 1025px){.about-stats{--reel-radius: 93.594vw;--reel-crown: 17.5vw;--reel-viewport: 52vw;--stats-card-w: 19.219vw;--stats-card-h: 24.531vw;--stats-card-pale-w: 22.969vw;--stats-card-pale-h: 28.984vw;--stats-figure-size: 4.688vw}}.about-stats{position:relative;z-index:1;padding-block:var(--space-16)}@media(max-width: 1024px){.about-stats{padding-block-end:0}}.about-stats{overflow-x:clip}.about-stats__viewport{position:relative;block-size:var(--reel-viewport);cursor:grab;user-select:none;overflow:clip}.about-stats__viewport:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.about-stats__reel{--reel-step: calc(360deg / var(--reel-seats, 21));position:absolute;inset-inline-start:50%;inset-block-start:var(--reel-crown);inline-size:calc(var(--reel-radius)*2);block-size:calc(var(--reel-radius)*2);margin-inline-start:calc(var(--reel-radius)*-1);rotate:calc(var(--turn, 0)*var(--reel-step)*-1)}@media(prefers-reduced-motion: no-preference){.about-stats__reel{transition:rotate var(--duration-base) var(--easing-standard)}}.about-stats__track{margin:0}.about-stats__seat{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:0;block-size:0;transform:rotate(calc(var(--n) * var(--reel-step))) translateY(calc(var(--reel-radius) * -1))}.about-stats__item{position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -50%;inline-size:var(--stats-card-w);min-block-size:var(--stats-card-h)}@media(prefers-reduced-motion: no-preference){.about-stats__item{transition:inline-size var(--duration-base) var(--easing-standard),min-block-size var(--duration-base) var(--easing-standard),translate var(--duration-base) var(--easing-standard)}}.about-stats__item{display:flex;flex-direction:column;gap:var(--space-2);padding:1.25rem;border-radius:var(--stats-card-radius);background:var(--card-bg);color:var(--card-fg)}.about-stats__item--dark{--card-bg: var(--stats-card-dark-bg);--card-fg: var(--stats-card-dark-fg)}.about-stats__item--dark::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:url("/hubfs/abbadox-2026-merged/images/grain-tile-256-v1.webp");background-repeat:repeat;background-size:140px 140px;mix-blend-mode:overlay;opacity:.65;pointer-events:none}.about-stats__item--dark>*{position:relative;z-index:1}.about-stats__item--navy{--card-bg: var(--stats-card-navy-bg);--card-fg: var(--stats-card-navy-fg)}.about-stats__item--navy::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-image:url("/hubfs/abbadox-2026-merged/images/grain-tile-256-v1.webp");background-repeat:repeat;background-size:140px 140px;mix-blend-mode:overlay;opacity:.65;pointer-events:none}.about-stats__item--navy>*{position:relative;z-index:1}.about-stats__seat[data-centred] .about-stats__item{inline-size:var(--stats-card-pale-w, 18.375rem);min-block-size:var(--stats-card-pale-h, 23.1875rem);translate:-50% calc(-50% - (var(--stats-card-pale-h, 23.1875rem) - var(--stats-card-h))/2)}.about-stats__item--pale{--card-bg: var(--stats-card-pale-bg);--card-fg: var(--stats-card-pale-fg)}.about-stats__item::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:1px;background:var(--stats-card-border);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.about-stats__item>*{position:relative;z-index:1}.about-stats__figure{margin:0;font-size:var(--font-size-mobile-large);font-weight:var(--font-weight-regular);line-height:var(--line-height-display);letter-spacing:var(--tracking-display)}@media(min-width: 1025px){.about-stats__figure{font-size:var(--stats-figure-size, var(--font-size-large))}}.about-stats__caption{margin:0;font-size:var(--font-size-body);line-height:var(--line-height-text);letter-spacing:var(--tracking-text)}.about-stats__media{display:block;margin:0;margin-block-start:auto;padding-block-start:var(--space-4)}.about-stats__image{inline-size:100%;block-size:auto;aspect-ratio:260/214;object-fit:cover;border-radius:var(--switcher-radius)}.about-stats__controls{display:flex;justify-content:center;gap:var(--space-1);position:relative;z-index:2;margin-block-start:calc(var(--reel-crown) + var(--stats-card-h)/2 - var(--reel-viewport) + var(--space-1) + 40px)}@media(min-width: 1025px){.about-stats__controls{display:none}}.about-stats__control{display:inline-flex;align-items:center;justify-content:center;inline-size:1.875rem;block-size:1.875rem;padding:0;border:0;border-radius:50%;background-color:var(--control-surface);color:var(--color-accent);cursor:pointer}.about-stats__control:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.about-stats__chevron{inline-size:.5rem;block-size:.5rem;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor}.about-stats__chevron--prev{rotate:135deg;translate:.125rem 0}.about-stats__chevron--next{rotate:-45deg;translate:-0.125rem 0}.about-stats__lede{max-inline-size:34rem;margin-inline:auto;margin-block-end:var(--space-12);text-align:center}.about-stats__headline{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-regular);line-height:var(--line-height-h2);letter-spacing:var(--tracking-h2);color:var(--color-text)}.about-stats__intro{margin-block:var(--space-3) 0;font-size:var(--font-size-body);line-height:var(--line-height-text);letter-spacing:var(--tracking-text);color:var(--color-text-body)}

/* ADX-ABOUT-STATS-DWELL-2026-09-15:START */
/* P-A 2026-09-15: "the rotating cards here are way too fast and are always the same 2".
   ⛔ This CONTRADICTS board ticket rec6j5urFSiqbhb86 ("auto rotate every 0.5s like a clock").
   P-A's instruction is newer and about the same band, so it wins — but ER needs an answer.
   Scoped to this section; the global --stats-dwell token is untouched. */
.about-stats{--stats-dwell:2200ms}
/* ADX-ABOUT-STATS-DWELL-2026-09-15:END */
/* ADX-ER2-STATS-SPACING-2026-09-24:START */
/* PA52 rec9eRaK5WMSu7u51 - "even out the spacing between the middle card and the side cards -
   currently too tight, should expand out and stay consistent as it scrolls". Modelled from the
   reel's own geometry at 1512: the centred card is 57px wider and lifted, so it came within ~5px
   of its neighbours while the others sat ~33px apart. Every other card now steps away from the
   centre by half that growth (so the gaps match), and the reel's radius grows 8% (so they expand):
   ~62px between every pair. The side is derived from the seat's position on the wheel, so it
   follows the reel as it turns, and animates with the existing translate transition. */
/* ⛔ Gated on mod() support (Chrome/Edge 125+, Safari 15.4+, Firefox 118+). Without it the custom
   properties are invalid at computed time and `translate` falls back to none, which would drop
   every card's -50% centring, not just the new spacing. Older browsers keep the original reel. */
@supports (inline-size: mod(3px, 2px)){
@media (min-width: 1025px){
  .about-stats{--reel-radius:101.08vw}
  .about-stats__item{
    --rel:mod(var(--n) - var(--turn, 0), var(--reel-seats, 24));
    --side:clamp(-1, (var(--reel-seats, 24) / 2 - var(--rel)) * 100, 1);
    translate:calc(-50% + var(--side) * (var(--stats-card-pale-w) - var(--stats-card-w)) / 2) -50%}
}
}
/* ADX-ER2-STATS-SPACING-2026-09-24:END */