/* Client video interviews (home quotes + case pages): poster card, plays in place on click. */
.testimonial-video{margin:60px 0 0 25%}
.testimonial-video .tv{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:25px;overflow:hidden;color:#fff;background:#0a0a0a;cursor:pointer;isolation:isolate;text-align:left}
.testimonial-video .tv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .8s}
.testimonial-video .tv:hover>img,.testimonial-video .tv:focus-visible>img{transform:scale(1.035);filter:grayscale(0)}
.tv-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#0000004d,#0000 26%,#0000 62%,#00000073)}
.tv-top{position:absolute;top:26px;left:30px;font-size:14px;letter-spacing:-.01em}
.tv-dur{position:absolute;right:30px;bottom:44px;font-size:14px;font-variant-numeric:tabular-nums}
.tv-disc{position:absolute;left:30px;bottom:26px;width:58px;height:58px;border-radius:50%;background:#fff;color:#0a0a0a;display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,1.35,.55,1)}
.tv-disc svg{width:18px;height:18px;margin-left:2px}
.testimonial-video .tv:hover .tv-disc,.testimonial-video .tv:focus-visible .tv-disc{transform:scale(1.12)}
.testimonial-video video[hidden],.tv-player[hidden]{display:none}
.testimonial-video.is-playing .tv{display:none}
/* Own player chrome: everything is clipped by the rounded card, no native grey panel or focus box. */
.tv-player{position:relative;aspect-ratio:16/9;border-radius:25px;overflow:hidden;background:#000;isolation:isolate;color:#fff}
.tv-player video{display:block;width:100%;height:100%;object-fit:cover;outline:0}
.tv-ui{position:absolute;inset:auto 0 0;padding:0 26px 22px;background:linear-gradient(#0000,#00000080);opacity:0;transition:opacity .35s;pointer-events:none}
.tv-player.ui-on .tv-ui,.tv-player.is-paused .tv-ui{opacity:1;pointer-events:auto}
.tv-player.ui-on,.tv-player.is-paused{cursor:default}
.tv-player:not(.ui-on):not(.is-paused){cursor:none}
.tv-progress{position:relative;height:16px;cursor:pointer;outline:0}
.tv-progress:before,.tv-progress span{content:"";position:absolute;left:0;right:0;top:7px;height:2px;border-radius:2px;background:#ffffff40}
.tv-progress span{background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.tv-progress:focus-visible:before{background:#ffffff80}
.tv-bar{display:flex;align-items:center;gap:14px;margin-top:6px}
.tv-bar button{border:0;padding:0;background:none;color:#fff;cursor:pointer;display:grid;place-items:center;outline:0}
.tv-bar button:focus-visible{box-shadow:0 0 0 2px #fff;border-radius:999px}
.tv-toggle{width:44px;height:44px;border-radius:50%;background:#fff!important;color:#0a0a0a!important}
.tv-toggle svg{width:15px;height:15px}
.tv-time{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;opacity:.9}
.tv-spacer{flex:1}
.tv-mute,.tv-full{width:32px;height:32px;opacity:.85;transition:opacity .2s}
.tv-mute:hover,.tv-full:hover{opacity:1}
.tv-mute svg,.tv-full svg{width:17px;height:17px}
.tv-player:fullscreen{border-radius:0}
@media(max-width:809px){
 .testimonial-video{margin:36px 0 0}
 .testimonial-video .tv,.tv-player{border-radius:18px}
 .tv-ui{padding:0 14px 12px}.tv-bar{gap:10px}.tv-toggle{width:36px;height:36px}.tv-toggle svg{width:12px;height:12px}.tv-time{font-size:11px}
 .tv-top{top:16px;left:18px;font-size:12px}
 .tv-dur{right:18px;bottom:28px;font-size:12px}
 .tv-disc{left:16px;bottom:16px;width:44px;height:44px}.tv-disc svg{width:14px;height:14px}
}
@media(hover:none){.testimonial-video .tv:hover>img{transform:none;filter:grayscale(1)}.testimonial-video .tv:hover .tv-disc{transform:none}}
@media(prefers-reduced-motion:reduce){.testimonial-video .tv>img,.tv-disc{transition:none}}

/* Case pages: card sits in the right column of the case-section grid. */
.case-interview .testimonial-video{margin:0}
