.video-section{padding:65px 0 75px;border-top:1px solid var(--line);background:#eff3fb}
.video-section .section-heading{margin-bottom:32px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.video-card{min-width:0;scroll-margin-top:35px}
.video-stage{position:relative;aspect-ratio:16/10;background:#1a211d;border-radius:12px;overflow:hidden}
.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#1a211d}
.video-stage [hidden],.video-error[hidden]{display:none}
.video-start{display:block;position:relative;width:100%;height:100%;padding:0;background:#1a211d;color:white;cursor:pointer}
.video-start>img{width:100%;height:100%;object-fit:contain;opacity:.87;transition:opacity .2s}
.video-start:hover>img{opacity:1}
.video-start:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.video-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#07102112;pointer-events:none}
.video-play>svg{width:52px;height:52px;padding:13px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 5px 18px #0003;transition:transform .2s}
.video-start:hover .video-play>svg{transform:scale(1.08)}
.video-play>span{font-size:11px;padding:4px 8px;border-radius:4px;background:#111a20b8;line-height:1.6}
.video-info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:14px}
.video-info h3{font-size:17px;line-height:1.6;font-weight:600;letter-spacing:-.02em}
.video-info p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:4px}
.video-duration{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap;padding-top:7px;font-variant-numeric:tabular-nums}
.video-duration .icon{width:14px;height:14px}
.video-error,.video-direct{font-size:12px;line-height:1.8;padding-top:10px;color:#5a6257}
.video-error a,.video-direct a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.case-video-link{margin-top:22px;color:var(--blue)}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.video-info h3{font-size:18px}}
@media(max-width:760px){.video-section{padding:42px 0 48px}.video-grid{grid-template-columns:1fr;gap:29px}.video-section .section-heading{display:block;margin-bottom:26px}.video-section .section-note{display:block;margin-top:12px;font-size:13px;line-height:1.8}.video-section .section-note br{display:none}.video-stage{border-radius:10px;aspect-ratio:16/10}.video-info{padding-top:12px}.video-info h3{font-size:18px}.video-duration{font-size:12px}.video-play>svg{width:54px;height:54px}.video-play>span{font-size:12px}.video-card{scroll-margin-top:22px}.project-page .site-header nav{gap:16px}}
@media(max-width:380px){.site-header nav{gap:10px}.site-header .wordmark{gap:7px}.site-header .contact-nav span{display:none}.project-page .site-header nav{gap:12px;font-size:11px}.video-info h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.video-start>img,.video-play>svg{transition:none}}