/* Public video library: no media download before the visitor chooses a clip. */
.section--videos { background: #f6f5ed; }
.page-hero--videos { min-height: 580px; }
.video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.video-grid[hidden], .videos-empty[hidden] { display: none; }
.video-card { min-width: 0; overflow: hidden; border-radius: 24px; background: #fff; border: 1px solid #071a2314; }
.video-card__stage { aspect-ratio: 16/9; background: #071a23; position: relative; display: grid; place-items: center; }
.video-card__stage video, .video-card__stage iframe { display: block; width: 100%; height: 100%; position: absolute; inset: 0; border: 0; object-fit: contain; }
.video-card__play { cursor: pointer; border: 0; padding: 0; background: #071a23; color: white; position: absolute; inset: 0; width: 100%; overflow: hidden; }
.video-card__play img { width: 100%; height: 100%; object-fit: cover; opacity: .65; transition: transform .3s; }
.video-card__play:hover img { transform: scale(1.035); }
.video-card__play:focus-visible { outline: 4px solid #f3cf00; outline-offset: -4px; }
.video-card__play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -65%); width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: #f3cf00; color: #071a23; font-size: 1.4rem; padding-left: 3px; }
.video-card__play-label { position: absolute; bottom: 14px; inset-inline: 12px; font-weight: 700; }
.video-card__body { padding: 24px; }
.video-card__body h3 { font-size: 1.55rem; line-height: 1.2; margin-bottom: 12px; overflow-wrap: anywhere; }
.video-card__body p { overflow-wrap: anywhere; }
.video-card__body .eyebrow { font-size: .66rem; margin-bottom: 12px; }
.video-card__privacy { font-size: .8rem; margin: 14px 0 8px; }
.video-card__external { text-decoration: underline; font-size: .88rem; font-weight: 700; }
.video-card__error { color: #fff; padding: 18px; font-size: .85rem; }
.video-card__error a { color: #f3cf00; text-decoration: underline; }
.videos-empty { text-align: center; padding: 48px 24px; border: 1px dashed #071a2333; border-radius: 24px; background: #ffffffa8; }
.videos-empty h3 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 12px; }
.videos-empty p { margin-bottom: 22px; }
.videos-empty__icon { width: 68px; height: 68px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 22px; font-size: 2.3rem; color: #071a23; background: #f3cf00; }
.videos-empty--compact { display: flex; gap: 26px; align-items: center; text-align: left; padding: 28px; }
.videos-empty--compact .videos-empty__icon { margin: 0; flex-shrink: 0; }
.videos-empty--compact p { margin: 0; }
@media (min-width: 901px) { .main-nav { gap: clamp(9px, 1.3vw, 19px); } }
@media (min-width: 901px) and (max-width: 1100px) { .header__inner .brand__text { display: none; } }
@media (max-width: 1000px) { .video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .video-grid { grid-template-columns: 1fr; }
  .page-hero--videos { min-height: 540px; }
  .videos-empty--compact { flex-direction: column; text-align: center; }
  .video-card__body { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) { .video-card__play img { transition: none; } }