.video-library-heading{margin-bottom:32px}.video-library-heading h2{font-size:var(--font-section);font-weight:500;line-height:1.4}.video-library-heading p{color:var(--muted);font-size:var(--font-body);margin-top:16px}.video-categories{flex-wrap:wrap}.video-categories a{min-height:44px;display:inline-flex;align-items:center}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.video-card{min-width:0;scroll-margin-top:120px}.video-open{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.video-cover{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}.video-cover img{display:block;width:100%;height:100%;object-fit:contain;background:var(--navy)}.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#031d3a99);pointer-events:none}.video-play-icon{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fffffff0;color:var(--blue);transition:background .2s,color .2s}.video-play-icon svg{width:26px;height:26px;fill:currentColor}.video-watch{position:absolute;z-index:1;right:16px;bottom:12px;color:white;font-size:var(--font-meta)}.video-copy{display:block;padding-top:20px}.video-category{display:block;font-size:var(--font-meta);color:var(--muted);margin-bottom:8px}.video-title{display:block;font-size:var(--font-card);font-weight:500;line-height:1.5;overflow-wrap:anywhere}.video-open:hover .video-title{color:var(--blue)}.video-open:hover .video-play-icon{background:var(--blue);color:white}.video-open:focus-visible,.video-player-close:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.video-player-open{overflow:hidden}.video-player-dialog{width:min(1000px,calc(100% - 40px));max-height:92dvh;margin:auto;padding:0;border:0;background:#071d34;color:white;box-shadow:0 20px 80px #0006}.video-player-dialog::backdrop{background:#03101cce}.video-player-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}.video-player-heading h2{font-size:var(--font-card);font-weight:500;line-height:1.4}.video-player-close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;color:white;font-size:32px;cursor:pointer}.video-player-dialog video{display:block;width:100%;max-height:72dvh;min-height:180px;background:black}.video-player-status{padding:16px 20px;font-size:var(--font-body)}.video-player-status a{color:#9dd5ff;text-decoration:underline}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.video-library-heading h2{font-size:var(--font-section)}.video-grid{grid-template-columns:1fr;gap:32px}.video-player-dialog{width:calc(100% - 24px)}.video-player-heading{padding:8px 14px}.video-player-heading h2{font-size:var(--font-body)}.video-categories{gap:8px 24px}}
@media(prefers-reduced-motion:reduce){.video-play-icon{transition:none}}

/* Neutral video cards and portrait-video letterboxing. */
.video-card{background:#f3f4f6}.video-cover,.video-cover img{background:#e9ebee}.video-cover::after{background:linear-gradient(transparent 72%,#202b3c22)}.video-copy{padding:20px 22px 24px}.video-watch{color:#263b52;background:#ffffffd9;padding:3px 8px;border-radius:3px}