.project-videos { margin:24px 0; padding-top:20px; border-top:1px solid var(--border); }
.video-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
#project-page .video-section-heading h2 { margin:0; font-family:inherit; font-size:1rem; font-weight:650; line-height:1.4; }
.video-section-heading > span { flex:none; font-size:.75rem; color:var(--muted); }
#project-page .video-section-note { margin:6px 0 16px; font-size:.8125rem; }
.video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.video-card { min-width:0; overflow:hidden; border:1px solid var(--border); border-radius:10px; background:var(--paper); }
.video-screen { width:100%; min-height:200px; aspect-ratio:16/9; background:#18212d; }
.video-preview { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; width:100%; height:100%; min-height:200px; padding:0; overflow:hidden; border:0; border-radius:0; background:#18212d; color:#fff; cursor:pointer; text-decoration:none; }
.video-preview img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.video-preview::after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.8)); pointer-events:none; }
.video-play-mark { position:relative; z-index:1; display:grid; place-items:center; width:54px; height:54px; padding-left:3px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(0,0,0,.65); font-size:20px; }
.video-preview-label { position:absolute; z-index:1; bottom:14px; left:12px; right:12px; font-size:.8125rem; font-weight:600; text-align:center; }
.video-publisher-preview { color:#cbd6e4; font-size:.875rem; }
.video-preview:hover .video-play-mark { background:var(--accent); }
.video-preview:focus-visible { outline:3px solid var(--accent); outline-offset:-4px; }
.video-screen iframe { display:block; width:100%; height:100%; min-height:200px; border:0; }
.video-card-body { padding:16px 16px 8px; }
.video-phase { display:inline-block; margin-bottom:8px; color:var(--accent); font-size:.6875rem; font-weight:650; letter-spacing:.04em; text-transform:uppercase; }
#project-page .video-card h3 { margin:0 0 8px; font-family:inherit; font-size:1rem; font-weight:650; line-height:1.35; overflow-wrap:anywhere; }
#project-page .video-byline { margin:0 0 10px; font-size:.75rem; color:var(--ink); }
.video-byline span { display:block; margin-top:2px; color:var(--muted); }
#project-page .video-description { margin:0 0 6px; font-size:.8125rem; }
.video-source { display:inline-flex; gap:7px; align-items:center; min-height:44px; color:var(--accent); font-size:.8125rem; font-weight:600; text-decoration:none; }
.video-source:hover { text-decoration:underline; }
@media(max-width:1100px) and (min-width:801px), (max-width:600px) { .video-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:no-preference) { .video-play-mark { transition:background .15s; } }