.hero{position:relative;isolation:isolate}
.hero-motion{position:absolute;inset:205px 0 0;overflow:hidden;pointer-events:none;z-index:0;opacity:.50;transition:opacity .3s ease}
.hero-motion:before,.hero-motion-image{position:absolute;inset:0;width:100%;height:100%;transform:translateX(clamp(-200px,-15vw,-165px));filter:contrast(.94)}
.hero-motion:before{content:"";background-position:center bottom;background-size:cover;background-repeat:no-repeat}
.hero-motion-image{object-fit:cover;object-position:center bottom;opacity:1;pointer-events:none}
.hero-motion-extension{position:absolute;inset:0 0 0 auto;width:34%;z-index:1;background:url('assets/hero-background-extension-v20.webp') right bottom / auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 48%)}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){.hero-motion:before{background-image:url('hero-fragment-clean-v2.jpg')}}
.hero-motion:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#f8f7f5 32px,#f8f7f566 13%,#f8f7f500 28%,#f8f7f526 68%,#f8f7f5 100%),radial-gradient(ellipse 20% 45% at 50% 55%,#f8f7f5 0%,#f8f7f5e6 28%,#f8f7f54d 64%,#f8f7f500 100%)}
.hero-visual,.hero-status{position:relative;z-index:1}
.hero-visual .viewer-fallback,.product-figure model-viewer{transition:none}
#product-viewer::part(default-progress-bar){display:none}
@media(max-width:850px){.hero-motion{display:none}}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none}}