.video-grid__container{margin:0 auto;max-width:var(--container-max,1200px)}.video-grid__filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:48px;padding:5px 0}.video-grid__filter{background:none;border:none;color:var(--color-slate-700);cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:700;line-height:26px;padding:0;transition:color .15s ease}.video-grid__filter.is-active,.video-grid__filter:hover{color:var(--color-blue)}.video-grid__grid{display:grid;gap:27px;grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid__card{display:flex;flex-direction:column;gap:20px}.video-grid__card[data-hidden=true]{display:none}.video-grid__thumbnail{aspect-ratio:342/192;background:var(--color-slate-100);border-radius:6px;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;width:100%}.video-grid__thumbnail img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-grid__thumbnail:hover img{transform:scale(1.03)}.video-grid__placeholder{align-items:center;color:#cbd5e1;display:flex;height:100%;justify-content:center;width:100%}.video-grid__placeholder svg{height:48px;width:48px}.video-grid__play-btn{align-items:center;background:rgba(0,0,0,.45);border-radius:50%;display:flex;height:64px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s ease,transform .2s ease;width:64px}.video-grid__play-btn svg{height:24px;margin-left:3px;width:24px}.video-grid__thumbnail:hover .video-grid__play-btn{background:rgba(0,0,0,.6);transform:translate(-50%,-50%) scale(1.08)}.video-grid__title{color:var(--color-slate-900);font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1.4;margin:0}.video-grid__desc{color:var(--color-slate-700);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;margin:6px 0 0}.video-lightbox-overlay{align-items:center;background:rgba(0,0,0,.85);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:9999}.video-lightbox-overlay.is-active{opacity:1;visibility:visible}.video-lightbox-overlay__inner{aspect-ratio:16/9;max-width:960px;position:relative;width:90vw}.video-lightbox-overlay__inner iframe,.video-lightbox-overlay__inner video{border:none;border-radius:8px;height:100%;width:100%}.video-lightbox-overlay__close{background:none;border:none;color:#fff;cursor:pointer;font-size:32px;line-height:1;padding:4px;position:absolute;right:0;top:-40px}.video-lightbox-overlay__close:hover{opacity:.7}@media (max-width:900px){.video-grid__grid{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.video-grid__grid{gap:32px;grid-template-columns:1fr}.video-grid__filters{gap:12px;margin-bottom:32px}.video-grid__filter{font-size:12px}.video-grid__title{font-size:16px}}