/* contactpolish2-deploy-verify */
/* =============================================================================
   CONTACT SETUP DESK — HD full-bleed left photo (fills empty navy beside form)
   FULL FILE FORCE v=contactpolish2
   ============================================================================= */

/* Top page hero */
html body.contact-page #page-overview.page-hero-fill,
html body #page-overview.page-intro-section.page-hero-fill{
  --hero-fill-image:url("../zatra-hero-contact.jpg?v=contactpolish2")!important;
  --hero-fill-wash:linear-gradient(
    115deg,
    rgba(255,255,255,.72) 0%,
    rgba(255,255,255,.56) 42%,
    rgba(255,255,255,.42) 72%,
    rgba(255,255,255,.50) 100%
  )!important;
}
html body.contact-page #page-overview.page-hero-fill::before,
html body #page-overview.page-intro-section.page-hero-fill::before{
  background-image:var(--hero-fill-wash),var(--hero-fill-image)!important;
  background-size:cover!important;
  background-position:72% 24%!important;
}

/* Hide legacy media node if any leftover */
html body #contact .cta-intro-media{display:none!important;}

/* Left panel: stretch beside tall form; photo covers full height */
html body #contact .cta-intro,
html body.contact-page #contact .cta-intro{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#0b1726!important;
  min-height:100%!important;
  height:auto!important;
  border-radius:24px!important;
}

/* Full-bleed HD advisory desk photo */
html body #contact .setup-desk-shot,
html body.contact-page #contact .setup-desk-shot,
html body #contact .cta-intro > .setup-desk-shot{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#101828!important;
  z-index:0!important;
  pointer-events:none!important;
}

html body #contact .setup-desk-shot img,
html body.contact-page #contact .setup-desk-shot img,
html body #contact .cta-intro .setup-desk-shot img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  transform:none!important;
  filter:none!important;
  margin:0!important;
  border:0!important;
  image-rendering:auto!important;
}

/* No cta-intro::before decorator — overlay lives on .setup-desk-shot::after */
html body #contact .cta-intro::before,
html body.contact-page #contact .cta-intro::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

html body #contact .cta-intro-copy,
html body.contact-page #contact .cta-intro-copy{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  background:transparent!important;
  padding:clamp(18px,2.2vw,26px)!important;
  box-sizing:border-box!important;
}

@media (max-width:920px){
  html body #contact .cta-intro,
  html body.contact-page #contact .cta-intro{
    min-height:0!important;
    justify-content:flex-start!important;
  }
  html body #contact .setup-desk-shot,
  html body #contact .cta-intro > .setup-desk-shot{
    position:relative!important;
    inset:auto!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }
  html body #contact .setup-desk-shot img{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    object-position:center 30%!important;
  }
  html body #contact .cta-intro::before{
    content:none!important;
    display:none!important;
  }
  html body #contact .cta-intro-copy{
    background:#07111f!important;
    padding:18px 16px 20px!important;
  }
}
