/* BAN V20.1 — scoped visual adjustment only.
   Do not change the existing 3 video files, globe, planner or nav interaction JS. */

/* Homepage: genuinely light glass over the existing hero movie. */
html body.home.ban-home-videos-v20 .site-header[data-ban-glass-header] {
  background: rgba(7, 23, 39, 0.045) !important;
  background-image: linear-gradient(180deg, rgba(242, 251, 255, 0.065), rgba(6, 30, 51, 0.018)) !important;
  border-bottom: 1px solid rgba(242, 252, 255, 0.30) !important;
  box-shadow: 0 5px 28px rgba(2, 20, 37, 0.06) !important;
  -webkit-backdrop-filter: blur(11px) saturate(118%) !important;
  backdrop-filter: blur(11px) saturate(118%) !important;
}
/* The user asked to remove only the small left logo, only on the homepage.
   Keep the brand wordmark and the entire site navigation intact. */
html body.home.ban-home-videos-v20 .site-header .brand .ban-brand-globe {
  display: none !important;
}
html body.home.ban-home-videos-v20 .site-header .brand {
  gap: 0 !important;
}
html body.home.ban-home-videos-v20 .site-header .wordmark,
html body.home.ban-home-videos-v20 .site-header .wordmark > span,
html body.home.ban-home-videos-v20 .site-header .wordmark > small,
html body.home.ban-home-videos-v20 .site-header .main-nav > a,
html body.home.ban-home-videos-v20 .site-header .main-nav > a:not(.header-cta) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(4, 18, 32, 0.88), 0 2px 12px rgba(4, 22, 40, 0.65) !important;
}
html body.home.ban-home-videos-v20 .site-header .main-nav > a:hover,
html body.home.ban-home-videos-v20 .site-header .main-nav > a:focus-visible,
html body.home.ban-home-videos-v20 .site-header .main-nav > a.is-active {
  color: #ffffff !important;
  text-decoration-color: rgba(255, 255, 255, .86);
}
html body.home.ban-home-videos-v20 .site-header .header-cta {
  background: rgba(9, 31, 50, .22) !important;
  border: 1px solid rgba(255, 255, 255, .52) !important;
}
html body.home.ban-home-videos-v20 .site-header .nav-toggle span {
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(4, 18, 32, .65);
}
/* Open dropdown is still glass, but uses sufficient contrast for white links. */
@media (max-width: 1020px) {
  html body.home.ban-home-videos-v20 .site-header .main-nav.is-open {
    background: rgba(5, 22, 38, .82) !important;
    border: 1px solid rgba(245, 252, 255, .26) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
    backdrop-filter: blur(20px) saturate(140%) !important;
  }
}
/* 1x10: give the existing introductory film substantially more real estate.
   Its video remains uncropped, with the original playback/lazy-loading code. */
body .sub-hero.wrap:has(> .canva88-1x10-video) {
  width: min(1450px, calc(100% - 64px));
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.32fr);
  column-gap: clamp(18px, 2.15vw, 32px);
  align-items: center;
}
body .sub-hero.wrap > .canva88-1x10-video {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
}
body .sub-hero.wrap > .canva88-1x10-video video {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 940px) {
  body .sub-hero.wrap:has(> .canva88-1x10-video) {
    width: min(100% - 40px, 760px);
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(14px, 3vw, 22px);
  }
}
@media (max-width: 640px) {
  body .sub-hero.wrap:has(> .canva88-1x10-video) {
    width: calc(100% - 32px);
    padding-top: 58px;
    gap: 12px;
  }
}