.mst-video{display:grid;gap:3.2rem;align-items:center}
.mst-video__frame{display:block;aspect-ratio:var(--ratio,16/10);width:100%}
.mst-video__poster,.mst-video__poster img,.mst-video__poster>svg{position:absolute;inset:0;width:100%;height:100%}
.mst-video__poster img{object-fit:cover;display:block}
.mst-video__poster>svg{padding:22%;box-sizing:border-box;color:var(--mst-mute)}
.mst-video__frame video,.mst-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:cover}
.mst-video__frame.is-playing .mst-video__poster,.mst-video__frame.is-playing .mst-video__play{display:none}
.mst-video__play{position:absolute;top:50%;left:50%;width:7.6rem;height:7.6rem;margin:-3.8rem 0 0 -3.8rem;display:flex;align-items:center;justify-content:center;padding:0 0 0 .4rem;box-sizing:border-box;border:1px solid #fff;border-radius:50%;background:rgba(10,10,10,.18);color:#fff;cursor:pointer;transition:background-color .4s var(--mst-ease,ease),color .4s var(--mst-ease,ease),transform .4s var(--mst-ease,ease)}
.mst-video__play:hover{background:#fff;color:var(--mst-ink,#161616);transform:scale(1.05)}
.mst-video__play:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 5px rgba(10,10,10,.5)}
.mst-video__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}
.mst-video__content>*{margin:0}
.mst-video__content .mst-link{margin-top:1rem}
@media screen and (min-width:990px){
  .mst-video{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8rem}
  .mst-video--right .mst-video__media{order:2}
  .mst-video__content{padding-inline:2rem;max-width:56rem}
}
@media (prefers-reduced-motion:reduce){.mst-video__play{transition:none}}