.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
@media(max-width:360px){.hero.hero-brand .carousel-controls button{width:28px;flex-basis:28px;padding:0}}
.hero-brand{background-color:#080d0e;background-position:center;background-size:cover}
.hero-brand.video-ready .hero-video{opacity:1}
.hero-brand .hero-video{opacity:1}
.hero-brand{background-image:none!important}
.hero-brand:before{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 48%);opacity:1}
.hero-brand .hero-copy{z-index:2;max-width:45%;padding:40px 4%}
.hero-brand h1{font-size:56px;white-space:nowrap}
.hero-brand .intro{font-size:22px}
.hero .carousel-controls{z-index:3}
.hero-audio{position:absolute;right:25px;bottom:25px;z-index:3;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #788278;border-radius:4px;background:#181d18;color:#fff;cursor:pointer;font:13px Arial,sans-serif}
.hero-audio[hidden],.hero .product-caption[hidden]{display:none}
.hero-audio:hover{border-color:#fff;background:#293229}
.hero-audio:focus-visible{outline:3px solid #a7ed55;outline-offset:3px}
.hero:not(.hero-brand) .hero-video{display:none}
@media(max-width:1100px){.hero-brand h1{font-size:40px}.hero-brand .hero-copy{max-width:48%}}
@media(min-width:701px) and (max-width:1100px){.hero.hero-brand h1{font-size:40px!important}}
@media(max-width:360px){.hero.hero-brand h1{font-size:40px!important}}
@media(max-width:700px){.hero-brand .hero-video{top:240px;bottom:120px;height:calc(100% - 360px);object-fit:cover;object-position:center}}
@media(max-width:700px){.hero.hero-brand{min-height:710px}.hero-brand .hero-copy{max-width:none;padding:30px 24px}.hero-brand h1{font-size:44px}.hero-brand .intro{font-size:20px}.hero-brand .hero-video{object-fit:cover;object-position:50% 70%}.hero-brand{background-position:50% 70%}.hero-brand:before{background:linear-gradient(#0009,transparent 55%)}.hero-brand .hero-copy .cta{padding:12px 16px}.hero-brand .carousel-controls{bottom:22px;gap:4px;right:auto;left:14px}.hero-brand .carousel-controls button{width:34px;height:40px;flex-basis:34px}.hero-audio{right:14px;bottom:72px}}
