/* Homepage contract: <=767px mobile; >=768px one fluid composition capped at 1920px.
 * Measured values and exceptions: docs/fluid-desktop-homepage-plan-2026-10-11.md.
 * Shared navigation/footer rules live in fluid-chrome.css. */
.v2-index .desktop-phrase { display: inline-block; max-width: 100%; vertical-align: top; overflow-wrap: anywhere; }
/* Globe layout and country anchors live together in global-study.css. */
@media (min-width: 768px) {
    .v2-index {
        --hx-header-h: max(64px, calc(108 * var(--desktop-unit)));
        --v2-gutter: calc(40 * var(--desktop-unit));
        --v2-section-space: calc(80 * var(--desktop-unit));
        --v2-heading-size: calc(50 * var(--desktop-unit));
        --v2-body-size: max(12px, calc(24 * var(--desktop-unit)));
        --cta-radius: calc(5 * var(--desktop-unit));
    }

    .v2-index .hx-header .hx-nav > li:first-child > a { font-weight: 700; }

    /* One intrinsic ranking row. Its readable minimum may exceed the viewport. */
    .v2-index .hx-hero-v2 .hx-hero-overlay { position: absolute; gap: calc(32 * var(--desktop-unit)); padding-top: calc(96 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-hero-overlay::before { height: calc(288 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-dot { width: max(24px, calc(31 * var(--desktop-unit))); height: max(24px, calc(36 * var(--desktop-unit))); }
    .v2-index .hx-hero-v2 .hx-dot::before { width: calc(17 * var(--desktop-unit)); height: calc(17 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-rankings { overflow-x: auto; scrollbar-width: none; }
    .v2-index .hx-hero-v2 .hx-rankings-track,
    .v2-index .hx-hero-v2 .is-marquee .hx-rankings-track { display: flex; width: max-content; gap: calc(76 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-stats,
    .v2-index .hx-hero-v2 .is-marquee .hx-stats { display: flex; flex: 0 0 auto; width: max-content; min-width: var(--desktop-width); justify-content: space-between; gap: calc(38 * var(--desktop-unit)); padding: 0 calc(33 * var(--desktop-unit)) calc(50 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-stat { flex: 0 0 auto; gap: calc(10 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-stat-icon { width: calc(34 * var(--desktop-unit)); height: calc(42 * var(--desktop-unit)); }
    .v2-index .hx-hero-v2 .hx-stat-headline { flex-wrap: nowrap; gap: calc(5 * var(--desktop-unit)) calc(16 * var(--desktop-unit)); font-size: max(19px, calc(33 * var(--desktop-unit))); }
    .v2-index .hx-hero-v2 .hx-stat-note { margin-top: calc(6 * var(--desktop-unit)); font-size: max(12px, calc(21 * var(--desktop-unit))); white-space: nowrap; }
    .v2-index .hx-hero-v2 .is-marquee .hx-rankings-track { animation-name: hx-fluid-rankings-scroll; }
    .v2-index .hx-hero-empty .hx-hero-overlay { position: relative; padding-top: 24px; }

    .v2-index .wx-why { min-height: calc(1000 * var(--desktop-unit)); padding: calc(75 * var(--desktop-unit)) 0 calc(83 * var(--desktop-unit)); background-image: url('../images/why-pixso-background.webp'), linear-gradient(90deg, #0c2049, #082d76); background-size: 100% auto, cover; background-position: center top; background-repeat: no-repeat; }
    .v2-index .wx-inner { width: calc(1551 * var(--desktop-unit)); max-width: none; margin-left: calc(184 * var(--desktop-unit)); margin-right: 0; gap: calc(40 * var(--desktop-unit)) calc(45 * var(--desktop-unit)); }
    .v2-index .wx-card { min-height: calc(254 * var(--desktop-unit)); }
    /* Pixso text insets include the card's existing 1px border. */
    .v2-index .wx-card-copy { padding: calc(72 * var(--desktop-unit)) calc(24 * var(--desktop-unit) - 1px) 0 calc(16 * var(--desktop-unit) - 1px); }
    .v2-index .wx-card-copy h3 { margin-bottom: calc(3 * var(--desktop-unit)); font-size: max(14px, calc(29 * var(--desktop-unit))); font-weight: 600; line-height: 1.448276; }
    .v2-index .wx-card-copy p { min-height: calc(66 * var(--desktop-unit)); margin-left: calc(4 * var(--desktop-unit)); font-size: max(12px, calc(16 * var(--desktop-unit))); font-weight: 500; line-height: 1.875; }
    .v2-index .wx-intro { grid-template-columns: 491fr 85fr 594fr 39fr 281fr 61fr; gap: 0; }
    .v2-index .wx-campus { grid-column: 1; height: auto; aspect-ratio: 491 / 254; border: 0; }
    .v2-index .wx-headings { grid-column: 3; align-self: start; padding-top: calc(19 * var(--desktop-unit)); }
    .v2-index .wx-title { min-height: calc(140 * var(--desktop-unit)); max-width: none; font-size: calc(50 * var(--desktop-unit)); line-height: 1.2; }
    .v2-index .wx-title-program { white-space: normal; max-width: 100%; }
    .v2-index .wx-lead { width: calc(618 * var(--desktop-unit)); margin: calc(13 * var(--desktop-unit)) 0 0 calc(-51 * var(--desktop-unit)); font-family: var(--v2-font-display); font-size: max(12px, calc(28 * var(--desktop-unit))); line-height: 1.214286; }
    .v2-index .wx-why:not(.wx-en) .wx-lead { text-align: center; }
    .v2-index .wx-en .wx-lead { width: 100%; margin-left: 0; font-family: var(--v2-font-body); }
    .v2-index .wx-cta { grid-column: 5; margin-bottom: calc(26 * var(--desktop-unit)); max-width: none; min-height: max(44px, calc(75 * var(--desktop-unit))); padding: calc(18 * var(--desktop-unit)) calc(24 * var(--desktop-unit)); font-family: var(--v2-font-display); font-size: max(14px, calc(31 * var(--desktop-unit))); line-height: 1.193548; letter-spacing: calc(5 * var(--desktop-unit)); }

    .v2-index section.fx-faculty#tutor-bg { min-height: calc(1000 * var(--desktop-unit)); padding: calc(96 * var(--desktop-unit)) 0 calc(118 * var(--desktop-unit)); }
    .v2-index .fx-inner { width: calc(1440 * var(--desktop-unit)); max-width: none; }
    .v2-index .fx-title { margin-bottom: calc(24 * var(--desktop-unit)); font-size: calc(50 * var(--desktop-unit)); line-height: 1.2; }
    .v2-index .fx-lead, .v2-index .fx-summary { font-size: max(12px, calc(24 * var(--desktop-unit))); font-weight: 600; line-height: 1.75; }
    .v2-index .fx-lead span, .v2-index .fx-summary span { display: inline-block; max-width: 100%; white-space: normal; }
    .v2-index .fx-grid { --fx-cols: 5; --fx-gap: calc(40 * var(--desktop-unit)); --fx-card-text: max(12px, calc(24 * var(--desktop-unit))); margin: calc(57 * var(--desktop-unit)) calc(-6 * var(--desktop-unit)) 0 calc(6 * var(--desktop-unit)); }
    .v2-index .fx-card-frame { padding: 0 0 calc(8 * var(--desktop-unit)) calc(8 * var(--desktop-unit)); }
    .v2-index .fx-card-frame::before { top: calc(30 * var(--desktop-unit)); left: calc(-3 * var(--desktop-unit)); width: calc(100% - 8 * var(--desktop-unit)); height: calc(267 * var(--desktop-unit)); aspect-ratio: auto; }
    .v2-index .fx-card-frame img { aspect-ratio: 248 / 288; }
    .v2-index .fx-card-text { width: calc(222 * var(--desktop-unit)); max-width: calc(100% - 11 * var(--desktop-unit)); margin-left: calc(11 * var(--desktop-unit)); }
    .v2-index .fx-card-name, .v2-index .fx-card-name-en, .v2-index .fx-card-school { padding-left: 0; }
    .v2-index .fx-card-name { margin-top: calc(16 * var(--desktop-unit)); }
    .v2-index .fx-card-name-en, .v2-index .fx-card-school { margin-top: calc(2 * var(--desktop-unit)); }
    .v2-index .fx-pagination:not([hidden]) { margin-top: calc(64 * var(--desktop-unit)); }
    .v2-index .fx-dot { width: max(24px, calc(25 * var(--desktop-unit))); }
    .v2-index .fx-dot::before { width: calc(14 * var(--desktop-unit)); height: calc(14 * var(--desktop-unit)); }
    .v2-index .fx-cta-row { margin-top: calc(70 * var(--desktop-unit)); }
    .v2-index .fx-cta { min-width: calc(284 * var(--desktop-unit)); min-height: max(44px, calc(76 * var(--desktop-unit))); padding: calc(16 * var(--desktop-unit)) calc(34 * var(--desktop-unit)); font-size: max(14px, calc(28 * var(--desktop-unit))); }

    .v2-index .tx-alumni { min-height: calc(1237 * var(--desktop-unit)); }
    /* A visible page with fewer than six profiles ends after the action. */
    .v2-index .tx-alumni:not(:has(.tx-slide:not([hidden]) > .tx-card:nth-child(6))) { min-height: 0; }
    .v2-index .tx-inner { width: calc(1600 * var(--desktop-unit)); max-width: none; padding: calc(124 * var(--desktop-unit)) 0; }
    .v2-index .tx-title { margin-bottom: calc(44 * var(--desktop-unit)); font-size: calc(50 * var(--desktop-unit)); }
    .v2-index .tx-lead { max-width: calc(1426 * var(--desktop-unit)); margin-bottom: calc(104 * var(--desktop-unit)); font-size: max(12px, calc(24 * var(--desktop-unit))); line-height: 1.75; }
    .v2-index .tx-slide { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(84 * var(--desktop-unit)) calc(56 * var(--desktop-unit)); }
    .v2-index .tx-card { grid-template-columns: calc(176 * var(--desktop-unit)) minmax(0, 1fr); gap: calc(48 * var(--desktop-unit)); min-height: calc(176 * var(--desktop-unit)); }
    .v2-index .tx-quote-mark { top: calc(6 * var(--desktop-unit)); left: calc(184 * var(--desktop-unit)); font-size: calc(48 * var(--desktop-unit)); }
    .v2-index .tx-name-row { width: calc(100% + 2 * var(--desktop-unit)); margin-bottom: calc(12 * var(--desktop-unit)); flex-wrap: nowrap; }
    .v2-index .tx-name { font-size: max(14px, calc(32 * var(--desktop-unit))); line-height: 1.25; letter-spacing: calc(7 * var(--desktop-unit)); flex-shrink: 1; }
    .v2-index .tx-name:not(:only-child) { flex-shrink: 0; max-width: 100%; }
    .v2-index .tx-name-en { display: flex; flex: 1 1 0; justify-content: flex-end; overflow: hidden; white-space: nowrap; font-family: 'Microsoft YaHei UI', var(--v2-font-body); font-size: max(12px, calc(24 * var(--desktop-unit))); line-height: 1.666667; letter-spacing: calc(3 * var(--desktop-unit)); }
    /* Short names keep their overlap; longer names retain the ending inside the row. */
    .v2-index .tx-name-en-text { flex: 0 0 auto; min-width: 100%; }
    .v2-index .tx-role { width: calc(286 * var(--desktop-unit)); font-size: max(12px, calc(22 * var(--desktop-unit))); line-height: 1.409091; letter-spacing: calc(2 * var(--desktop-unit)); }
    .v2-index .tx-controls { margin-top: calc(64 * var(--desktop-unit)); }
    .v2-index .tx-dot { width: max(24px, calc(25 * var(--desktop-unit))); }
    .v2-index .tx-dot::before { width: calc(14 * var(--desktop-unit)); height: calc(14 * var(--desktop-unit)); }
    .v2-index .tx-cta { min-height: max(44px, calc(74 * var(--desktop-unit))); margin-top: calc(52 * var(--desktop-unit)); padding: calc(14 * var(--desktop-unit)) calc(34 * var(--desktop-unit)); font-size: max(14px, calc(30 * var(--desktop-unit))); }

    /* The verified source artwork already contains the complete desktop platform. */
    .v2-index #blueprint.rx-roadmap { min-height: calc(943 * var(--desktop-unit)); background-image: url('../images/blueprint-pixso-desktop.webp'); background-size: calc(1917 * var(--desktop-unit)) calc(943 * var(--desktop-unit)); background-position: calc(2 * var(--desktop-unit)) top; background-repeat: no-repeat; }
    .v2-index .rx-title, .v2-index .rx-en .rx-title { font-size: calc(50 * var(--desktop-unit)); line-height: 1.2; margin-bottom: calc(19 * var(--desktop-unit)); }
    .v2-index .rx-lead, .v2-index .rx-en .rx-lead { font-size: max(12px, calc(24 * var(--desktop-unit))); line-height: 1.75; }
    .v2-index .rx-cta, .v2-index .rx-en .rx-cta { min-width: calc(280.42 * var(--desktop-unit)); min-height: max(44px, calc(75 * var(--desktop-unit))); padding: 0 calc(24 * var(--desktop-unit)); font-size: max(14px, calc(31 * var(--desktop-unit))); letter-spacing: calc(5 * var(--desktop-unit)); line-height: 1.451613; }
    .v2-index .rx-en .rx-cta { letter-spacing: .03em; }
    .v2-index .rx-roadmap > .rx-roadmap-copy { grid-area: 1 / 1; width: calc(1017 * var(--desktop-unit)); padding: calc(114 * var(--desktop-unit)) 0 calc(90 * var(--desktop-unit)) calc(196 * var(--desktop-unit)); justify-self: start; }
    .v2-index .rx-roadmap .rx-title { text-align: left; }
    .v2-index .rx-roadmap .rx-lead { max-width: calc(652 * var(--desktop-unit)); text-align: left; }
    .v2-index .rx-roadmap .rx-roadmap-copy > .rx-cta { display: inline-flex; margin-top: calc(33 * var(--desktop-unit)); }
    .v2-index .rx-roadmap .rx-roadmap-cta-bottom { display: none; }
    .v2-index .rx-roadmap .rx-overview, .v2-index .rx-roadmap.rx-en .rx-overview { width: calc(817 * var(--desktop-unit)); min-width: 0; min-height: calc(320 * var(--desktop-unit)); margin: calc(50 * var(--desktop-unit)) 0 0 calc(4 * var(--desktop-unit)); padding: calc(41 * var(--desktop-unit)) calc(33.54 * var(--desktop-unit)) calc(41 * var(--desktop-unit)) calc(58.59 * var(--desktop-unit)); font-size: max(12px, calc(20 * var(--desktop-unit))); line-height: 2.1; }
    .v2-index .rx-roadmap .rx-overview p { white-space: normal; }
    .v2-index .rx-roadmap .rx-overview strong { font-size: max(14px, calc(26 * var(--desktop-unit))); line-height: 1.615385; white-space: normal; }
    .v2-index .rx-roadmap .rx-overview-upgrade { white-space: normal; }
    .v2-index .rx-roadmap .rx-overview ul { padding-inline-start: 1.45em !important; }
    .v2-index .rx-roadmap > .rx-diagram { grid-area: 1 / 1; justify-self: end; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
    .v2-index .rx-roadmap .rx-diagram-frame { height: 100%; aspect-ratio: auto; }
    .v2-index .rx-roadmap .rx-diagram-art { display: none; }
    .v2-index .rx-roadmap .rx-module, .v2-index .rx-roadmap.rx-en .rx-module,
    .v2-index .rx-roadmap .rx-stage, .v2-index .rx-roadmap.rx-en .rx-stage { transform: none; font-family: var(--v2-font-display); font-weight: 700; text-align: center; letter-spacing: calc(1 * var(--desktop-unit)); }
    .v2-index .rx-roadmap .rx-module, .v2-index .rx-roadmap.rx-en .rx-module { width: calc((var(--label-width) + 1) * var(--desktop-unit)); left: calc(var(--label-x) * var(--desktop-unit)); top: calc(var(--label-y) * var(--desktop-unit)); font-size: calc(30 * var(--desktop-unit)); line-height: 1.2; }
    .v2-index .rx-roadmap .rx-module-tech { --label-x: 1148; --label-y: 335; --label-width: 216; }
    .v2-index .rx-roadmap .rx-module-global { --label-x: 1371; --label-y: 281; --label-width: 185; }
    .v2-index .rx-roadmap .rx-module-leadership { --label-x: 1556; --label-y: 335; --label-width: 247; }
    .v2-index .rx-roadmap .rx-stage, .v2-index .rx-roadmap.rx-en .rx-stage { left: calc(var(--label-x) * var(--desktop-unit)); top: calc(var(--label-y) * var(--desktop-unit)); width: calc((var(--label-width) + 1) * var(--desktop-unit)); font-size: calc(45 * var(--desktop-unit)); line-height: 1.2; white-space: normal; }
    .v2-index .rx-roadmap .rx-stage-advanced { --label-x: 1371; --label-y: 635; --label-width: 183; }
    .v2-index .rx-roadmap .rx-stage-foundation { --label-x: 1279; --label-y: 813; --label-width: 367; }
    .v2-index .rx-roadmap:not(.rx-en) .rx-module, .v2-index .rx-roadmap:not(.rx-en) .rx-stage { white-space: nowrap; }
    .v2-index .rx-roadmap.rx-en .rx-module, .v2-index .rx-roadmap.rx-en .rx-stage { font-family: var(--v2-font-body); }
    .v2-index .rx-roadmap.rx-en .rx-module { font-size: max(12px, calc(22 * var(--desktop-unit))); }
    .v2-index .rx-roadmap.rx-en .rx-stage { font-size: max(14px, calc(28 * var(--desktop-unit))); }

    .v2-index .rx-schedule { min-height: calc(943 * var(--desktop-unit)); padding: calc(126 * var(--desktop-unit)) calc(149 * var(--desktop-unit)) calc(68 * var(--desktop-unit)); }
    .v2-index .rx-schedule > .rx-title { font-size: calc(50 * var(--desktop-unit)); margin-bottom: calc(85 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-schedule-grid { width: calc(1629 * var(--desktop-unit)); max-width: none; grid-template-columns: minmax(0, 834fr) minmax(0, 729fr); gap: calc(66 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-gallery-controls { margin-top: calc(15 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-gallery-dot { width: max(20px, calc(20 * var(--desktop-unit))); }
    .v2-index .rx-schedule .rx-gallery-dot span { width: calc(6 * var(--desktop-unit)); height: calc(6 * var(--desktop-unit)); border-radius: calc(9 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-gallery-dot.is-active { width: max(20px, calc(58 * var(--desktop-unit))); }
    .v2-index .rx-schedule .rx-gallery-dot.is-active span { width: calc(50 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-schedule-copy, .v2-index .rx-schedule.rx-en .rx-schedule-copy { gap: calc(64 * var(--desktop-unit)); padding-top: calc(13 * var(--desktop-unit)); }
    .v2-index .rx-schedule .rx-schedule-copy h3, .v2-index .rx-schedule.rx-en .rx-schedule-copy h3 { margin-bottom: calc(10 * var(--desktop-unit)); font-size: max(16px, calc(34 * var(--desktop-unit))); line-height: 1.205882; }
    .v2-index .rx-schedule .rx-schedule-copy p, .v2-index .rx-schedule.rx-en .rx-schedule-copy p { font-size: max(12px, calc(24 * var(--desktop-unit))); line-height: 1.75; }
    .v2-index .rx-schedule .rx-schedule-cta { margin-top: calc(6 * var(--desktop-unit)); }

    .v2-index .nx-news { min-height: calc(1691 * var(--desktop-unit)); }
    .v2-index .nx-wrap { width: calc(1540 * var(--desktop-unit)); max-width: none; padding: calc(126 * var(--desktop-unit)) 0 calc(130 * var(--desktop-unit)); }
    .v2-index .nx-title { font-size: calc(50 * var(--desktop-unit)); }
    .v2-index .nx-tabs { gap: calc(20 * var(--desktop-unit)); margin: calc(40 * var(--desktop-unit)) 0 calc(65 * var(--desktop-unit)); }
    .v2-index .nx-tab { min-width: calc(192 * var(--desktop-unit)); min-height: max(36px, calc(55 * var(--desktop-unit))); padding: calc(12.5 * var(--desktop-unit)) calc(34.5 * var(--desktop-unit)); font-size: max(12px, calc(21 * var(--desktop-unit))); line-height: 1.428571; letter-spacing: calc(3 * var(--desktop-unit)); }
    .v2-index .nx-empty { font-size: max(12px, calc(24 * var(--desktop-unit))); line-height: 1.75; }
    .v2-index .nx-main { grid-template-columns: minmax(0, 736fr) minmax(0, 734fr); gap: calc(70 * var(--desktop-unit)); }
    .v2-index .nx-frame { padding: calc(16 * var(--desktop-unit)) calc(23 * var(--desktop-unit)) calc(20 * var(--desktop-unit)); }
    .v2-index .nx-feature-meta { margin: calc(31 * var(--desktop-unit)) 0 0 calc(21 * var(--desktop-unit)); padding-left: calc(25 * var(--desktop-unit)); }
    .v2-index .nx-rule { width: calc(8 * var(--desktop-unit)); height: calc(100 * var(--desktop-unit)); }
    .v2-index .nx-feature-text { gap: calc(4 * var(--desktop-unit)); }
    .v2-index .nx-feature-title, .v2-index .nx-feature-subtitle { font-size: max(14px, calc(33 * var(--desktop-unit))); line-height: 1.666667; }
    .v2-index .nx-feature-date { font-size: max(8px, calc(18 * var(--desktop-unit))); }
    .v2-index .nx-list { gap: calc(20 * var(--desktop-unit)); padding-right: calc(47 * var(--desktop-unit)); }
    .v2-index .nx-item { grid-template-columns: calc(227 * var(--desktop-unit)) minmax(0, 1fr); gap: calc(30 * var(--desktop-unit)); }
    .v2-index .nx-item .nx-shot { border-width: calc(6 * var(--desktop-unit)) calc(7 * var(--desktop-unit)); width: calc(100% - 14 * var(--desktop-unit)); }
    .v2-index .nx-item-text { gap: calc(8.6 * var(--desktop-unit)); }
    .v2-index .nx-item-heading, .v2-index .nx-item-title { font-size: max(12px, calc(19 * var(--desktop-unit))); line-height: 1.736842; }
    .v2-index .nx-item-subtitle { font-size: max(12px, calc(19 * var(--desktop-unit))); }
    .v2-index .nx-item-date { font-size: max(12px, calc(15 * var(--desktop-unit))); }
    .v2-index .nx-more-row { width: calc(1520 * var(--desktop-unit)); max-width: 100%; margin-top: calc(45 * var(--desktop-unit)); }
    .v2-index .nx-more { min-height: 32px; padding: calc(2.5 * var(--desktop-unit)) calc(28 * var(--desktop-unit)); font-size: max(12px, calc(20 * var(--desktop-unit))); font-weight: 600; line-height: 2.1; }
    .v2-index .nx-activities { margin-top: calc(80 * var(--desktop-unit)); }
    .v2-index .nx-sub { margin-left: calc(15 * var(--desktop-unit)); font-size: max(16px, calc(36 * var(--desktop-unit))); }
    .v2-index .nx-grid { width: calc(1520 * var(--desktop-unit)); max-width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(38.5 * var(--desktop-unit)); margin-top: calc(19 * var(--desktop-unit)); }
    .v2-index .nx-tile { padding: calc(10 * var(--desktop-unit)) calc(14 * var(--desktop-unit)) calc(14 * var(--desktop-unit)); }
    .v2-index .nx-activities .nx-more-row { margin-top: calc(31 * var(--desktop-unit)); }
    .v2-index .nx-play { width: calc(82.5 * var(--desktop-unit)); }


}

@keyframes hx-fluid-rankings-scroll {
    to { transform: translateX(calc(-50% - 38 * var(--desktop-unit))); }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .v2-index .hx-hero-v2 .is-marquee .hx-rankings-track { animation: none; }
    .v2-index .hx-hero-v2 .is-marquee .hx-stats[aria-hidden="true"] { display: none; }
}