/* ============================================================
   Super Hi-Fi · MOBILE LAYOUT
   ============================================================
   Activated below 900px viewport. Each slide is completely reflowed
   from a fixed 1920×1080 design into a vertical-scroll mobile section.
   Typography, padding, and decoration are tuned for a phone reading
   experience instead of a presentation.
   ============================================================ */

@media (max-width: 900px) {

  /* ── Mobile typography + spacing tokens ───────────────── */
  :root {
    --m-pad-x: 24px;
    --m-pad-y: 64px;
    --m-eyebrow-fs: 11px;
    --m-eyebrow-track: 0.18em;
    --m-headline-hero: clamp(40px, 11.5vw, 64px);
    --m-headline: clamp(32px, 8.6vw, 48px);
    --m-sub: clamp(17px, 4.4vw, 22px);
    --m-body: clamp(15px, 4vw, 18px);
    --m-card-title: clamp(20px, 5.4vw, 26px);
    --m-card-body: clamp(14px, 3.7vw, 17px);
    --m-stat-num: clamp(56px, 16vw, 88px);
    --m-stat-unit: clamp(15px, 4vw, 20px);
    --m-block-gap: 32px;
  }

  html, body { background: #000; }

  /* ── Generic slide container reset ────────────────────── */
  deck-stage > section {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    padding: var(--m-pad-y) var(--m-pad-x) !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
    display: block !important;
  }

  /* Disable the dark-field grain/vignette overlays — they only make
     sense at letterbox scale */
  .field-dark::before,
  .field-dark::after {
    display: none !important;
  }

  /* ── Reset every absolutely-positioned descendant ─────── */
  deck-stage > section [class$="-eyebrow"],
  deck-stage > section [class$="-head"],
  deck-stage > section [class$="-headline"],
  deck-stage > section [class$="-sub"],
  deck-stage > section [class$="-body"],
  deck-stage > section [class$="-body-wrap"],
  deck-stage > section [class$="-stage"],
  deck-stage > section [class$="-callouts"],
  deck-stage > section [class$="-cards"],
  deck-stage > section [class$="-grid"],
  deck-stage > section [class$="-pillars"],
  deck-stage > section [class$="-bands"],
  deck-stage > section [class$="-quote"],
  deck-stage > section [class$="-content"],
  deck-stage > section [class$="-list"],
  deck-stage > section [class$="-timeline"],
  deck-stage > section [class$="-ask"],
  deck-stage > section [class$="-strip"],
  deck-stage > section [class$="-strip-ticks"],
  deck-stage > section [class$="-main"],
  deck-stage > section [class$="-rule"],
  deck-stage > section [class$="-vu"],
  deck-stage > section [class$="-spine"],
  deck-stage > section [class$="-corner"],
  deck-stage > section [class$="-foot"],
  deck-stage > section [class$="-page"],
  deck-stage > section [class$="-logo"],
  deck-stage > section [class$="-closing-logo"],
  deck-stage > section [class$="-glow"],
  deck-stage > section .cover-headline-block,
  deck-stage > section .cover-footer,
  deck-stage > section .cover-logo {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* Hide deck chrome that doesn't translate to mobile reading */
  deck-stage > section .s2-page,
  deck-stage > section .s3-page,
  deck-stage > section .s4-page,
  deck-stage > section .s5-page,
  deck-stage > section .s6-page,
  deck-stage > section .s7-page,
  deck-stage > section .sx-page,
  deck-stage > section .s10-page,
  deck-stage > section .s2-logo,
  deck-stage > section .s3-logo,
  deck-stage > section .s4-logo,
  deck-stage > section .s5-logo,
  deck-stage > section .s6-logo,
  deck-stage > section .s7-logo,
  deck-stage > section .sx-logo,
  deck-stage > section .s10-closing-logo {
    display: none !important;
  }

  /* Common eyebrow styling on mobile */
  deck-stage > section .s2-eyebrow,
  deck-stage > section .s3-eyebrow,
  deck-stage > section .s4-eyebrow,
  deck-stage > section .s5-eyebrow,
  deck-stage > section .s6-eyebrow,
  deck-stage > section .s7-eyebrow,
  deck-stage > section .sx-eyebrow,
  deck-stage > section .s10-eyebrow {
    font-size: var(--m-eyebrow-fs) !important;
    letter-spacing: var(--m-eyebrow-track) !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  deck-stage > section .s2-eyebrow .dot,
  deck-stage > section .s3-eyebrow .dot,
  deck-stage > section .s4-eyebrow .dot,
  deck-stage > section .s5-eyebrow .dot,
  deck-stage > section .s6-eyebrow .dot,
  deck-stage > section .s7-eyebrow .dot,
  deck-stage > section .sx-eyebrow .dot,
  deck-stage > section .s10-eyebrow .dot {
    width: 6px !important;
    height: 6px !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 01 — COVER                                       */
  /* ─────────────────────────────────────────────────────── */
  .slide-cover {
    padding-top: 88px !important;
    padding-bottom: 80px !important;
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  .slide-cover .cover-dial,
  .slide-cover .cover-corner,
  .slide-cover .cover-vu,
  .slide-cover .logo-bug-cover {
    display: none !important;
  }
  .slide-cover .cover-logo {
    height: 36px !important;
    width: auto !important;
    margin-bottom: 48px !important;
    display: block !important;
  }
  .slide-cover .cover-headline-block {
    width: 100% !important;
  }
  .slide-cover .cover-eyebrow {
    font-size: var(--m-eyebrow-fs) !important;
    letter-spacing: var(--m-eyebrow-track) !important;
    margin-bottom: 24px !important;
    gap: 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .slide-cover .cover-eyebrow .dot {
    width: 7px !important; height: 7px !important;
  }
  .slide-cover .cover-headline {
    font-size: var(--m-headline-hero) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 0 !important;
  }
  .slide-cover .cover-rule {
    height: 1px !important;
    margin: 24px 0 !important;
    width: 100% !important;
  }
  .slide-cover .cover-subhead {
    font-size: var(--m-sub) !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  .slide-cover .cover-footer {
    font-size: 13px !important;
    line-height: 1.5 !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    margin-top: 48px !important;
    color: var(--orange);
  }
  .slide-cover .cover-footer .cf-piece {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }
  .slide-cover .cover-footer .cf-bullet { display: none !important; }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 02 — THE MOMENT                                  */
  /* ─────────────────────────────────────────────────────── */
  .slide-moment .s2-main {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-bottom: var(--m-block-gap) !important;
  }
  .slide-moment .s2-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.05 !important;
    margin: 0 0 24px !important;
  }
  .slide-moment .s2-body-wrap {
    border-top: 1px solid rgba(252,138,20,0.55) !important;
    padding-top: 18px !important;
  }
  .slide-moment .s2-body-eyebrow {
    font-size: var(--m-eyebrow-fs) !important;
    letter-spacing: var(--m-eyebrow-track) !important;
    margin: 0 0 12px !important;
  }
  .slide-moment .s2-body {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
  }
  .slide-moment .s2-callouts {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    border-top: 1px solid var(--orange) !important;
    padding-top: 24px !important;
    margin-top: var(--m-block-gap) !important;
  }
  .slide-moment .s2-callout {
    padding: 24px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(252,138,20,0.28) !important;
  }
  .slide-moment .s2-callout:last-child { border-bottom: 0 !important; }
  .slide-moment .s2-callout .num {
    font-size: var(--m-stat-num) !important;
    line-height: 1 !important;
  }
  .slide-moment .s2-callout .num .unit {
    font-size: var(--m-stat-unit) !important;
    vertical-align: 12px !important;
  }
  .slide-moment .s2-callout .label {
    font-size: var(--m-body) !important;
    line-height: 1.45 !important;
    margin-top: 12px !important;
    max-width: none !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 03 — THE VISION                                  */
  /* ─────────────────────────────────────────────────────── */
  .slide-vision .s3-head {
    margin-bottom: 24px !important;
  }
  .slide-vision .s3-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.04 !important;
    margin: 0 0 20px !important;
  }
  .slide-vision .s3-body {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .slide-vision .s3-stage {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5;
    border-radius: 6px !important;
    margin: 32px 0 !important;
  }
  .slide-vision .s3-pillars {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    margin-top: 0 !important;
  }
  .slide-vision .s3-pillar {
    padding: 20px 22px !important;
    border-radius: 6px !important;
  }
  .slide-vision .s3-pillar .label {
    font-size: 13px !important;
    letter-spacing: 0.18em !important;
  }
  .slide-vision .s3-pillar .desc {
    font-size: var(--m-body) !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
  }
  /* Hide the corner-orbit edges on mobile — they trace fixed pixel
     positions that don't fit the new layout */
  .slide-vision .s3-pillar .edge { display: none !important; }
  .slide-vision .s3-pillar { border: 1px solid var(--orange) !important; }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 04 — THE PRODUCT                                 */
  /* ─────────────────────────────────────────────────────── */
  .slide-product .s4-head {
    margin-bottom: var(--m-block-gap) !important;
  }
  .slide-product .s4-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.04 !important;
    margin: 0 0 20px !important;
  }
  .slide-product .s4-sub {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: none !important;
  }
  .slide-product .s4-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    border-top: 1px solid rgba(252,138,20,0.45) !important;
    padding-top: 28px !important;
  }
  .slide-product .s4-col {
    padding: 28px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(252,138,20,0.28) !important;
    display: block !important;
  }
  .slide-product .s4-col:last-child { border-bottom: 0 !important; }
  .slide-product .s4-icon {
    height: auto !important;
    width: 64px !important;
    margin-bottom: 18px !important;
    display: block !important;
  }
  .slide-product .s4-icon svg {
    width: 100% !important;
    height: auto !important;
  }
  .slide-product .s4-title {
    font-size: var(--m-card-title) !important;
    margin: 0 0 8px !important;
    line-height: 1.15 !important;
  }
  .slide-product .s4-body {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
  }
  .slide-product .s4-strip,
  .slide-product .s4-strip-ticks { display: none !important; }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 05 — SAMPLE STATIONS (CREAM)                     */
  /* ─────────────────────────────────────────────────────── */
  .slide-stations .s5-head {
    margin-bottom: var(--m-block-gap) !important;
  }
  .slide-stations .s5-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.02 !important;
    margin: 0 0 20px !important;
  }
  .slide-stations .s5-sub {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: none !important;
  }
  .slide-stations .s5-cards {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
  }
  .slide-stations .s5-card {
    border-radius: 6px;
    overflow: hidden;
  }
  .slide-stations .s5-art {
    aspect-ratio: 16 / 10 !important;
  }
  .slide-stations .s5-meta {
    padding: 20px 22px 24px !important;
  }
  .slide-stations .s5-name {
    font-size: var(--m-card-title) !important;
    margin: 0 !important;
  }
  .slide-stations .s5-desc {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
    margin: 10px 0 14px !important;
    min-height: 0 !important;
  }
  .slide-stations .s5-anchor {
    font-size: 11px !important;
    letter-spacing: 0.16em !important;
    line-height: 1.4 !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 06 — DISTRIBUTION                                */
  /* ─────────────────────────────────────────────────────── */
  .slide-distribution .s6-head { margin-bottom: var(--m-block-gap) !important; }
  .slide-distribution .s6-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.05 !important;
    margin: 0 0 14px !important;
    max-width: none !important;
  }
  .slide-distribution .s6-sub {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: none !important;
  }
  .slide-distribution .s6-bands {
    display: flex !important;
    flex-direction: column !important;
    grid-template-rows: none !important;
    gap: 0 !important;
  }
  .slide-distribution .s6-band {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 18px !important;
    padding: 32px 0 !important;
    overflow: visible !important;
  }
  .slide-distribution .s6-band::before {
    width: 10px !important; height: 10px !important;
    box-shadow: 0 0 12px rgba(252,138,20,0.7), 0 0 0 4px var(--ink) !important;
  }
  .slide-distribution .s6-band-label {
    position: relative !important;
    top: auto !important; left: auto !important;
    font-size: 13px !important;
    letter-spacing: 0.2em !important;
    margin: 12px 0 0 !important;
    order: 1;
  }
  .slide-distribution .s6-left {
    padding-top: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    order: 2;
  }
  .slide-distribution .s6-right {
    padding-top: 0 !important;
    order: 3;
  }
  .slide-distribution .s6-bullets li {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
    padding-left: 26px !important;
    margin-bottom: 10px !important;
  }
  .slide-distribution .s6-bullets li::before {
    top: 12px !important;
    width: 14px !important;
  }

  /* Band 1 dashboard */
  .slide-distribution .s6-dashboard {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    aspect-ratio: 240 / 130;
  }
  .slide-distribution .s6-tile {
    height: auto !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
  .slide-distribution .s6-left-caption {
    font-size: 10px !important;
    max-width: none !important;
  }

  /* Band 2 OEMs */
  .slide-distribution .s6-oems {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .slide-distribution .s6-oem {
    height: 80px !important;
    padding: 12px 6px !important;
  }
  .slide-distribution .s6-oem .oem-mark { font-size: 13px !important; }
  .slide-distribution .s6-oem .oem-station { font-size: 11px !important; }

  /* Band 3 TV */
  .slide-distribution .s6-tv-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
  }
  .slide-distribution .s6-tv {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    aspect-ratio: 220 / 124;
  }
  /* The TV's eq-strip is matched by the generic [class$="-strip"]
     reset above; restore its absolute bottom-anchored positioning. */
  .slide-distribution .s6-tv .eq-strip {
    position: absolute !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
  }
  .slide-distribution .s6-tivo { max-width: none !important; }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 07 — UMG PARTNERSHIP                             */
  /* ─────────────────────────────────────────────────────── */
  .slide-umg .s7-glow { display: none !important; }
  .slide-umg .s7-head { margin-bottom: var(--m-block-gap) !important; }
  .slide-umg .s7-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.05 !important;
    margin: 0 0 18px !important;
    max-width: none !important;
  }
  .slide-umg .s7-sub {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: none !important;
  }
  .slide-umg .s7-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 14px !important;
    height: auto !important;
  }
  .slide-umg .s7-tile {
    padding: 22px 22px !important;
    gap: 16px !important;
  }
  .slide-umg .s7-icon {
    width: 44px !important;
    height: 44px !important;
  }
  .slide-umg .s7-tile .t {
    font-size: 15px !important;
    margin: 0 0 6px !important;
  }
  .slide-umg .s7-tile .d {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
  }
  .slide-umg .s7-quote {
    margin-top: var(--m-block-gap) !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(252,138,20,0.35) !important;
  }
  .slide-umg .s7-quote .q {
    font-size: clamp(20px, 5.4vw, 26px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
  .slide-umg .s7-quote .attr {
    font-size: 11px !important;
    letter-spacing: 0.22em !important;
    margin-top: 14px !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDES 08 / 09 — WHY THIS WINS (UMG / XPERI)           */
  /* ─────────────────────────────────────────────────────── */
  .slide-wins .sx-spine {
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    bottom: auto !important;
    top: auto !important;
    padding-top: 0 !important;
    gap: 14px !important;
    margin-bottom: 24px !important;
  }
  .slide-wins.slide-umg-wins .sx-spine,
  .slide-wins.slide-xperi-wins .sx-spine {
    left: auto !important; right: auto !important;
  }
  .slide-wins .sx-spine .partner-mark {
    font-size: 16px !important;
    letter-spacing: 0.22em !important;
    margin: 0 !important;
    text-align: left !important;
  }
  .slide-wins .sx-spine .partner-sub {
    font-size: 11px !important;
    margin: 0 !important;
    letter-spacing: 0.22em !important;
    text-align: left !important;
  }
  /* Hide the big vertical decoration bars — they don't read on mobile */
  .slide-wins .vu-spine,
  .slide-wins .eq-spine {
    display: none !important;
  }
  .slide-wins.slide-umg-wins .sx-content,
  .slide-wins.slide-xperi-wins .sx-content {
    left: auto !important; right: auto !important;
  }
  .slide-wins .sx-headline {
    font-size: var(--m-headline) !important;
    line-height: 1.05 !important;
    margin: 0 0 16px !important;
  }
  .slide-wins .sx-sub {
    font-size: var(--m-body) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }
  .slide-wins .sx-list {
    margin: var(--m-block-gap) 0 0 !important;
  }
  .slide-wins .sx-list li {
    grid-template-columns: 56px 1fr !important;
    gap: 18px !important;
    padding: 18px 0 !important;
  }
  .slide-wins .sx-list .n {
    font-size: 32px !important;
    line-height: 1 !important;
  }
  .slide-wins .sx-list .t {
    font-size: 17px !important;
    margin: 0 0 4px !important;
  }
  .slide-wins .sx-list .d {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  SLIDE 10 — THE PATH FORWARD (CREAM)                    */
  /* ─────────────────────────────────────────────────────── */
  .slide-path {
    text-align: left !important;
  }
  .slide-path .s10-corner {
    margin-bottom: 28px !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
  }
  .slide-path .s10-foot {
    display: none !important;
  }
  .slide-path .s10-head {
    text-align: left !important;
    margin-bottom: var(--m-block-gap) !important;
  }
  .slide-path .s10-headline {
    font-size: clamp(48px, 14vw, 88px) !important;
    line-height: 0.94 !important;
    margin: 0 0 20px !important;
    text-align: left !important;
  }
  .slide-path .s10-sub {
    font-size: var(--m-sub) !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    max-width: none !important;
    text-align: left !important;
  }

  /* Vertical timeline — nodes flow so timeline gets real height; the
     rail stays absolute alongside, spanning the timeline's full
     content height. */
  .slide-path .s10-timeline {
    height: auto !important;
    margin-top: var(--m-block-gap) !important;
    position: relative !important;
  }
  .slide-path .s10-rail {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 14px !important;
    right: auto !important;
    width: 2px !important;
    height: auto !important;
  }
  .slide-path .s10-ticks { display: none !important; }
  .slide-path .s10-nodes {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
  }
  .slide-path .s10-node {
    align-items: flex-start !important;
    text-align: left !important;
    padding: 0 0 0 44px !important;
    position: relative !important;
  }
  .slide-path .s10-node .dot {
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    margin-top: 0 !important;
    width: 26px !important; height: 26px !important;
    box-shadow:
      0 0 0 5px var(--cream),
      0 0 0 6px var(--orange),
      0 0 18px rgba(252,138,20,0.45) !important;
  }
  .slide-path .s10-node .phase {
    margin-top: 0 !important;
    font-size: 14px !important;
    letter-spacing: 0.18em !important;
  }
  .slide-path .s10-node .desc {
    font-size: var(--m-card-body) !important;
    line-height: 1.45 !important;
    max-width: none !important;
    margin-top: 8px !important;
  }

  /* Asks */
  .slide-path .s10-ask {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 28px !important;
    border-top: 1px solid rgba(14,14,14,0.18) !important;
    padding-top: 28px !important;
    margin-top: 40px !important;
  }
  .slide-path .s10-ask-col .lab {
    font-size: 12px !important;
    letter-spacing: 0.22em !important;
    margin-bottom: 14px !important;
    text-align: left !important;
  }
  .slide-path .s10-ask-col ul {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .slide-path .s10-ask-col li {
    font-size: 16px !important;
    text-align: left !important;
    padding: 12px 0 0 !important;
  }

  /* ─────────────────────────────────────────────────────── */
  /*  Animations — calmer on mobile                          */
  /* ─────────────────────────────────────────────────────── */
  /* Hide elements whose animations targeted absolute-positioning
     that no longer applies in mobile flow. */
  deck-stage > section .s4-strip-ticks .tick,
  deck-stage > section .cover-vu,
  deck-stage > section .cover-dial,
  deck-stage > section .vu-spine,
  deck-stage > section .eq-spine,
  deck-stage > section .s7-glow,
  deck-stage > section .s10-ticks {
    display: none !important;
  }

  /* Phantom-speaker ripples are positioned on the cabin image — they
     still work since .s3-stage now flows in document order */

  /* Disable headline/section transforms (they fight with mobile flow) */
  deck-stage > section [data-anim-enter] .s10-rail {
    transform: scaleY(1) !important;
    transform-origin: top center !important;
    animation: none !important;
  }

  /* Auth gate logo on mobile — slightly smaller */
  .auth-login .auth-logo {
    width: 220px !important;
  }
}