.film-shell { padding-bottom: 72px; scroll-margin-top: 105px; }
.product-film { margin: 0; overflow: hidden; border: 1px solid var(--sf-mist); border-radius: 26px; background: var(--sf-panel); box-shadow: var(--sf-shadow-lg); }
.product-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--sf-paper); }
.film-transcript { max-width: 780px; margin: 20px auto 0; color: var(--sf-ink-muted); font-size: 13px; text-align: left; }
.film-transcript summary { width: fit-content; cursor: pointer; text-underline-offset: 4px; }
.film-transcript p { line-height: 1.7; }
.product-shot-live, .product-shot-dashboard { transform: none; }
.product-shot img, .editorial-shot img { aspect-ratio: 1800 / 1005; object-fit: cover; }
.atmosphere-card { background: var(--sf-panel); }
.atmosphere-card img { height: auto; aspect-ratio: 2200 / 934; object-fit: cover; }
.editorial-shot:hover img { transform: none; }
@media (max-width: 760px) {
  .film-shell { padding-bottom: 36px; }
  .product-film { border-radius: 17px; }
  .product-shot img, .editorial-shot img, .atmosphere-card img { aspect-ratio: 1; }
}
@media (prefers-reduced-motion: reduce) { .film-shell { scroll-behavior: auto; } }