.hero__art--video{height:auto;display:block}
.hero__art--video .hero__video-frame{position:relative;inset:auto;right:auto;top:auto;width:100%;height:auto;aspect-ratio:16/9;
  border:1px solid rgba(255,255,255,.21);border-radius:76px 14px 76px 14px;background:#0b2a2d;box-shadow:0 30px 56px rgba(0,0,0,.28);overflow:hidden;
  isolation:isolate}
.hero__art--video .hero__video-frame:after{display:none}
.hero__video{display:block;width:100%;height:100%;object-fit:cover;background:#0b2a2d}
.hero__sound{position:absolute;z-index:2;top:14px;right:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 15px 9px 12px;
  border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(4,24,30,.64);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#fff;font:800 12.5px/1 Nunito,Arial,sans-serif;letter-spacing:.01em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.hero__sound:hover{background:rgba(4,24,30,.82);border-color:#91e5a6;color:#91e5a6}
.hero__sound:focus-visible{outline:2px solid #91e5a6;outline-offset:3px}
.hero__sound svg{width:16px;height:16px;flex:none}
.hero__video-frame.is-sound .hero__sound{display:none}
.hero__grid--video{grid-template-columns:minmax(0,1fr) minmax(460px,1fr);gap:4.5%}
@media (max-width:1100px){.hero__grid--video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5%}}
@media (max-width:800px){
  .hero__grid--video{display:flex;flex-direction:column;align-items:stretch;gap:22px}
  .hero__art--video{max-width:none;margin:8px 0 0}
}
@media (max-width:650px){
  .hero__art--video{max-width:none;margin:12px 0 0}
  .hero__art--video .hero__video-frame{border-radius:44px 10px 44px 10px}
  .hero__sound{top:10px;right:10px;padding:8px 12px 8px 10px;font-size:12px}
}