/* Short videos: every card uses the same 9:16 frame, navy shade, platform tag and play button. */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin:30px 0 0}
.video-card{margin:0}
.video-card[hidden]{display:none}
.video-card-link{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--navy);color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 10px 26px rgba(11,37,69,.14)}
.video-cover,.video-cover img{position:absolute;inset:0;width:100%;height:100%}
.video-cover img{object-fit:cover;transition:transform .5s ease}
.video-card-link::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,37,69,.45) 0,rgba(11,37,69,0) 22%,rgba(11,37,69,0) 48%,rgba(11,37,69,.92) 100%)}
.video-card-link:hover .video-cover img,.video-card-link:focus-visible .video-cover img{transform:scale(1.04)}
.video-card-link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.video-platform{position:absolute;z-index:2;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.94);color:var(--navy);font-size:12px;font-weight:700;line-height:1}
.video-platform i{font-size:13px}
.video-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s ease}
.video-play svg{width:24px;height:24px;margin-left:3px;fill:currentColor}
.video-card-link:hover .video-play{transform:scale(1.08)}
.video-meta{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;gap:6px}
.video-meta small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffb380}
.video-card .video-title{margin:0;font-size:17px;line-height:1.3;font-weight:700;color:#fff;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.video-filters{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.video-filters button{min-height:40px;padding:0 18px;border:1px solid rgba(11,37,69,.2);border-radius:99px;background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.video-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.video-filters button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
/* Home page row */
.home-videos-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.home-videos-head h2{margin:8px 0 0}
.video-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
/* Video page */
.video-detail{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:start;margin-top:10px}
.video-detail[data-shape=horizontal]{grid-template-columns:1fr}
.video-stage{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:9/16}
.video-detail[data-shape=horizontal] .video-stage{aspect-ratio:16/9;max-width:960px}
.video-poster,.video-poster img,.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-poster img{object-fit:cover}
.video-poster .video-play{width:76px;height:76px;margin:-38px 0 0 -38px}
.video-copy h1{margin:10px 0 12px}
.video-copy .eyebrow i{margin-right:4px}
.video-more{margin-top:56px;padding-top:30px;border-top:1px solid var(--pale)}
.video-more h2{margin:0}
/* Player popup */
.video-dialog{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:auto}
.video-dialog::backdrop{background:rgba(5,15,30,.86)}
.video-dialog-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:100%;padding:56px 16px 24px;box-sizing:border-box;justify-content:center}
.video-dialog .video-frame{position:relative;width:min(400px,100%,calc((100vh - 190px) * 9 / 16));aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000}
.video-dialog[data-shape=horizontal] .video-frame{width:min(960px,100%,calc((100vh - 190px) * 16 / 9));aspect-ratio:16/9}
.video-dialog .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-dialog-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;max-width:960px;color:#fff;text-align:center}
.video-dialog-title{width:100%;font-size:17px}
.video-dialog .text-link{color:#fff;margin:0}
.video-dialog .button{margin:0}
.video-dialog-close{position:fixed;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.video-dialog-close:hover{background:rgba(255,255,255,.26)}
@media (max-width:860px){
  .video-detail{grid-template-columns:1fr;gap:28px}
  .video-stage{max-width:420px}
}
@media (max-width:760px){
  .video-grid,.video-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .video-card .video-title{font-size:14px}
  .video-meta{left:12px;right:12px;bottom:12px}
  .video-platform{top:10px;left:10px;font-size:11px;padding:4px 8px}
  .video-play{width:46px;height:46px;margin:-23px 0 0 -23px}
  .video-play svg{width:20px;height:20px}
}
@media (prefers-reduced-motion:reduce){.video-cover img,.video-play{transition:none}}