/* Landscape posters keep the head in frame; videos retain their full frame. */
.sv-category-tile[data-sv-category-swap] .sv-tile-stage { aspect-ratio: 4 / 3; }
.sv-category-tile[data-sv-category-swap] .sv-tile-primary {
  opacity: 1; transform: none; transition: none; object-fit: cover; object-position: center;
}
.sv-category-tile[data-sv-category-swap] .sv-department-video {
  z-index: 2; opacity: 0; transform: none; object-fit: contain;
  pointer-events: none; transition: opacity 160ms ease;
}
.sv-category-tile.is-category-motion .sv-department-video { opacity: 1; }
.sv-category-tile .sv-category-swap-toggle {
  position: absolute; z-index: 5; inset-block-start: 8px; inset-inline-end: 8px;
  min-height: 44px; padding: 8px 10px; border: 1px solid var(--line);
  background: var(--paper); color: var(--ink); font-size: 11px; font-weight: 600; cursor: pointer;
}
.sv-category-tile .sv-category-swap-toggle[hidden] { display: none!important; }
.sv-category-swap-toggle:focus-visible { outline: 3px solid var(--cherry); outline-offset: 2px; }
.sv-category-swap-toggle[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
@media(hover:hover) and (pointer:fine) {
  .sv-category-tile:not(.sv-manual-image) .sv-category-swap-toggle { opacity: 0; pointer-events: none; }
  .sv-category-tile:is(:hover,:focus-within) .sv-category-swap-toggle,
  .sv-category-tile .sv-category-swap-toggle:focus-visible { opacity: 1; pointer-events: auto; }
}
@media(max-width:520px) {
  .sv-category-tile .sv-category-swap-toggle {
    inset-block-start: auto; inset-block-end: 10px; inset-inline-end: 12px;
    font-size: 10px; padding: 6px 10px; opacity: 1!important; pointer-events: auto!important;
  }
  .sv-category-tile[data-sv-category-swap] .sv-category-overlay { padding-block-end: 62px; min-height: 150px; }
}
html:is(.sv-reduced,.sv-motion-off) .sv-category-tile .sv-department-video { transition: none; }
@media(prefers-reduced-motion:reduce) { .sv-category-tile .sv-department-video { transition: none; } }