/* Two-part header. Keep the shared typography, ivory and editorial margins. */
body.zebra-front-page .zebra-hero--split{position:relative;display:grid;grid-template-columns:39% 61%;min-height:600px;height:45.7vw;max-height:960px;overflow:hidden;background:var(--z-black)}
body.zebra-front-page .zebra-hero--split .zebra-hero__copy{grid-column:1;grid-row:1;min-width:0;padding:110px var(--z-gutter) 70px;justify-content:center;align-items:flex-start}
body.zebra-front-page .zebra-hero--split h1{font-size:clamp(56px,6vw,116px);font-weight:800;line-height:.93!important;letter-spacing:-.035em!important;margin:0;text-transform:none}
body.zebra-front-page .zebra-hero--split .zebra-hero__sub{margin:28px 0 0;font-size:clamp(18px,1.6vw,26px);font-weight:400;line-height:1.32}
body.zebra-front-page .zebra-hero--split .zebra-text-link{margin-top:28px}
body.zebra-front-page .zebra-hero--split .zebra-hero__visual{grid-column:2;grid-row:1;position:relative;min-height:0;height:100%;width:100%;margin:0}
body.zebra-front-page .zebra-hero--split .zebra-hero__visual img{position:absolute;inset:0;display:block;height:100%;width:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.2) brightness(.84);transform:none}
@media(max-width:780px){
 body.zebra-front-page .zebra-hero--split{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:0;max-height:none}
 body.zebra-front-page .zebra-hero--split .zebra-hero__copy{grid-column:1;grid-row:1;padding:130px 24px 48px}
 body.zebra-front-page .zebra-hero--split h1{font-size:clamp(58px,17vw,104px)}
 body.zebra-front-page .zebra-hero--split .zebra-hero__visual{grid-column:1;grid-row:2;height:auto;aspect-ratio:2278/1884}
}

/* Registered before/after extension and matching subtle media zoom. */
body.zebra-front-page .zebra-hero--split .zebra-hero__visual{padding:0;border:0;cursor:pointer;border-radius:0}
body.zebra-front-page .zebra-hero--split .zebra-hero__visual img{transition:opacity 750ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.2,.7,.2,1)}
body.zebra-front-page .zebra-hero--split .zebra-hero__visual[aria-pressed="true"] img{transform:scale(1.012)}
body.zebra-front-page .zebra-hero--split .zebra-hero__visual:focus-visible{outline:2px solid var(--z-white);outline-offset:-6px}
@media(prefers-reduced-motion:reduce){
 body.zebra-front-page .zebra-hero--split .zebra-hero__visual img{transition:none!important;transform:none!important}
}