.VideoGrid-module__YxI0mG__grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}.VideoGrid-module__YxI0mG__item{aspect-ratio:16/9;cursor:pointer;background:#111;position:relative;overflow:hidden}.VideoGrid-module__YxI0mG__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s,opacity .3s}.VideoGrid-module__YxI0mG__item:hover .VideoGrid-module__YxI0mG__thumbnail{opacity:.7;transform:scale(1.03)}.VideoGrid-module__YxI0mG__playButton{opacity:0;pointer-events:none;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.VideoGrid-module__YxI0mG__item:hover .VideoGrid-module__YxI0mG__playButton{opacity:1}.VideoGrid-module__YxI0mG__playIcon{border:8px solid #0000;border-left:16px solid #fff;border-right-width:0;width:0;height:0;margin-left:3px}.VideoGrid-module__YxI0mG__title{color:#fff;opacity:0;letter-spacing:.02em;font-size:.8rem;font-weight:400;transition:opacity .4s,transform .4s;position:absolute;bottom:12px;left:14px;transform:translateY(8px)}.VideoGrid-module__YxI0mG__item:hover .VideoGrid-module__YxI0mG__title{opacity:1;transform:translateY(0)}.VideoGrid-module__YxI0mG__modal{z-index:1000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.VideoGrid-module__YxI0mG__modalContent{aspect-ratio:16/9;width:80vw;max-width:1200px}.VideoGrid-module__YxI0mG__iframe{border:none;width:100%;height:100%}.VideoGrid-module__YxI0mG__closeButton{color:#fff;z-index:1001;opacity:.7;cursor:pointer;padding:8px;font-size:1.5rem;font-weight:300;transition:opacity .3s;position:fixed;top:20px;right:24px}.VideoGrid-module__YxI0mG__closeButton:hover{opacity:1}@media (max-width:768px){.VideoGrid-module__YxI0mG__grid{grid-template-columns:repeat(2,1fr)}.VideoGrid-module__YxI0mG__modalContent{width:95vw}}@media (max-width:480px){.VideoGrid-module__YxI0mG__grid{grid-template-columns:1fr}}