#root .ref-main .ref-video-page{padding-bottom:64px;background:#fff}
#root .ref-video-page>.ref-page-banner{min-height:220px;margin-bottom:0}
#root .ref-video-page>.ref-page-banner h1{font-size:34px}
#root .video-library{padding-top:28px}
#root .video-feature-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}
#root .video-lead,#root .video-side,#root .video-card{min-width:0}
#root .video-tile{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:#0d2d4c;aspect-ratio:16/9;cursor:pointer;text-align:left;color:#fff}
#root .video-tile>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
#root .video-tile:hover>img{transform:scale(1.035)}
#root .video-tile-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,21,37,.78),rgba(4,21,37,.06) 68%),linear-gradient(90deg,rgba(4,21,37,.18),transparent 55%)}
#root .video-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e53935;color:#fff;box-shadow:0 3px 12px #001d3780;transform:translate(-50%,-50%);transition:transform .2s,background .2s}
#root .video-tile:hover .video-play{background:#d32320;transform:translate(-50%,-50%) scale(1.09)}
#root .video-tile-copy{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:5px;text-shadow:0 1px 4px #00182d}
#root .video-tile-copy small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c5e2fb}
#root .video-tile-copy strong{max-width:85%;font-size:clamp(19px,2.15vw,29px);line-height:1.18;font-weight:800;text-transform:uppercase}
#root .video-card-info{padding:12px 0 0}
#root .video-card-info>span{display:block;color:#12518b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
#root .video-card-info h3{margin:5px 0 8px;color:#253d55;font-size:15px;line-height:1.45;font-weight:700}
#root .video-card-info p{display:flex;align-items:center;gap:6px;margin:0;color:#718091;font-size:12px}
#root .video-side{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(140px,1fr);gap:9px;align-items:start;padding-top:0}
#root .video-side .video-card-info{padding:0 0 0 2px}
#root .video-side .video-card-info h3{margin:3px 0 7px;font-size:15px;text-transform:uppercase}
#root .video-side .video-card-info p{font-size:11px}
#root .video-grid-section{margin-top:28px}
#root .video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
#root .video-card{overflow:hidden;background:#f2f4f6;border-radius:3px}
#root .video-card .video-tile{aspect-ratio:1.45/1}
#root .video-card .video-tile-shade{background:linear-gradient(0deg,rgba(0,0,0,.38),rgba(0,0,0,.16))}
#root .video-card .video-play{width:40px;height:40px}
#root .video-card .video-card-info{position:relative;min-height:86px;margin-top:-86px;padding:9px 12px 11px;background:#ffffffe3;backdrop-filter:blur(4px)}
#root .video-card .video-card-info h3{margin:5px 0 10px;font-size:14px;line-height:1.42}
#root .video-library-state{min-height:290px;display:grid;align-content:center;justify-items:center;gap:10px;color:#6a7b8d;text-align:center}
#root .video-library-state svg{color:#15558f}
#root .video-library-state h2{margin:0;color:#164d80;font-size:23px}
#root .video-library-state p{margin:0}
#root .video-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;overflow:auto;padding:26px;background:rgba(4,17,31,.84)}
#root .video-modal-panel{position:relative;width:min(100%,1000px);max-height:calc(100vh - 52px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 20px 70px #00172e80}
#root .video-modal-panel>iframe,#root .video-modal-panel>video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#06192a}
#root .video-modal-panel>video{object-fit:contain}
#root .video-modal-close{position:absolute;z-index:1;right:12px;top:12px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff80;border-radius:50%;background:#071b2bd9;color:#fff;cursor:pointer}
#root .video-modal-caption{padding:18px 22px 22px}
#root .video-modal-caption>span{color:#1763a3;font-size:11px;font-weight:800;text-transform:uppercase}
#root .video-modal-caption h2{margin:5px 0 8px;color:#133f68;font-size:22px}
#root .video-modal-caption p{margin:0;color:#617487;font-size:14px;line-height:1.6}
@media(max-width:900px){#root .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#root .video-side{grid-template-columns:1fr}#root .video-side .video-card-info{padding:0}}
@media(max-width:650px){#root .ref-main .ref-video-page{padding-bottom:38px}#root .ref-video-page>.ref-page-banner{min-height:150px}#root .ref-video-page>.ref-page-banner h1{font-size:23px}#root .video-library{padding-top:18px}#root .video-feature-layout{grid-template-columns:1fr;gap:17px}#root .video-tile-copy{left:13px;right:13px;bottom:12px}#root .video-tile-copy strong{max-width:100%;font-size:19px}#root .video-play{width:43px;height:43px}#root .video-side{grid-template-columns:minmax(125px,.9fr) minmax(120px,1fr);gap:10px}#root .video-side .video-card-info h3{font-size:13px}#root .video-side .video-card-info>span{font-size:9px}#root .video-card-info h3{font-size:14px}#root .video-grid-section{margin-top:23px}#root .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#root .video-card .video-tile{aspect-ratio:1.3/1}#root .video-card .video-card-info{min-height:88px;margin-top:-88px;padding:8px 9px 10px}#root .video-card .video-card-info h3{font-size:13px}#root .video-modal{padding:12px}#root .video-modal-panel{max-height:calc(100vh - 24px)}#root .video-modal-caption{padding:13px 15px 17px}#root .video-modal-caption h2{font-size:19px}}