.promo-video{position:relative;overflow:hidden;background:#211d19}
.hero-art.promo-video{display:block;aspect-ratio:9/14;min-height:0;background:#241d19}
.hero-art.promo-video::before{display:none}
.hero-art.promo-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo-video__sound{position:absolute;z-index:3;top:14px;left:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(24,23,21,.8);color:#fff;cursor:pointer;opacity:0;transform:translateY(-5px);pointer-events:none;transition:opacity .18s,transform .18s,background .18s}
.promo-video__sound:hover{background:rgba(24,23,21,.96)}
.promo-video__sound:focus-visible{outline:3px solid #75a7ff;outline-offset:3px}
.promo-video__sound svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.promo-video:hover .promo-video__sound,.promo-video:focus-within .promo-video__sound,.promo-video.is-audible .promo-video__sound{opacity:1;transform:none;pointer-events:auto}
@media(hover:none){.promo-video__sound{opacity:1;transform:none;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.promo-video__sound{transition:none}}