/* The poster remains the layout and loading fallback. Both clips share its crop. */
.arrival-plate { overflow: hidden; }
.hero-media { position: relative; }
.hero-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; pointer-events: none; }
.hero-video.is-visible { opacity: 1; }
.hero-play { position: absolute; right: 16px; bottom: 16px; z-index: 2; min-height: 44px; padding: 10px 16px; border: 1px solid var(--rule); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; font-size: .875rem; cursor: pointer; }
.hero-play[hidden] { display: none; }
@media (min-width: 900px) {
  .hero-video { object-position: 50% 30%; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video, .hero-play { display: none !important; }
}
@media print {
  .hero-video, .hero-play { display: none !important; }
}