/* fallow-ignore-file unused-file */
/* click-to-play hosted film (embed.py): our poster, a big play button, then the player at 16:9 */
.embed{margin:40px 0 0}
.embed-stage{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.embed-open{position:absolute;inset:0;display:block;cursor:pointer}
.embed-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s}
.embed-open:hover .embed-poster{transform:scale(1.02);filter:brightness(1.08)}
.embed-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.05) 40%,rgba(5,7,11,.45))}
.embed-play{position:absolute;left:50%;top:50%;z-index:1;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:#fff;box-shadow:0 0 0 10px rgba(47,123,255,.22),0 12px 40px -6px var(--glow);transition:transform .2s,box-shadow .2s}
.embed-play svg{width:44px;height:44px;fill:currentColor;margin-left:5px}
.embed-open:hover .embed-play,.embed-open:focus-visible .embed-play{transform:scale(1.07);box-shadow:0 0 0 14px rgba(47,123,255,.28),0 14px 48px -6px var(--glow)}
.embed-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.embed figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:16px;font-size:15px;color:var(--muted)}
.embed-alt{color:var(--signal2);margin-left:auto;font-size:14px}
@media (max-width:640px){.embed{margin-top:28px}.embed-play{width:68px;height:68px;margin:-34px 0 0 -34px}.embed-play svg{width:32px;height:32px}.embed-alt{margin-left:0}}