/* Full portrait frame, with controls below the face on mobile. */
.media-tile--yaga { isolation:isolate; background:#09090c; }
.media-tile--yaga::before { content:""; position:absolute; z-index:-1; inset:-24px; background:url("yaga-shchekino-20260919/poster.webp") center/cover; filter:blur(22px) brightness(.5); }
.media-tile--yaga::after { background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.72)); }
.media-tile--yaga img { display:block; object-fit:contain; object-position:center; filter:none; }
.media-tile--yaga:hover img { transform:none; filter:brightness(1.04); }
.media-tile--yaga:focus-visible { outline:3px solid #ffd166; outline-offset:4px; }
.media-tile--yaga .media-play-label { letter-spacing:.025em; }
.media-tile--yaga .media-play-label small { display:block; margin-top:.3rem; font:400 .8rem/1.3 system-ui,sans-serif; letter-spacing:0; text-transform:none; color:#eee; }
.media-dialog--yaga { width:min(calc(100% - 1.5rem),calc((100vh - 6rem) * .5625),27rem); width:min(calc(100% - 1.5rem),calc((100dvh - 6rem) * .5625),27rem); max-height:94vh; max-height:94dvh; overflow:auto; }
.media-dialog--yaga .media-dialog__head { min-height:0; padding:.65rem .75rem; gap:.5rem; }
.media-dialog--yaga .media-dialog__head h2 { font-size:1.1rem; line-height:1.25; }
.media-dialog--yaga video { width:100%; height:auto; aspect-ratio:9/16; max-height:none; object-fit:contain; }
@media (max-width:46.99rem) and (orientation:portrait) {
  .section--media .media-tile--yaga { height:auto; aspect-ratio:3/4; }
  .media-tile--yaga::after { background:linear-gradient(180deg,transparent 73%,rgba(0,0,0,.8)); }
  .media-tile--yaga .media-play-icon { top:auto; bottom:1rem; left:1rem; width:44px; height:44px; transform:none; font-size:1rem; background:rgba(12,12,15,.65); }
  .media-tile--yaga .media-play-label { left:76px; right:12px; bottom:1rem; text-align:left; font:600 1rem/1.3 system-ui,sans-serif; letter-spacing:0; text-transform:none; }
}
@media (orientation:landscape) and (max-height:32rem) {
  .media-dialog--yaga { width:min(calc(100% - 1.5rem),32rem); }
  .media-dialog--yaga .media-dialog__head h2 { font-size:.95rem; }
  .media-dialog--yaga video { width:auto; max-width:100%; height:calc(100vh - 6rem); height:calc(100dvh - 6rem); margin:0 auto; }
}