.media-slot{background:#000;border-radius:4px;position:relative;overflow:hidden}.media-graphic{aspect-ratio:1300/460}.media-video{aspect-ratio:16/9}@media (max-width:600px){.media-graphic{aspect-ratio:390/660}}.media-canvas{width:100%;height:100%;font-family:var(--mono);display:block}.media-poster,.media-clip{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-clip{opacity:0;transition:opacity .3s var(--ease-out)}.media-clip.is-playing{opacity:1}.work-item .media-slot{grid-column:1/-1;margin-top:clamp(20px,2.4vw,36px)}.case-media{max-width:72rem;margin:clamp(32px,4vw,56px) 0 0}@media (prefers-reduced-motion:reduce){.media-clip{transition:none}}