/* Desktop Contact follows News, opening up/down from a centred photo line.
   The existing photograph, editable crop and glass footer remain one surface. */
@media(min-width:1025px) and (prefers-reduced-motion:no-preference){
  .contact-scroll-scene.is-contact-scroll{position:relative;background:#fff;margin-left:calc(var(--page-left) * -1);margin-right:calc(var(--page-right) * -1);padding-bottom:var(--connect-travel,0px)}
  .contact-scroll-scene.is-contact-scroll>.contact-footer-scene{margin:0;transform:translate3d(0,var(--connect-pin,0px),0);clip-path:inset(var(--connect-clip-y,0px) var(--connect-clip-x,0px) var(--connect-clip-bottom,0px) round var(--connect-radius,0px))}
  /* A zero-height clip alone can leave a subpixel seam: offsetHeight rounds
     the shared photo/footer height. Gate painting before arrival instead.
     This is an instantaneous switch, not an opacity entrance animation. */
  .contact-scroll-scene.is-contact-scroll:not(.is-connect-started)>.contact-footer-scene{opacity:0;pointer-events:none}
  .is-contact-scroll #contact-us.contact-banner{min-height:var(--connect-viewport,100svh)}
  .is-contact-scroll #contact-us.contact-banner .contact-banner-media{clip-path:none}
  .is-contact-scroll #contact-us.contact-banner .whatsapp-cta-inner{opacity:1;transform:none;transition:none}
  .is-contact-scroll #contact-us.contact-banner .whatsapp-cta-inner>h2{opacity:var(--connect-title,0);transform:translateY(var(--connect-title-y,40px))}
  .is-contact-scroll #contact-us.contact-banner .contact-banner-copy{opacity:var(--connect-copy,0);transform:translateY(var(--connect-copy-y,64px))}
  .is-contact-scroll #contact-us.contact-banner .whatsapp-button{pointer-events:none}
  .is-contact-scroll.is-connect-ready #contact-us.contact-banner .whatsapp-button{pointer-events:auto}
  .contact-scroll-scene.is-contact-scroll:focus-within>.contact-footer-scene{clip-path:none;opacity:1;pointer-events:auto}
  .is-contact-scroll:focus-within #contact-us.contact-banner .whatsapp-cta-inner>h2,
  .is-contact-scroll:focus-within #contact-us.contact-banner .contact-banner-copy{opacity:1;transform:none}
  .is-contact-scroll:focus-within #contact-us.contact-banner .whatsapp-button{pointer-events:auto}
}
