.library{overflow:hidden}.library-subhead{display:grid;grid-template-columns:50px 220px 1fr;align-items:center;gap:18px;margin:58px 0 20px;padding-top:20px;border-top:1px solid var(--line)}.library-subhead>span{font-family:"Barlow Condensed";font-size:12px;font-weight:800;color:var(--blue)}.library-subhead h3{font-size:25px}.library-subhead p{justify-self:end;max-width:470px;color:#778398;font-size:11px;line-height:1.6}.video-heading{margin-top:80px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.video-card{position:relative;aspect-ratio:9/14;background:#0b1019;border:1px solid var(--line);overflow:hidden}.video-card video{display:block;width:100%;height:100%;object-fit:cover;background:#080b11}.video-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(transparent,rgba(4,6,10,.92));pointer-events:none}.video-card-label{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;display:flex;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.video-card-label strong{font-family:"Barlow Condensed";font-size:17px;line-height:1;text-transform:uppercase;letter-spacing:.3px}.video-card-label span{font-size:7px;color:var(--electric);font-weight:800;letter-spacing:1.2px;white-space:nowrap}.video-card video[controls]{cursor:pointer}.video-card:hover{border-color:#3c6dbb}.video-card:hover video{filter:brightness(1.08)}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.video-grid{grid-template-columns:repeat(2,1fr)}.library-subhead{grid-template-columns:35px 1fr}.library-subhead p{grid-column:2;justify-self:start;margin-top:0}}
@media(max-width:460px){.video-grid{gap:8px}.video-card-label{left:10px;right:10px;bottom:11px}.video-card-label strong{font-size:14px}.video-card-label span{display:none}}