#videos.video-section{width:100%;max-width:1450px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{display:block;width:100%;padding:0;background:#1b1f18;border:1px solid var(--border);border-radius:14px;overflow:hidden;color:var(--white);text-align:left;cursor:pointer}
.video-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#242b1e}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--lime);color:#151a10;font-size:23px}
.video-title{display:block;padding:16px;font-size:16px}
.video-card:hover,.video-card:focus-visible{border-color:var(--lime)}
.video-card:hover img{transform:scale(1.035)}
.video-card:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
#video-empty{color:var(--muted);padding:25px 0;border-top:1px solid var(--border)}
#video-lightbox{box-sizing:border-box;width:min(960px,94vw);max-width:94vw;max-height:94dvh;padding:22px;border:1px solid var(--border);border-radius:16px;background:#11160f;color:var(--white);overflow:auto}
#video-lightbox::backdrop{background:rgba(0,0,0,.88)}
#video-title{font-size:24px;margin:0 48px 18px 0}
#video-player{display:block;width:100%;height:auto;max-height:74dvh;object-fit:contain;background:#000}
#video-close{position:absolute;top:12px;right:12px;width:42px;height:42px;background:#292f23;color:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer}
.footer-social{display:flex;justify-content:center;padding:24px 0 5px;margin-top:20px;border-top:1px solid var(--border)}
.footer-social a{display:inline-flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;font-size:16px}
.footer-social a:hover,.footer-social a:focus-visible{color:var(--lime)}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.video-grid{grid-template-columns:1fr}#video-lightbox{padding:16px}}
@media(prefers-reduced-motion:reduce){.video-thumb img{transition:none}.video-card:hover img{transform:none}}