/* A work poster is an on-site playback control, with the same large-first layout. */
button.video-card{display:block;width:100%;min-width:0;padding:0;text-align:left;color:var(--ink);background:transparent}
button.video-card:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
button.video-card .video-poster>span{transition:transform 140ms var(--ease)}
button.video-card:active:not(:focus-visible) .video-poster>span{transform:translate(-50%,-50%) scale(.95)}
.video-dialog{max-height:calc(100dvh - 24px)}
.video-dialog iframe{max-height:calc(100dvh - 160px)}
/* Players are mounted immediately. The former load button remains only as an error retry. */
.embed-shell[data-embed-state]>p:not(.portfolio-video-status){display:none}
.embed-shell[data-embed-state=error]>button[data-embed-src]{display:flex;min-height:64px;padding:18px 24px}
.embed-shell[data-embed-state=error]>.portfolio-embed-player{display:none}
@media(prefers-reduced-motion:reduce){
 button.video-card .video-poster>span{transition:none}
 button.video-card:active:not(:focus-visible) .video-poster>span{transform:translate(-50%,-50%)}
}