.client-video-layout { display:grid; gap:2rem; align-items:center; }
.client-video-copy { min-width:0; }
.client-video-actions { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:1.5rem; }
.client-video-more { color:#0A1E4A; font-size:.875rem; font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.client-video-frame { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:1rem; background:#0A1E4A; box-shadow:0 16px 38px -24px rgba(10,30,74,.45); }
.client-video-play { display:block; position:absolute; inset:0; color:#fff; }
.client-video-play img { width:100%; height:100%; object-fit:cover; }
.client-video-play:focus-visible { outline:3px solid #D52B1E; outline-offset:-4px; }
.client-video-play-icon { position:absolute; left:50%; top:72%; transform:translate(-50%,-50%); display:grid; place-items:center; width:4.5rem; height:3.2rem; border-radius:.8rem; background:#D52B1E; box-shadow:0 4px 16px rgba(0,0,0,.22); transition:background .15s ease; }
.client-video-play:hover .client-video-play-icon { background:#b82318; }
.client-video-play-icon svg { width:1.5rem; height:1.5rem; fill:currentColor; }
.client-video-duration { position:absolute; right:.75rem; bottom:.75rem; padding:.2rem .45rem; border-radius:.3rem; font-size:.75rem; font-weight:600; background:rgba(0,0,0,.75); }
.client-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.client-video-caption { margin-top:.75rem; color:#6b7280; font-size:.8125rem; line-height:1.5; }
.client-video-caption a { color:#0A1E4A; text-decoration:underline; text-underline-offset:3px; }
@media (min-width:1024px) { .client-video-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:3rem; } }
@media (prefers-reduced-motion:reduce) { .client-video-play-icon { transition:none; } }