/* V40: Preserve complete banner artwork on narrow/mobile viewports.
   Desktop keeps its original edge-to-edge cover presentation. */
@media (max-width: 760px) {
  .hero-slider .slider-viewport {
    aspect-ratio: 16 / 9; /* Fallback until active image loads; JS uses its natural ratio. */
    min-height: 0;
    width: 100%;
    background: #f5eee4;
    transition: aspect-ratio .25s ease;
  }
  .hero-slider .home-slide,
  .hero-slider .home-slide > a,
  .hero-slider .home-slide picture {
    width: 100%;
    height: 100%;
  }
  .hero-slider .home-slide > a,
  .hero-slider .home-slide picture { display: block; }
  .hero-slider .home-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center !important;
  }
  .hero-slider .slider-ui { bottom: 10px; }
}