.video-grid{display:flex;flex-wrap:wrap;gap:clamp(32px,25.7391px + 1.7391vw,36px) clamp(16px,12.8696px + .8696vw,24px);justify-content:center}section.video-grid>*{flex:0 1 calc(33.33333% - clamp(16px, 12.8696px + .8696vw, 24px)*2/3);min-width:0}@media (max-width:920px){section.video-grid>*{flex:0 1 calc(100% - clamp(16px, 12.8696px + .8696vw, 24px)*2)}}.video-card{display:flex;flex-direction:column;gap:clamp(12px,10.4348px + .4348vw,16px)}.video-card__thumbnail-btn{aspect-ratio:16/9;background-color:#eff3fa;border:1px solid rgba(0,0,0,.08);border-radius:12px;clip-path:border-box;cursor:pointer;display:block;margin:0;overflow:hidden;padding:0;position:relative;text-align:left;width:100%}.video-card__thumbnail-btn img{height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease;width:100%}.video-card__thumbnail-btn:hover img{opacity:.85}.video-card__play-icon{align-items:center;background:rgba(0,63,120,.85);border-radius:50%;color:#fff;display:flex;height:52px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease;width:52px}.video-card__thumbnail-btn:hover .video-card__play-icon{background:#003f78;transform:translate(-50%,-50%) scale(1.1)}.video-card__content{padding:0 clamp(8px,6.4348px + .4348vw,12px)}.video-card__description *{color:#003f78;font-size:clamp(16px,14.4348px + .4348vw,20px)}.video-modal{background:#000;border:none;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:900px;overflow:visible;padding:0;width:90vw}.video-modal::backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.8)}.video-modal__content{aspect-ratio:16/9;position:relative;width:100%}.video-modal__close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:32px;line-height:1;position:absolute;right:0;top:0}.video-card__preview{height:100%;object-fit:cover;pointer-events:none;width:100%}.video-modal__body{background:#000;border-radius:12px;height:100%;overflow:hidden;width:100%}.video-modal__body iframe,.video-modal__body video{aspect-ratio:16/9;border:none;height:100%;object-fit:contain;width:100%}#video-grid button:active,#video-grid button:focus,#video-grid button:hover,#video-modal button:active,#video-modal button:focus,#video-modal button:hover{background:transparent;outline:none;transform:scale(1)}