/* YouTube click-to-load embed: 9:16 frame, at most 80% of the window height, centred. .yt--sq is for square clips: 1:1, at most 560 px wide, centred. */
.yt{position:relative;width:min(100%,calc(80vh*9/16));aspect-ratio:9/16;margin:0 auto;background:#111;overflow:hidden}
.yt--sq{width:min(100%,560px);aspect-ratio:1/1}
.yt-btn{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;color:#fff;cursor:pointer;font:inherit}
.yt-btn img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.yt-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 48%)}
.yt-play{position:absolute;z-index:1;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:var(--red,#c40000);box-shadow:0 6px 28px rgba(0,0,0,.45);transition:transform .15s}
.yt-play::before{content:"";position:absolute;left:37px;top:27px;border-style:solid;border-width:19px 0 19px 31px;border-color:transparent transparent transparent #fff}
.yt-btn:hover .yt-play{transform:scale(1.07)}
.yt-btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.yt-lab{position:absolute;z-index:1;left:0;right:0;bottom:clamp(18px,4%,30px);text-align:center;color:#fff;font:500 14px/1.3 var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.7)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt noscript a{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff}
@media(max-width:860px){.yt-play{width:80px;height:80px;margin:-40px 0 0 -40px}.yt-play::before{left:32px;top:23px;border-width:17px 0 17px 27px}}
@media(prefers-reduced-motion:reduce){.yt-play{transition:none}}