.wip-staff-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.5vw,24px);margin-top:clamp(12px,1.5vw,24px);align-items:start}
.wip-staff-art{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#fff;cursor:pointer;container-type:inline-size;transition:transform .22s ease}
.staff-image-crop{position:absolute;inset:0;overflow:hidden}
.staff-image-crop img{position:absolute;width:108.82%;height:108.55%;max-width:none;left:-4.3%;top:-4.55%;object-fit:fill}
.wip-staff-art:hover .image-click-label,.wip-staff-art:focus-visible .image-click-label{opacity:1}
.wip-staff-art:hover img{filter:brightness(.96) saturate(1.12)}
.wip-staff-art.is-playing{transform:scale(1.04)}
.wip-staff-art:focus-visible{outline:2px solid #a9c9c3;outline-offset:5px}
.wip-staff-names{font-size:10pt;line-height:1.85;color:#e2e8e8}
.wip-staff-names h2{font-size:inherit;margin:0;font-weight:700}
.staff-player-dialog{width:min(80vw,1200px)}
.staff-player-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 20px;font-size:14px}
.staff-player-controls input{flex:1;min-width:100px;accent-color:#a9c9c3}
.staff-player-controls button{font:inherit;color:#fff;background:transparent;border:1px solid #a9c9c3;padding:7px 12px;cursor:pointer}
.staff-player-controls a{color:#a9c9c3}
.staff-player-dialog:fullscreen{width:100vw;max-height:100dvh;border:0;display:flex;flex-direction:column}
.staff-player-dialog:fullscreen .video-player-frame{flex:1;aspect-ratio:auto}
@media(max-width:560px){.wip-staff-row{gap:12px}.staff-player-dialog{width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){.wip-staff-art{transition:none}}

/* Visible play affordance with mouse, keyboard, and touch feedback. */
.wip-staff-art .staff-play-icon{color:#a9c9c3;width:64px;height:64px;transition:background .2s ease,border-color .2s ease}
.wip-staff-art .staff-image-crop img{transition:filter .2s ease}
.wip-staff-art:hover .staff-image-crop img,.wip-staff-art:focus-visible .staff-image-crop img,.wip-staff-art:active .staff-image-crop img,.wip-staff-art.is-touching .staff-image-crop img{filter:brightness(.82) contrast(1.08) saturate(1.2)}
.wip-staff-art:hover .staff-play-icon,.wip-staff-art:focus-visible .staff-play-icon,.wip-staff-art:active .staff-play-icon,.wip-staff-art.is-touching .staff-play-icon{background:rgba(20,35,49,.95);border-color:#a9c9c3}
@media(prefers-reduced-motion:reduce){.wip-staff-art .staff-play-icon,.wip-staff-art .staff-image-crop img{transition:none}}