/* Shared video composition; pack tokens own colors, typography, spacing and radius. */
.site-video-collection .site-video-heading { margin-bottom:32px; max-width:900px; }
.site-video-collection .site-video-heading h2 { margin:0 0 16px; }
.site-video-collection .site-video-heading p { margin:0; }
.site-video-grid { display:grid; grid-template-columns:repeat(var(--video-columns),minmax(0,1fr)); gap:24px; align-items:start; }
.site-video-card { min-width:0; }
.site-video-card h3 { font-size:18px; font-weight:500; line-height:1.4; margin:12px 0 0; }
.site-video-stage { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:var(--resolved-radius,16px); background:#181a20; color:#fff; }
.site-video-grid[data-orientation="portrait"] .site-video-stage { aspect-ratio:9/16; }
.site-video-grid[data-orientation="square"] .site-video-stage { aspect-ratio:1; }
.site-video-grid[data-orientation="portrait"] .site-video-card:only-child { width:min(100%,440px); justify-self:center; }
.site-video-grid[data-orientation="square"] .site-video-card:only-child { width:min(100%,680px); justify-self:center; }
.site-video-stage > iframe,.site-video-stage > .vb-player,.site-video-play { position:absolute; inset:0; width:100%; height:100%; border:0; }
.site-video-stage > .vb-player { aspect-ratio:auto; border-radius:inherit; }
.site-video-stage .vb-player > video { width:100%; height:100%; object-fit:contain; }
.site-video-play { display:grid; place-items:center; padding:0; color:inherit; background:transparent; cursor:pointer; }
.site-video-play img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.site-video-play > span { position:relative; display:grid; place-items:center; width:72px; height:72px; border:1px solid #ffffff80; border-radius:50%; background:#25273155; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); transition:background .2s,transform .2s; }
.site-video-play:hover > span { background:#25273188; transform:scale(1.04); }
.site-video-play:focus-visible { outline:3px solid var(--site-accent,#ff4b65); outline-offset:-4px; }
.site-video-actions { display:flex; justify-content:space-between; gap:12px; margin-top:10px; font-size:14px; }
.site-video-actions button { border:0; background:transparent; font:inherit; color:inherit; cursor:pointer; padding:0; }
.site-video-actions a { color:inherit; margin-left:auto; }
.site-video-actions [hidden],.site-video-play[hidden] { display:none; }
.site-video-empty { display:grid; place-items:center; padding:24px; text-align:center; box-sizing:border-box; color:#e2e3e7; }
@media(max-width:900px) { .site-video-grid { grid-template-columns:repeat(min(var(--video-columns),2),minmax(0,1fr)); gap:16px; } }
@media(max-width:560px) { .site-video-grid { grid-template-columns:1fr; gap:24px; } }
@media(prefers-reduced-motion:reduce) { .site-video-play > span { transition:none; } }