/* Responsive media; a matching final still preserves product detail after playback. */
.a-hero .hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.a-hero .hero-art .a-hero-scene,.a-hero .hero-product-film,.a-hero .hero-final-still{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;z-index:0}
.a-hero .hero-product-film{opacity:0;pointer-events:none;transition:opacity .1s linear}
.a-hero.hero-film-visible .hero-product-film{opacity:1}
.a-hero .hero-final-still{opacity:0;z-index:1;pointer-events:none}
.a-hero.hero-film-ended .hero-final-still{opacity:1}
.hero-motion-toggle{position:absolute;z-index:3;right:18px;bottom:18px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #b8ad9d;border-radius:50%;background:rgba(250,247,242,.94);color:#355346;font:12px/1.5 system-ui;cursor:pointer;pointer-events:auto;touch-action:manipulation;box-shadow:0 2px 8px #173b3009}
.hero-motion-toggle[hidden]{display:none!important}
.hero-motion-toggle:focus-visible{outline:3px solid #9b7948;outline-offset:3px}
.hero-motion-toggle svg{width:12px;height:12px;fill:currentColor}
.hero-motion-toggle:disabled{cursor:wait;color:#69766c}
.hero-motion-toggle span{position:absolute;right:52px;bottom:4px;width:max-content;max-width:220px;padding:7px 11px;border-radius:8px;background:#faf7f2;color:#355346;box-shadow:0 2px 12px #173b3012;opacity:0;visibility:hidden;pointer-events:none;font-size:12px}
/* Touch browsers can retain :hover after a tap. Show the label only for a mouse or keyboard. */
@media(hover:hover) and (pointer:fine){.hero-motion-toggle:hover span{opacity:1;visibility:visible}}
.hero-motion-toggle:focus-visible span{opacity:1;visibility:visible}
@media(max-width:800px){
 .a-hero .hero-art{position:relative;inset:auto;z-index:0;order:2;width:100%;aspect-ratio:1856/848;height:auto;margin:18px 0 0}
 .a-hero .hero-art .a-hero-scene,.a-hero .hero-product-film,.a-hero .hero-final-still{aspect-ratio:auto;object-fit:contain;height:100%;margin:0}
 .hero-motion-toggle{right:10px;bottom:10px;margin:0}
 .hero-motion-toggle span{max-width:180px}
}
@media(prefers-reduced-motion:reduce){.a-hero .hero-product-film,.a-hero .hero-final-still,.hero-motion-toggle{display:none!important}}

/* Mobile: a short, once-only decorative film; no floating playback control. */
@media(max-width:800px){.a-hero .hero-motion-toggle{display:none!important}}