/* Mobile presentation only. The desktop hero keeps its original action and labels. */
.hero-section .hero-actions-mobile { display:none; }

@media (max-width:760px) {
  .hero-section .mission-hero { display:flex; flex-direction:column; align-items:stretch; gap:0; min-height:0; padding:30px 0 22px; }
  .hero-section .hero-copy .hero-actions { display:none; }
  .hero-section .hero-orbit { width:100%; height:265px; min-height:265px; margin:8px 0 0; overflow:hidden; }
  .hero-section .hero-orbit .rocket-stage { height:260px; width:55%; left:10%; }
  .hero-section .hero-actions-mobile { display:flex; margin:8px 0 0; width:100%; }
  .lab-experience .hero-section .hero-actions-mobile .mission-launch { width:100%; min-width:0; min-height:54px; padding:15px 20px; gap:14px; font-size:.95rem; }
  .hero-section .hero-brief { max-width:none; white-space:normal; font-size:.9rem; }
  .hero-section .hero-challenge { max-width:none; font-size:.9rem; line-height:1.55; }

  .hero-section .hero-comparison-band { padding:11px 0 11px 13px; }
  .hero-section .hero-records>h2 { margin:0 0 9px; font-size:.83rem; line-height:1.5; }
  .hero-section .hero-record-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .hero-section .hero-record { grid-template-columns:20px minmax(0,1fr); column-gap:4px; row-gap:7px; padding:9px 6px; border-radius:9px; }
  .hero-section .hero-record-title { grid-row:1; grid-column:1/-1; }
  .hero-section .hero-record-title h3 { font-size:clamp(.65rem,2.9vw,.84rem); white-space:nowrap; letter-spacing:-.03em; }
  .hero-section .hero-record-kind { display:none; }
  .hero-section .hero-record-logo { grid-row:2; width:20px; height:20px; }
  .hero-section .hero-record-logo-synapsteria,.hero-section .hero-record-logo-openai { width:22px; height:22px; }
  .hero-section .hero-record-number { grid-row:2; gap:3px; margin:0; font-size:1.45rem; }
  .hero-section .hero-record-number>span { font-size:.62rem; }
  .hero-section .hero-records-footer { gap:3px 12px; margin-top:7px; font-size:.72rem; }
  .hero-section .hero-records-footer a { width:fit-content; }

  .hero-section .mission-chapters { display:flex; flex-wrap:wrap; align-items:center; column-gap:17px; row-gap:0; margin-top:16px; padding:9px 0 0; border:0; border-radius:0; background:none; box-shadow:none; }
  .hero-section .mission-chapters::before { display:none; }
  .hero-section .mission-chapters a:nth-child(n) { display:block; flex:0 1 auto; min-width:0; min-height:34px; padding:7px 0; border:0; border-radius:0; background:none; box-shadow:none; }
  .hero-section .mission-chapters .chapter-index,
  .hero-section .mission-chapters .chapter-arrow { display:none; }
  .hero-section .mission-chapters .chapter-label { display:block; font-size:12px; line-height:1.4; color:#e8f0fb; font-weight:500; white-space:normal; }
  .hero-section .mission-chapters a:hover .chapter-label,
  .hero-section .mission-chapters a:focus-visible .chapter-label { color:#77f6e2; }
  .hero-section .mission-chapters a:focus-visible { outline:2px solid #77f6e2; outline-offset:3px; }
  .lab-experience .experience-section.hero-section { padding-bottom:45px; }

  .lab-experience .experience-section.pieces-section { padding-top:38px; padding-bottom:38px; }
  .pieces-section .requirements-heading { margin-bottom:20px; padding-bottom:18px; gap:16px; }
  .pieces-section .requirements-title { padding-left:15px; border-left-width:3px; }
  .pieces-section .requirements-title h2 { margin-top:7px; }
  .pieces-section .requirements-heading > p { font-size:.9rem; line-height:1.6; }
  .pieces-section .brief-layout { display:block; }
  .pieces-section .brief-layout .instruction-flow { display:none; }
  .pieces-section .brief-illustration { max-width:100%; }

  .pieces-section .workshop-vignette .wv-heading,
  .pieces-section .workshop-vignette .wv-part-heading,
  .pieces-section .workshop-vignette .wv-important { display:none; }
  .pieces-section .workshop-vignette .wv-layout { display:flex; flex-direction:column; gap:12px; }
  .pieces-section .workshop-vignette .wv-detail { order:0; width:100%; padding:0; }
  .pieces-section .workshop-vignette .wv-plan-window { order:1; width:100%; max-width:390px; margin:0 auto; }
  .pieces-section .workshop-vignette .wv-part-facts { justify-content:space-between; gap:6px 14px; margin:0 0 10px; }
  .pieces-section .workshop-vignette .wv-part-facts small { font-size:12px; }
  .pieces-section .workshop-vignette .wv-step-label { font-size:10px; }
  .pieces-section .workshop-vignette .wv-position { font-size:11px; }
  .pieces-section .workshop-vignette .wv-rotation-note,
  .pieces-section .workshop-vignette > figcaption { font-size:12px; }
  .pieces-section .workshop-vignette .wv-part-facts strong { font-size:14px; }
  .pieces-section .workshop-vignette .wv-story-panel { display:flex; flex-direction:column; border:1px solid #385875; border-radius:14px; background:radial-gradient(ellipse at 100% 0,#782fac38,transparent 70%),linear-gradient(125deg,#123c51,#132638 62%,#24203c); box-shadow:0 8px 22px #183a4c16; }
  .pieces-section .workshop-vignette .wv-step-explanation { order:0; padding:15px 15px 3px; min-height:0; border:0; border-radius:0; background:none; box-shadow:none; }
  .pieces-section .workshop-vignette .wv-step-explanation h5 { font-size:20px; margin:9px 0 7px; }
  .pieces-section .workshop-vignette .wv-step-explanation p { font-size:14px; line-height:1.5; }
  .pieces-section .workshop-vignette .wv-typed-copy { min-height:4.5em; }
  .pieces-section .workshop-vignette .wv-storyboard { order:1; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:12px 11px 11px; }
  .pieces-section .workshop-vignette .wv-storyboard button { display:flex; flex-direction:column; justify-content:center; gap:4px; min-width:0; min-height:53px; padding:7px 3px; border:1px solid #ffffff26; border-radius:8px; background:#ffffff05; color:#f4f8ff; text-align:center; box-shadow:none; }
  .pieces-section .workshop-vignette .wv-storyboard button > span { font-size:11px; color:#b7cddd; line-height:1; }
  .pieces-section .workshop-vignette .wv-storyboard strong { font-size:11px; line-height:1.2; font-weight:650; white-space:normal; overflow-wrap:normal; }
  .pieces-section .workshop-vignette .wv-storyboard small { display:none; }
  .pieces-section .workshop-vignette .wv-storyboard button[aria-pressed="true"] { border-color:var(--wv-story-accent); background:#ffffff12; color:#fff; box-shadow:inset 0 -2px var(--wv-story-accent); }
  .pieces-section .workshop-vignette .wv-storyboard button[aria-pressed="true"] > span { color:var(--wv-story-accent); }
  .pieces-section .workshop-vignette .wv-controls { gap:5px; margin-top:10px; }
  .pieces-section .workshop-vignette .wv-controls button { min-height:37px; padding:7px 8px; font-size:11px; }
  .pieces-section .workshop-vignette .wv-controls .wv-play { min-width:58px; }
  .pieces-section .workshop-vignette .wv-progress { margin-top:8px; }
  .pieces-section .workshop-vignette .wv-plan-caption { width:100%; margin:0 0 7px; padding:0 3%; font-size:12px; }
  .pieces-section .workshop-vignette .wv-plan-caption strong { font-size:13px; }
  .pieces-section .workshop-vignette .wv-plan-day { display:inline-flex; align-items:baseline; gap:1px; padding:3px 8px; border-radius:6px; color:#006b50; background:#e8f8f1; font-weight:750; font-variant-numeric:tabular-nums; }
  .pieces-section .workshop-vignette .wv-scene { max-width:390px; }
}