/* Six project choices retain comfortable touch targets on small phones. */
@media (max-width: 760px) {
  .hero-stage .hero-controller { gap: 12px; }
  .hero-stage .slide-tabs { gap: 4px; }
  .hero-stage .slide-tabs button { min-width: 44px; }
}
@media (max-width: 439px) {
  .hero-stage .hero-controller {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px 12px;
  }
  .hero-stage .slide-tabs { display: grid; grid-template-columns: repeat(3, minmax(44px, 1fr)); gap: 6px; }
  .hero-stage #motion-toggle { grid-column: 2; grid-row: 1; align-self: end; }
  .hero-stage .hero-project { bottom: 150px; }
}