/* Contact aligned with the approved homepage palette and signatures. */
body.zebra-contact-page {--z-white:#f2ede4;--z-paper:#f2ede4;--z-ink:#211f1b;--z-red:#e5ddd0;--z-line:rgba(33,31,27,.18);--z-line-dark:rgba(242,237,228,.22);}
body.zebra-contact-page .zebra-contact-header .zebra-wordmark {color:var(--z-ink);}
body.zebra-contact-page .zebra-contact-header .zebra-nav a {color:var(--z-white);opacity:1;text-shadow:0 1px 8px #000;}
body.zebra-contact-page .zebra-contact-page-hero__image::after {background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 22%,transparent 75%,rgba(0,0,0,.5));mix-blend-mode:normal;}
body.zebra-contact-page .zebra-contact-page-hero h1 {max-width:9ch!important;font-size:clamp(64px,6.2vw,110px)!important;line-height:.96!important;letter-spacing:-.045em!important;}
body.zebra-contact-page .zebra-contact-page-hero__copy {justify-content:center!important;}
body.zebra-contact-page .zebra-contact-email {border-color:var(--z-ink)!important;overflow-wrap:anywhere;}
body.zebra-contact-page .zebra-contact-page-hero__mail {margin-top:32px!important;}
body.zebra-contact-page .zebra-contact-page-hero__image img {object-position:center 35%;}
body.zebra-contact-page .zebra-contact-page-hero__button .zebra-button__arrow {color:var(--z-white)!important;-webkit-text-fill-color:var(--z-white)!important;}
body.zebra-contact-page .zebra-contact-page-studio__caption {color:var(--z-white);}
body.zebra-contact-page .zebra-footer {color:#c5bfb5;}
@media(max-width:780px){
 body.zebra-contact-page .zebra-contact-header .zebra-nav a {color:var(--z-ink);text-shadow:none;}
 body.zebra-contact-page .zebra-contact-page-hero h1 {font-size:clamp(54px,13vw,76px)!important;max-width:10ch!important;}
 body.zebra-contact-page .zebra-contact-page-hero__copy {min-height:0;padding-top:130px!important;}
}
/* Vertical overscan makes the depth visible without scaling the entire photo. */
@media (min-width:781px) and (prefers-reduced-motion:no-preference) {
  body.zebra-contact-page .zebra-parallax {overflow:hidden;}
  body.zebra-contact-page .zebra-parallax:not(.zebra-film__thumb) {position:relative;}
  body.zebra-contact-page .zebra-parallax > img {
    position:absolute!important;
    inset:calc(-1 * var(--parallax-pad, 90px)) 0 auto!important;
    width:100%!important;
    height:calc(100% + 2 * var(--parallax-pad, 90px))!important;
    max-height:none;
    object-fit:cover;
    translate:0 var(--parallax-y, 0px);
  }
}