/* Harmonized ivory palette: surfaces, type and accents share one warm family. */
:root {
 --z-white: #f2ede4;
 --z-paper: #e5ddd0;
 --z-red: #e5ddd0;
 --z-ink: #211f1b;
 --z-line: rgba(33,31,27,.18);
 --z-line-dark: rgba(242,237,228,.22);
}
.zebra-panel--black, .zebra-header,
.zebra-panel--white, .zebra-panel--paper { --z-red: #e5ddd0; }
/* Dark ink keeps the small labels readable on ivory surfaces. */
body.zebra-front-page :is(.zebra-panel--white,.zebra-panel--paper) :is(.zebra-eyebrow,.zebra-approach__arrow,.zebra-text-link span,.zebra-process b),
body.zebra-front-page .zebra-method__intro::before {color:var(--z-ink);}
body.zebra-front-page .zebra-method .zebra-process::before {background:var(--z-ink);}
body.zebra-front-page .zebra-hero :is(h1,.zebra-eyebrow,.zebra-hero__sub,.zebra-text-link),
body.zebra-front-page .zebra-films .zebra-eyebrow {color:var(--z-white)!important;}
body.zebra-front-page .zebra-films__head > p {color:#c5bfb5!important;}
.zebra-footer {color:#c5bfb5;}
.zebra-recognition img { filter: grayscale(1); mix-blend-mode: multiply; }
/* Equal outer spacing centers the whole Realisation heading block. */
body.zebra-front-page .zebra-films {padding-top:0;--z-films-heading-space:calc((clamp(80px,8vw,130px) + 48px) / 2);}
body.zebra-front-page .zebra-films__head {padding-top:var(--z-films-heading-space);padding-bottom:var(--z-films-heading-space);}
/* Keep the existing two columns; align the paragraph with the title row. */
@media(min-width:781px){
body.zebra-front-page .zebra-films__head {row-gap:18px;align-items:center;}
body.zebra-front-page .zebra-films__head > div {display:contents;}
body.zebra-front-page .zebra-films__head .zebra-eyebrow {grid-column:1;grid-row:1;margin:0;}
body.zebra-front-page .zebra-films__head h2 {grid-column:1;grid-row:2;font-size:clamp(32px,4.4vw,72px);line-height:1.03;white-space:nowrap;}
body.zebra-front-page .zebra-films__head > p {grid-column:2;grid-row:2;align-self:center;margin:0 0 0 auto;}
}
/* Same timeline, eight editorial stages from the supplied pitch deck. */
@media(min-width:781px){.zebra-process {grid-template-columns:repeat(8,minmax(0,1fr));}}
/* Anchor the arrow to the label itself; its shape is centered independently of font baselines. */
@media(min-width:781px){
body.zebra-front-page .zebra-method .zebra-process div:not(:last-child)::after {content:none;}
body.zebra-front-page .zebra-method .zebra-process div > span {position:relative;display:block;}
body.zebra-front-page .zebra-method .zebra-process div:not(:last-child) > span::after {
    content:"";
    position:absolute;
    width:22px;
    height:12px;
    right:-20px;
    top:50%;
    transform:translateY(-50%);
    background:currentColor;
    clip-path:polygon(0 44%,78% 44%,60% 10%,67% 0,100% 50%,67% 100%,60% 90%,78% 56%,0 56%);
}
}
body.zebra-front-page .zebra-direction-strip figure:first-child img {object-position:center;}
body.zebra-front-page .zebra-direction-strip figure:nth-child(2) img {object-position:center;filter:grayscale(1) contrast(1.04) brightness(.60);}
/* Align the exterior image boundary with the portrait/copy split above. */
@media(min-width:781px){
body.zebra-front-page .zebra-direction-strip {grid-template-columns:31.5% 20.5% 48%;}
}
/* Latest section palette: common ivory for Studio and Craft Chain. */
body.zebra-front-page .zebra-studio-intro,
body.zebra-front-page .zebra-studio-intro__copy {background:var(--z-white);}
body.zebra-front-page .zebra-method {background:var(--z-white);color:var(--z-ink);border-color:var(--z-line);}
body.zebra-front-page .zebra-method :is(h2,.zebra-eyebrow,.zebra-process b,.zebra-process span) {color:var(--z-ink)!important;}
body.zebra-front-page .zebra-method :is(.zebra-method__intro,.zebra-method__note) {color:#55514b;}
body.zebra-front-page .zebra-method .zebra-method__intro::before {color:var(--z-ink);}
body.zebra-front-page .zebra-method .zebra-process::before {background:var(--z-ink);}
body.zebra-front-page .zebra-method .zebra-process div {border-color:var(--z-line);}
/* Static mockup: all thumbnails remain visible, with no autoplay. */
.zebra-film__thumb img {display:block!important;opacity:1!important;visibility:visible!important;}
.zebra-film__play {color:#fff!important;-webkit-text-fill-color:#fff!important;}