.video-content { padding-block:clamp(26px,4vw,48px); }
.video-content h2 { font:400 clamp(26px,3.2vw,39px)/1.13 Georgia,serif; }
.video-content .gallery-bar { margin-top:10px; }
.video-grid { gap:20px; }
.video-card h3 { margin:8px 0 0; font:500 14px/1.35 Arial,sans-serif; }
.video-frame { display:grid; place-items:center; aspect-ratio:16/9; background:#d7d8d2; border:1px solid var(--line); text-decoration:none; }
.video-frame span { display:grid; place-items:center; width:clamp(33px,3.5vw,46px); aspect-ratio:1; border-radius:50%; background:#f5f3ef; color:var(--accent); border:1px solid var(--line); font-size:20px; line-height:1; }
a.video-frame:hover span { background:var(--accent); color:white; }
.video-dialog { box-sizing:border-box; width:min(90vw,960px); max-height:94vh; border:1px solid var(--line); padding:18px; background:var(--paper); color:var(--ink); }
.video-dialog::backdrop { background:#151416bb; }
.video-dialog form { float:right; margin-left:12px; }
.video-dialog button { min-width:44px; min-height:44px; border:1px solid var(--line); background:var(--paper); color:var(--accent); font-size:24px; }
.video-dialog h2 { margin:0 0 14px; font-size:clamp(20px,3vw,30px); }
.video-dialog video { width:100%; max-height:72vh; background:#151416; }