/* Keep the complete 3:2 edit and its stickers visible at every breakpoint. */
.ys-hero-video-frame{
  box-sizing:border-box;
  padding:4px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:12px;
  overflow:hidden;
  background:var(--ys-lab-glass,rgba(8,47,36,.55));
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 40px rgba(8,47,98,.08);
}
@media(min-width:992px){
  .hero .hero__visual.ys-hero-video-card{
    width:min(43vw,660px)!important;
    top:calc(11.7em + clamp(20px,2vw,36px))!important;
    left:47vw!important;
    right:auto!important;
  }
}
.hero .ys-hero-video-card .ys-hero-news-card__photo{
  position:relative;
  width:100%;
  aspect-ratio:3 / 2;
  flex:none;
}
.ys-hero-video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:inherit;
  opacity:0;
  pointer-events:none;
}
.ys-hero-video-ready .ys-hero-video{opacity:1}
.hero .ys-hero-video-card.ys-hero-video-ready .hero__visual-img{opacity:0}
.ys-hero-video-toggle{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:8px;
  border:1px solid #f7f3e955;
  border-radius:50%;
  background:#082f62b8;
  color:#f7f3e9;
  cursor:pointer;
  transition:opacity .24s ease-out,background .16s ease-out,box-shadow .24s ease-out;
}
.ys-hero-video-toggle svg{display:block;width:100%;height:100%}
.ys-hero-video-toggle:hover{background:#082f62}
.ys-hero-video-toggle:focus:not(:focus-visible){outline:none;box-shadow:none}
.ys-hero-video-toggle:focus-visible{opacity:1;pointer-events:auto;outline:3px solid #f7f3e9;outline-offset:3px}
.ys-hero-video-toggle[hidden]{display:none}
/* Reveal the control over the whole film; keep it available on touch screens. */
@media(hover:hover) and (pointer:fine){
  .ys-hero-video-toggle{opacity:0;pointer-events:none}
  .ys-hero-video-card:hover .ys-hero-video-toggle{
    opacity:1;
    pointer-events:auto;
    background:#082f62;
    box-shadow:0 0 0 1px #f7f3e933,0 0 16px #f7f3e940;
  }
}
@media(prefers-reduced-motion:reduce){
  .ys-hero-video-toggle{transition:none}
}