/* Centred invitation; preserve the editable photo and existing scroll reveal. */
#contact-us.contact-banner{
  --contact-action-color:#fff;
  display:grid;place-items:center;
  min-height:clamp(560px,75svh,900px);
  padding:clamp(88px,12svh,144px) var(--section-right) clamp(88px,12svh,144px) var(--page-left);
}
#contact-us.contact-banner::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:rgba(0,0,0,.58);
}
#contact-us.contact-banner .whatsapp-cta-inner{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
  gap:24px;width:min(100%,960px);min-width:0;max-width:960px;margin:0 auto;
  padding:0;border:0;border-radius:0;
  background:transparent;color:#fff;text-align:center;box-shadow:none;
}
#contact-us.contact-banner h2{
  width:100%;max-width:25ch;margin:0;padding:0;color:inherit;text-align:center;
  font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;text-wrap:balance;
}
#contact-us.contact-banner .contact-banner-copy{
  width:100%;max-width:42rem;padding:0;text-align:center;
}
#contact-us.contact-banner .contact-banner-copy p{
  max-width:60ch;margin:0 auto;color:rgba(255,255,255,.88);text-align:center;
}
#contact-us.contact-banner .whatsapp-button{
  margin-top:32px;
}
#contact-us.contact-banner .whatsapp-button:focus-visible{outline-color:#fff}
@media(max-width:900px){
  #contact-us.contact-banner{min-height:560px;padding:88px 24px}
  #contact-us.contact-banner .whatsapp-cta-inner{gap:20px;padding:0}
}