/* Preserve the complete artwork on every screen, including the embedded brand text. */
.hero.hero-banner { background: #f6e6d0; }
.hero-video-frame { position: relative; width: 100%; margin: 0; aspect-ratio: 16 / 9; }
.brand-hero-video { display: block; width: 100%; height: 100%; object-fit: contain; }
.hero-video-toggle { position: absolute; right: 16px; bottom: 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 10px 14px; border: 1px solid #b69a64; border-radius: 24px; background: #fffaf0f0; color: #63471b; font: 600 12px/1.3 var(--sans); box-shadow: 0 2px 12px #35281b1a; }
.hero-video-toggle:hover { background: #fffaf0; }
.hero-video-toggle svg { width: 18px; height: 18px; }
.hero-video-toggle .video-pause-icon, .hero-video-toggle[data-playing="true"] .video-play-icon { display: none; }
.hero-video-toggle[data-playing="true"] .video-pause-icon { display: block; }
@media(max-width:600px) {
 .hero-video-toggle { right: 8px; bottom: 8px; padding: 10px; }
 .hero-motion-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}