/* Inline video cards: play the video or separately open its case study. */
.inline-player{aspect-ratio:16/9;background:#101010}
.inline-player video{width:100%;height:100%;object-fit:contain}
.inline-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border:0;background:linear-gradient(transparent,rgba(0,0,0,.18));color:#fff}
.inline-play>span:first-child{display:grid;place-items:center;padding-left:3px;width:60px;height:60px;border:1px solid #ffffff80;border-radius:50%;background:#111b;font-size:18px;backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.inline-play>span:last-child{font:9px var(--mono);letter-spacing:.1em;text-shadow:0 1px 5px #000}
.inline-play:hover>span:first-child{background:#efefed;color:#111;transform:scale(1.06)}
.inline-play:focus-visible{outline-offset:-5px}
.case-study-link{font:9px/1.5 var(--mono);color:#bbb;white-space:nowrap;padding:8px 0 12px;border-bottom:1px solid #444}
.case-study-link:hover{color:#fff;border-color:#fff}
.playback-status{font-size:12px;color:#aaa;margin:12px 0 0}
@media(max-width:520px){.case-study-link{font-size:8px}.inline-play>span:first-child{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.inline-play>span:first-child{transition:none}}