/* Prototype layout refinement: landing slideshow 2026.09.23-1 */

/* Keep the desktop composition balanced: the car sits a little below the
   text block and closer to the visual space above the arrow controls. */
@media (min-width: 834px) {
  .prototype-hero .hero-media-wrap {
    transform: translateY(clamp(16px, 2.2vw, 30px));
  }
}

@media (max-width: 833px) {
  /* The intro section uses a left reading edge; the mobile hero follows it. */
  .prototype-hero .hero-slide {
    gap: clamp(28px, 6vw, 40px);
  }

  .prototype-hero .hero-content {
    margin-inline: 0;
    padding-right: 0;
    text-align: left;
    transform: translateY(-16px);
  }

  .prototype-hero .hero-sub {
    margin-inline: 0;
  }

  .prototype-hero .btn-row {
    justify-content: flex-start;
  }
}