/* contact.html ONLY — home-matching banner dimensions (index.css §4.1)
   Video hero + clear glass card; visual treatment stays in contact-page.css
   Loads after preloader-kill to beat --home-banner-height breadcrumb token */

/* --- Hero height: exact home port (NOT --home-banner-height breadcrumb token) --- */
html[data-contact-page] #main-banner.breadcumd__banner.contact-banner.contact-banner--hero,
html[data-contact-page] .breadcumd__banner.contact-banner.contact-banner--hero,
html[data-contact-page] #main-banner.breadcumd__banner.contact-banner,
html[data-contact-page] .breadcumd__banner.contact-banner {
  min-height: clamp(560px, 78vh, 980px) !important;
  height: clamp(560px, 78vh, 980px) !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}

@media (max-width: 980px) {
  html[data-contact-page] #main-banner.breadcumd__banner.contact-banner,
  html[data-contact-page] .breadcumd__banner.contact-banner {
    min-height: clamp(320px, 56vh, 520px) !important;
    height: clamp(320px, 56vh, 520px) !important;
  }
}

@media (max-width: 400px) {
  html[data-contact-page] #main-banner.breadcumd__banner.contact-banner,
  html[data-contact-page] .breadcumd__banner.contact-banner {
    min-height: clamp(280px, 50vh, 420px) !important;
    height: clamp(280px, 50vh, 420px) !important;
  }
}

/* --- Content shell: home card anchor (top 62%, translateY -50%) --- */
html[data-contact-page] .breadcumd__banner.contact-banner .contact-banner__content-shell {
  position: absolute !important;
  top: 62% !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  margin: 0 auto !important;
  pointer-events: none !important;
}

@media (max-width: 980px) {
  html[data-contact-page] .breadcumd__banner.contact-banner .contact-banner__content-shell {
    top: auto !important;
    bottom: 6% !important;
    transform: none !important;
    padding-top: 0 !important;
  }
}

/* --- Glass card box: home index lock (400×720) --- */
html[data-contact-page] .breadcumd__banner.contact-banner .banner-glass-card--clear {
  height: 400px;
  min-height: 400px;
  max-width: 720px;
}

@media (max-width: 980px) {
  html[data-contact-page] .breadcumd__banner.contact-banner .banner-glass-card--clear {
    height: auto;
    min-height: 360px;
  }
}

@media (max-width: 640px) {
  html[data-contact-page] .breadcumd__banner.contact-banner .banner-glass-card--clear {
    min-height: 300px;
  }
}