.slider {
      position: relative; overflow: hidden; border-radius: 0;
      box-shadow: var(--shadow); background: transparent;
      width: 100vw; max-width: 100vw; margin-left: 50%; transform: translateX(-50%);
      aspect-ratio: 12 / 5; height: auto;
      touch-action: pan-y; -webkit-tap-highlight-color: transparent;
    }
    .slides { display: flex; height: 100%; transition: transform 500ms ease; }
    .slide { position: relative; min-width: 100%; height: 100%; }

    .slide-link { display: block; width: 100%; height: 100%; outline: none; }
    .slide-link:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }

    .slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }

    @media (max-width: 640px) {
      .slider { aspect-ratio: 12 / 5; height: auto; }
      /* 1) Center content-actions on mobile */
      .content-actions { justify-content: center; }
    }