.media-slot--video .media-slot__frame{overflow:hidden}
.media-slot__poster{position:absolute;inset:0;z-index:0}
.media-slot__poster img{display:block;width:100%;height:100%;object-fit:cover}
.media-slot--video .media-slot__frame::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(26,35,36,0) 45%,rgba(26,35,36,.82) 100%)}
.media-slot--video .media-slot__kind,.media-slot--video .media-slot__label,.media-slot--video .media-slot__play,.media-slot__len{position:relative;z-index:2}
.media-slot--video .media-slot__play{position:absolute}
.media-slot__len{font:600 11.5px/1 var(--f-type);letter-spacing:.06em}
.media-slot--video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--c-ink)}
.media-slot__text{border-top:1.5px solid var(--c-ink);padding:0 12px}
.media-slot__text summary{cursor:pointer;padding:10px 0;font:600 12px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.06em}
.media-slot__text summary:focus-visible{outline:3px solid var(--c-petrol);outline-offset:2px}
.media-slot__text p{margin:0 0 10px;font-size:15px;line-height:1.5}
.media-slot--video .media-slot__frame:has(.media-slot__poster) .media-slot__kind,.media-slot--video .media-slot__frame:has(.media-slot__poster) .media-slot__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.media-slot--video .media-slot__frame:has(.media-slot__poster)::before{background:linear-gradient(180deg,rgba(26,35,36,0) 62%,rgba(26,35,36,.7) 100%)}
.media-slot__len{justify-self:start;padding:5px 7px 4px;background:var(--c-sheet);color:var(--c-ink);border:1.5px solid var(--c-ink)}