/* ZO's body follows identity -> reviewed content -> catalogue -> screens. */
body[data-page="proyecto-zo"]{--case-font-family:EditorialSans,Helvetica,Arial,sans-serif;--case-ui-font:ui-monospace,monospace;--case-body-size:16px;--case-body-leading:1.45;--case-label-size:12px;--case-button-size:12px;--case-button-weight:650;font-family:var(--case-font-family)}
.zo-case{--zo-space:clamp(56px,8vw,128px);--zo-picture-height:max(240px,calc(100svh - 176px))}
.zo-case .zo-client{overflow:hidden;background:transparent}
.zo-case .zo-client img{width:100%;max-width:none;height:100%;object-fit:contain}
.zo-case .zo-client figcaption{color:var(--sbi-white);z-index:1}
.zo-case .proposal-tag+.proposal-tag{margin-top:6px}
.zo-case .proposal-opening{--button-fill:var(--sbi-ink);--button-fill-ink:var(--sbi-white);--button-outline-ink:var(--sbi-ink)}
.zo-project-story,.zo-section,.zo-mobile-close{scroll-margin-top:var(--chapter-safe-top)}
.zo-project-story{scroll-margin-top:0}
.zo-section{padding:var(--zo-space) var(--site-gutter)}
.zo-section :is(h2,h3,p),.zo-identity :is(h2,dl,dd){margin:0}
.zo-section h2{font-size:clamp(40px,5.8vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.zo-section p{font-size:clamp(16px,1.5vw,21px);line-height:1.45;max-width:65ch}
.zo-case [data-case-still] figure{position:relative;margin:0;min-width:0}
.zo-case [data-case-still] img{display:block;width:100%;height:auto;max-height:var(--zo-picture-height);object-fit:contain;object-position:center;cursor:zoom-in;border-radius:3px}
.zo-case [data-case-still] figcaption{position:static;width:auto;height:auto;padding:0;margin:12px 0 0!important;overflow:visible;clip-path:none;white-space:normal;border:0;font:500 12px/1.4 var(--case-ui-font);color:inherit}

/* Static document flow is the fallback; enhancement adds one reversible scroll reveal. */
.zo-identity{background:var(--client-zo-blue);color:var(--sbi-white)}
.zo-identity-stage{position:relative;padding:80px var(--site-gutter) 28px}
.zo-identity-copy{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:clamp(24px,5svh,52px) 40px;align-items:center;padding-block:40px 72px}
.zo-global-identity{display:flex;flex-direction:column-reverse;align-items:flex-start}
.zo-global-identity dt{font-size:clamp(24px,3vw,46px);line-height:1.08;letter-spacing:-.025em}
.zo-global-identity dt br{display:none}
.zo-global-identity dd{font-size:clamp(140px,21vw,300px);font-weight:400;line-height:.87;letter-spacing:-.04em}
.zo-identity-statement{display:grid;gap:24px;min-width:0}
.zo-identity h2{font-size:clamp(40px,5.1vw,78px);font-weight:400;line-height:1.06;letter-spacing:-.035em}
.zo-identity-line{display:block;white-space:nowrap;overflow:clip}
.zo-identity-line [data-zo-word]{display:inline-block}
.zo-identity-lead{max-width:47ch;margin:0;font-size:clamp(16px,1.55vw,22px);line-height:1.4;text-wrap:pretty}
.zo-identity-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:20px;border-top:1px dashed rgb(var(--sbi-white-rgb)/.5)}
.zo-identity-principles dt{margin:0 0 8px;font:500 12px/1.4 var(--case-ui-font);text-transform:uppercase;letter-spacing:.04em}
.zo-identity-principles dd{font-size:clamp(15px,1.5vw,20px);line-height:1.3;max-width:24ch}
.zo-case .zo-intro-media{padding:12px;background:var(--sbi-gray-1);color:var(--sbi-ink);border-radius:3px}
.zo-case .zo-intro-media img{width:100%;max-height:calc(100svh - 108px)}
.zo-identity-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;font:500 12px/1.4 var(--case-ui-font)}
.zo-case .zo-scroll-cue{display:flex;align-items:center;gap:24px;color:var(--sbi-white);padding-block:6px}
.zo-scroll-cue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(90deg)}
.zo-one-intro .zo-scroll-cue svg{transform:none}
.zo-one-intro[data-zo-media-open=true] .zo-scroll-cue svg{transform:rotate(90deg)}
.zo-intro-progress{display:none}
@media(prefers-reduced-motion:no-preference){
 .zo-identity[data-zo-enhanced]{height:190svh}
 .zo-identity[data-zo-enhanced] .zo-identity-stage{position:sticky;top:0;display:grid;align-items:center;height:100svh;padding-block:0;overflow:hidden}
 .zo-identity[data-zo-enhanced] .zo-identity-copy{padding-block:clamp(64px,10svh,108px) 92px;grid-area:1/1}
 .zo-identity[data-zo-enhanced] .zo-intro-media{position:absolute;inset:20px var(--site-gutter) 68px;display:grid;place-items:center;opacity:0;clip-path:inset(44% 38% round 3px)}
 .zo-identity[data-zo-enhanced] .zo-intro-media figure{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .zo-case .zo-identity[data-zo-enhanced] .zo-intro-media img{width:100%;height:calc(100% - 28px);max-height:calc(100svh - 140px);min-height:0;flex:1;object-fit:contain}
 .zo-identity[data-zo-enhanced] .zo-identity-footer{position:absolute;bottom:28px;left:var(--site-gutter);right:var(--site-gutter);margin:0}
 .zo-identity[data-zo-enhanced] .zo-intro-progress{display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:rgb(var(--sbi-white-rgb)/.24)}
 .zo-intro-progress span{display:block;height:100%;background:var(--sbi-white);transform-origin:left;transform:scaleX(0)}
}
.zo-brief{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.zo-case #encargo h2{font-size:clamp(36px,4.2vw,60px);max-width:20ch}
.zo-brief-copy{display:grid;gap:24px;align-content:start}
.zo-brief-copy .zo-brief-lead{font-size:clamp(22px,2.35vw,32px);line-height:1.25;letter-spacing:-.02em;max-width:38ch}
.zo-case .zo-case-visit{margin-top:12px}
.zo-regulatory{background:var(--sbi-gray-1)}
.zo-regulatory-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;margin-bottom:48px}
.zo-regulatory-heading h2{font-size:clamp(48px,7.8vw,112px)}
.zo-regulatory-heading h2 span{color:var(--client-zo-blue)}
.zo-regulatory-heading p{max-width:42ch}
.zo-proof{padding:20px;background:var(--sbi-white);border-radius:3px}
.zo-case .zo-proof img{max-height:calc(100svh - 200px)}
.zo-regulatory-close{padding-top:28px}
.zo-regulatory-close p{margin-left:auto;max-width:58ch;font-size:clamp(19px,2.1vw,28px);line-height:1.3;letter-spacing:-.015em;color:var(--sbi-ink)}
.zo-changes-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.zo-changes-heading>div{display:grid;align-content:start;gap:24px}
.zo-change-example{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;border-block:1px dashed var(--sbi-gray-4);padding-block:32px;margin-top:48px}
.zo-change-example .zo-change-terms{display:flex;flex-direction:column;gap:8px;font-size:clamp(28px,3.3vw,48px);line-height:1.1;letter-spacing:-.025em}
.zo-change-terms s{color:var(--sbi-gray-5);text-decoration-thickness:1px}
.zo-change-example>p:last-child{max-width:43ch}
.zo-catalog-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.zo-catalog-heading h2{color:var(--sbi-ink)}
.zo-catalog-heading>p{max-width:43ch}
.zo-catalog-gallery{--button-selected-fill:var(--sbi-ink);--button-selected-ink:var(--sbi-white);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zo-view-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:8px}
.zo-view-picker button{width:100%;justify-content:space-between!important;padding-inline:20px!important}
.zo-view-picker button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.zo-view-frames{grid-column:1/-1;padding:20px;background:var(--sbi-gray-2);border-radius:3px;min-width:0}
.zo-view-frames>[hidden]{display:none!important}
.zo-case .zo-view-frames img{max-height:calc(100svh - 196px)}
.zo-view-description{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:48px;align-items:start;padding-top:8px}
.zo-view-description p{grid-column:2;max-width:48ch}
.zo-science{background:var(--sbi-gray-1)}
.zo-science-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.zo-science-heading p{max-width:43ch}
.zo-screen-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(16px,3vw,48px);padding:40px;background:var(--sbi-gray-2);border-radius:3px}
.zo-science-screen{grid-column:1/10;grid-row:1;padding:12px;background:var(--sbi-white);color:var(--sbi-ink);border-radius:3px}
.zo-mobile-screen{grid-column:10/-1;grid-row:1;align-self:end;padding:8px;background:var(--sbi-white);color:var(--sbi-ink);border-radius:3px}
.zo-case .zo-science-screen img{max-height:calc(100svh - 240px)}
.zo-case .zo-mobile-screen img{max-height:calc(100svh - 190px)}
.zo-case .zo-mobile-screen figcaption{font-size:12px}
.zo-mobile-close{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;padding-top:40px}
.zo-mobile-close h3{font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.12;letter-spacing:-.025em}
.zo-mobile-close p{max-width:48ch}
.zo-case .zo-technical{padding:var(--zo-space) var(--site-gutter);background:var(--sbi-ink);color:var(--sbi-white)}
.zo-case .zo-technical .case-underneath-heading{gap:48px}
.zo-case .zo-technical h2{font-size:clamp(40px,5.8vw,88px)}
.zo-case .zo-technical .case-underneath-heading>p{font-size:clamp(16px,1.5vw,21px);color:var(--sbi-white)}
.zo-case .case-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:64px}
.zo-case .case-numbers>div{border-color:var(--sbi-gray-6)}
.zo-case .case-numbers dt{color:var(--sbi-gray-3)}
.zo-case .case-numbers dd{font-size:clamp(64px,7.5vw,108px);line-height:1;letter-spacing:-.035em;color:var(--sbi-white)}
.zo-case .zo-technical .case-technology>div{border-color:var(--sbi-gray-6)}
.zo-case .zo-technical .case-technology :is(dt,dd){color:var(--sbi-white)}
body[data-page="proyecto-zo"] .chapter-media-viewer{--button-control-paper:var(--sbi-ink);--button-control-ink:var(--sbi-white);--button-selected-fill:var(--sbi-white);--button-selected-ink:var(--sbi-ink)}
body[data-page="proyecto-zo"] [data-case-reveal=pending],body[data-page="proyecto-zo"] .footer-emblem[data-symbol-entry=pending] .symbol-scene{opacity:0}
.project-logo-preview[data-project="zo-skin-health"] .project-logo-card{overflow:hidden;border:0}
.project-logo-preview[data-project="zo-skin-health"] .project-logo-mark{width:100%;height:100%}
.project-logo-preview[data-project="zo-skin-health"] .project-logo-mark img{width:100%;height:100%;max-height:none;object-fit:cover}
@media(max-width:900px){
 .zo-regulatory-heading{grid-template-columns:1fr 1fr;gap:32px}
 .zo-regulatory-heading h2{font-size:clamp(44px,7.8vw,72px)}
 .zo-screen-composition{padding:24px;gap:20px}
 .zo-science-screen{grid-column:1/9}.zo-mobile-screen{grid-column:9/-1}
}
@media(max-width:640px){
 body[data-page="proyecto-zo"]{--case-body-size:15px}
 .zo-case{--zo-space:56px;--zo-picture-height:max(220px,calc(100svh - 180px))}
 .zo-section h2{font-size:40px}
 .zo-case #encargo h2{font-size:40px}
 .zo-identity-stage{padding-block:48px 20px}
 .zo-identity-copy{grid-template-columns:1fr;gap:24px;padding-block:0 36px}
 .zo-global-identity{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:end}
 .zo-global-identity dt{grid-column:2;font-size:28px;max-width:7ch}
 .zo-global-identity dt br{display:initial}
 .zo-global-identity dd{grid-column:1;grid-row:1;font-size:104px}
 .zo-identity h2{font-size:clamp(30px,9.3vw,42px)}
 .zo-identity-statement{gap:16px}
 .zo-identity-lead{font-size:15px;line-height:1.4}
 .zo-identity-principles{gap:16px;padding-top:16px}
 .zo-identity-principles dt{font-size:10px;letter-spacing:.025em;margin-bottom:6px}
 .zo-identity-principles dd{font-size:12px;line-height:1.35}
 .zo-identity-footer{font-size:10px;gap:20px;align-items:end}
 .zo-case .zo-scroll-cue{max-width:25ch;gap:12px;font-size:10px}
 .zo-identity[data-zo-enhanced] .zo-identity-copy{padding-block:112px 88px}
 .zo-case .zo-intro-media{padding:8px}
 .zo-case .zo-intro-media figcaption{font-size:10px}
 .zo-identity[data-zo-enhanced] .zo-intro-media{inset:16px var(--site-gutter) 72px}
 .zo-identity[data-zo-enhanced] .zo-identity-footer{bottom:24px}
 .zo-brief,.zo-regulatory-heading,.zo-changes-heading,.zo-change-example,.zo-catalog-heading,.zo-view-description,.zo-science-heading,.zo-mobile-close{grid-template-columns:1fr;gap:24px}
 .zo-change-example{padding-block:24px;margin-top:32px}
 .zo-change-example .zo-change-terms{font-size:32px}
 .zo-regulatory-heading{margin-bottom:28px}
 .zo-regulatory-heading h2{font-size:54px}
 .zo-proof{padding:12px}
 .zo-case .zo-proof img{max-height:calc(100svh - 210px)}
 .zo-regulatory-close p{font-size:21px}
 .zo-catalog-heading{align-items:start;gap:24px;margin-bottom:32px}
 .zo-catalog-heading h2{font-size:40px}
 .zo-catalog-gallery{gap:16px}
 .zo-view-picker{gap:4px}
 .zo-view-picker button{padding-inline:12px!important;gap:6px!important;font-size:11px!important}
 .zo-view-picker button svg{width:14px;height:14px}
 .zo-view-frames{padding:12px}
 .zo-view-description{gap:16px}
 .zo-view-description p{grid-column:1}
 .zo-screen-composition{padding:16px;gap:14px}
 .zo-science-screen{grid-column:1/-1;grid-row:1;padding:8px}
 .zo-mobile-screen{grid-column:6/12;grid-row:2;margin-block:8px;padding:8px}
 .zo-case .zo-mobile-screen img{max-height:400px}
 .zo-case .zo-science-screen img{max-height:var(--zo-picture-height)}
 .zo-mobile-close{padding-top:28px;gap:20px}
 .zo-case .zo-technical .case-underneath-heading{gap:24px}
 .zo-case .case-numbers{gap:16px;margin-block:40px}
 .zo-case .case-numbers dt{font-size:10px;min-height:30px}
 .zo-case .case-numbers dd{font-size:60px}
}
@media(prefers-reduced-motion:reduce){
 .zo-identity-stage{position:relative;height:auto}
 .zo-identity-copy{transform:none!important;opacity:1!important}
 .zo-intro-media{clip-path:none!important;opacity:1!important}
 .zo-scroll-cue{display:none}
}
@media(min-width:641px) and (max-height:650px){
 .zo-identity h2{font-size:clamp(36px,4.4vw,64px)}
 .zo-identity-copy{row-gap:24px}
 .zo-global-identity dd{font-size:160px}
 .zo-global-identity dt{font-size:28px}
 .zo-identity-lead{font-size:16px}
 .zo-identity-principles{padding-top:12px}
 .zo-identity-principles dd{font-size:15px}
}

/* Accepted single numeral composition: one identity, one brand, one website. */
.zo-identity.zo-one-intro .zo-identity-stage{align-items:stretch}
.zo-identity.zo-one-intro .zo-identity-copy{display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;width:100%;gap:40px;padding-block:142px 100px}
.zo-identity.zo-one-intro h2{display:grid;grid-template-columns:minmax(0,33fr) minmax(0,67fr);align-items:center;gap:48px;width:min(100%,880px);margin:0;font-size:clamp(64px,7.4vw,112px);line-height:.99;letter-spacing:-.035em}
.zo-identity.zo-one-intro .zo-global-identity{display:block;grid-column:1;justify-self:center;margin:0;font-size:clamp(260px,40vw,520px);line-height:.8;letter-spacing:-.04em}
.zo-one-meanings{display:grid;grid-column:2}
.zo-one-intro .zo-type-line{display:block;white-space:nowrap}
.zo-one-intro [data-zo-word]{display:inline-block}
.zo-identity.zo-one-intro .zo-one-presence{margin:0;width:min(100%,880px);padding-top:24px;border-top:1px dashed rgba(var(--sbi-white-rgb),.5);font-size:clamp(22px,2.5vw,36px);line-height:1.2;letter-spacing:-.02em;text-align:center}
@media(min-width:901px) and (max-height:740px){
 .zo-identity.zo-one-intro .zo-identity-copy{padding-top:128px;padding-bottom:84px;gap:32px}
 .zo-identity.zo-one-intro .zo-global-identity{font-size:min(40vw,62svh)}
 .zo-identity.zo-one-intro h2{font-size:min(7.4vw,13svh)}
}
@media(max-width:640px){
 .zo-identity.zo-one-intro .zo-identity-copy{padding-top:126px;padding-bottom:112px;gap:40px}
 .zo-identity.zo-one-intro h2{grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:20px;font-size:10.5vw;line-height:1.02}
 .zo-identity.zo-one-intro .zo-global-identity{font-size:64vw;line-height:.8}
 .zo-identity.zo-one-intro .zo-one-presence{font-size:22px;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){
 .zo-identity.zo-one-intro .zo-identity-copy{padding-bottom:48px}
}

/* Adopted editorial body / approved layout B. Opening motion is unchanged. */
html:has(.zo-case.zo-editorial){scroll-padding-top:0}
.zo-case.zo-editorial .zo-section{scroll-margin-top:0}
.zo-case.zo-editorial .zo-brief-copy{max-width:none}
.zo-case.zo-editorial .zo-section :is(h2,h3){text-wrap:initial}
.zo-case.zo-editorial .zo-section p{max-width:60ch}
.zo-case.zo-editorial .zo-proof,.zo-case.zo-editorial .zo-view-frames{padding:24px}
.zo-case.zo-editorial :is(.zo-proof,.zo-view-frames,.zo-science-screen,.zo-mobile-layout-screen) img{max-height:calc(100svh - 160px)}
.zo-mobile-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;background:var(--sbi-white)}
.zo-mobile-layout-copy{grid-column:7/-1;grid-row:1;display:grid;gap:32px}
.zo-mobile-layout-screen{grid-column:2/6;grid-row:1;justify-self:center;width:min(100%,340px);padding:16px;background:var(--sbi-gray-2);border-radius:3px}
.zo-case.zo-editorial .zo-mobile-layout-screen img{max-height:calc(100svh - 176px)}


/* B / The editorial desk: the same underlying grid connects all the proofs. */
.zo-case.zo-editorial .zo-brief{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto;gap:24px 32px;min-height:clamp(440px,76svh,720px);align-items:stretch}
.zo-case.zo-editorial #encargo h2{grid-column:1/7;grid-row:1;align-self:end;font-size:clamp(64px,7.5vw,112px)}
.zo-case.zo-editorial .zo-brief-copy{display:contents}
.zo-case.zo-editorial .zo-brief-prose{grid-column:8/-1;grid-row:1;align-self:end;display:grid;gap:24px}
.zo-case.zo-editorial .zo-case-visit{grid-column:8/-1;grid-row:2;justify-self:start;margin-top:0}
.zo-case.zo-editorial :is(.zo-brief-copy,.zo-regulatory-copy,.zo-catalog-gallery) p{font-family:var(--case-font-family);font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.45;letter-spacing:normal;max-width:60ch}
.zo-case.zo-editorial .zo-regulatory{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.zo-regulatory-editorial{grid-column:8/-1;grid-row:1;display:grid;gap:32px;min-width:0}
.zo-case.zo-editorial .zo-regulatory-editorial h2{font-size:clamp(44px,5.2vw,72px)}
.zo-regulatory-editorial h2 span{color:var(--client-zo-blue)}
.zo-regulatory-copy{display:grid;gap:24px}
.zo-case.zo-editorial .zo-proof{grid-column:1/8;grid-row:1;padding:16px}
.zo-case.zo-editorial .zo-changes-heading{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.zo-case.zo-editorial .zo-changes-heading h2{grid-column:1/7}
.zo-case.zo-editorial .zo-changes-heading>div{grid-column:8/-1;align-self:end}
.zo-case.zo-editorial .zo-change-example{margin-inline:25% 0;margin-top:48px}
.zo-case.zo-editorial .zo-change-terms{font-size:clamp(28px,3vw,44px)}
.zo-case.zo-editorial .zo-catalog-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto;gap:32px;align-items:center}
.zo-catalog-editorial{grid-column:8/-1;grid-row:1;display:grid;gap:24px;min-width:0}
.zo-case.zo-editorial .zo-catalog-editorial h2{font-size:clamp(40px,4.2vw,64px)}
.zo-case.zo-editorial .zo-catalog-intro{grid-column:auto;grid-row:auto}
.zo-case.zo-editorial .zo-catalog-editorial p{text-indent:20%}
.zo-case.zo-editorial .zo-view-picker{grid-column:auto;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-self:start}
.zo-case.zo-editorial .zo-view-picker button{padding-inline:12px!important}
.zo-case.zo-editorial .zo-view-frames{grid-column:1/8;grid-row:1;padding:16px}
.zo-case.zo-editorial .zo-view-description{grid-column:auto;grid-row:auto;display:block;padding:0}
.zo-case.zo-editorial .zo-science{display:flex;flex-direction:column;padding-top:32px;gap:40px}
.zo-case.zo-editorial .zo-screen-composition{order:0;display:block;padding:0;overflow:hidden}
.zo-case.zo-editorial .zo-science-screen{padding:0;background:transparent}
.zo-case.zo-editorial .zo-science-screen figure{height:calc(100svh - 64px);max-height:960px}
.zo-case.zo-editorial .zo-science-screen img{width:100%;height:100%;max-height:none;object-fit:contain}
.zo-case.zo-editorial .zo-science-heading{order:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;margin:0}
.zo-case.zo-editorial .zo-science-heading h2{grid-column:8/-1;grid-row:1}
.zo-case.zo-editorial .zo-science-heading>p{grid-column:2/7;grid-row:1;align-self:end}
.zo-case.zo-editorial .zo-mobile-layout{padding-block:clamp(56px,6vw,96px)}
.zo-case.zo-editorial .zo-mobile-layout-copy{display:contents}
.zo-case.zo-editorial .zo-mobile-layout-copy h2{grid-column:1/5;grid-row:1;align-self:start}
.zo-case.zo-editorial .zo-mobile-layout-copy>p{grid-column:10/-1;grid-row:2;align-self:end;margin-bottom:16px}
.zo-case.zo-editorial .zo-mobile-layout-screen{grid-column:5/10;grid-row:1/3}
.zo-case.zo-editorial .zo-mobile-layout-screen img{max-height:calc(100svh - 144px)}


@media(max-width:1100px){
 .zo-case.zo-editorial .zo-view-picker{grid-template-columns:1fr}
 .zo-case.zo-editorial .zo-mobile-layout-copy{display:grid;grid-column:1/6;grid-row:1}
 .zo-case.zo-editorial .zo-mobile-layout-copy>:is(h2,p){grid-column:auto;grid-row:auto}
 .zo-case.zo-editorial .zo-mobile-layout-copy>p{margin-bottom:0}
 .zo-case.zo-editorial .zo-mobile-layout-screen{grid-column:7/-1;grid-row:1}
}
@media(max-width:760px){
 .zo-case.zo-editorial .zo-section{min-height:0;padding-block:56px;scroll-margin-top:0}
 .zo-case.zo-editorial .zo-section:not(.zo-identity){display:block}
 .zo-case.zo-editorial .zo-section:not(.zo-identity){scroll-margin-top:56px}
 .zo-case.zo-editorial .zo-section :is(h2,h3){font-size:40px}
 .zo-case.zo-editorial #encargo h2{font-size:40px;margin-bottom:28px}
 .zo-case.zo-editorial .zo-brief-copy{display:grid;gap:24px}
 .zo-case.zo-editorial .zo-brief-prose{grid-column:auto;grid-row:auto}
 .zo-case.zo-editorial .zo-case-visit{grid-column:auto;grid-row:auto}
 .zo-case.zo-editorial .zo-brief-lead{font-size:26px;line-height:1.25}
 .zo-case.zo-editorial .zo-brief-copy>p:not(.zo-brief-lead),.zo-case.zo-editorial .zo-case-visit{margin-left:0}
 .zo-case.zo-editorial .zo-regulatory-heading,.zo-case.zo-editorial .zo-changes-heading,.zo-case.zo-editorial .zo-catalog-heading,.zo-case.zo-editorial .zo-science-heading{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .zo-case.zo-editorial .zo-regulatory-heading>:is(h2,p){grid-column:1;grid-row:auto}
 .zo-case.zo-editorial .zo-regulatory-heading h2{font-size:48px}
 .zo-case.zo-editorial .zo-regulatory-close{padding-top:28px}
 .zo-case.zo-editorial .zo-regulatory-close p{font-size:24px;margin:0;max-width:none}
 .zo-regulatory-editorial{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .zo-case.zo-editorial .zo-changes-heading>:is(h2,div),.zo-case.zo-editorial .zo-catalog-heading>:is(h2,p),.zo-case.zo-editorial .zo-science-heading>:is(h2,p){grid-column:1;grid-row:auto}
 .zo-case.zo-editorial .zo-change-example{margin:32px 0 0;padding-block:24px;gap:24px;grid-template-columns:1fr}
 .zo-case.zo-editorial .zo-change-terms{font-size:32px}
 .zo-case.zo-editorial .zo-proof,.zo-case.zo-editorial .zo-view-frames{padding:12px}
 .zo-case.zo-editorial .zo-catalog-gallery{display:grid;grid-template-columns:1fr;gap:16px}
 .zo-case.zo-editorial .zo-view-picker{grid-column:1;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}
 .zo-case.zo-editorial .zo-view-frames{grid-column:1;grid-row:2}
 .zo-case.zo-editorial .zo-view-description{display:block;grid-column:1;grid-row:3}
 .zo-case.zo-editorial .zo-catalog-gallery{grid-template-rows:auto}
 .zo-case.zo-editorial .zo-catalog-editorial{display:contents}
 .zo-case.zo-editorial .zo-catalog-editorial h2{grid-column:1;grid-row:1}
 .zo-case.zo-editorial .zo-catalog-intro{grid-column:1;grid-row:2}
 .zo-case.zo-editorial .zo-view-picker{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))}
 .zo-case.zo-editorial .zo-view-frames{grid-column:1;grid-row:4}
 .zo-case.zo-editorial .zo-view-description{grid-column:1;grid-row:5}
 .zo-case.zo-editorial .zo-section [data-case-still] img{max-height:calc(100svh - 180px)}
 .zo-case.zo-editorial .zo-view-picker button{padding-inline:10px!important;gap:6px!important}
 .zo-case.zo-editorial .zo-screen-composition{display:block;padding:12px}
 .zo-case.zo-editorial .zo-section.zo-science{display:flex;gap:28px}
 .zo-case.zo-editorial .zo-screen-composition{padding:0}
 .zo-case.zo-editorial .zo-science-screen figure{height:auto}
 .zo-case.zo-editorial .zo-science [data-case-still] img{height:auto;max-height:none}
 .zo-case.zo-editorial .zo-mobile-screen{position:static;width:60%;max-width:280px;margin:24px 0 0 auto;padding:8px}
 .zo-case.zo-editorial .zo-mobile-close{grid-template-columns:1fr;gap:24px}
 .zo-case.zo-editorial .zo-mobile-layout-copy{display:grid;gap:24px}
 .zo-case.zo-editorial .zo-mobile-layout-screen{width:68%;max-width:300px;margin:32px auto 0;padding:12px}
 .zo-case.zo-editorial .zo-technical{padding-bottom:100px}
}
/* Supplied recordings keep the approved editorial media geometry. */
.zo-case [data-case-still] video{display:block;width:100%;height:auto;max-height:var(--zo-picture-height);object-fit:contain;object-position:center;border-radius:3px;cursor:zoom-in}
.zo-case .case-video-stage{width:100%;min-height:0}
.zo-case .case-video-toggle{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px}
.zo-case .case-video-toggle[hidden]{display:none!important}
.zo-case.zo-editorial .zo-science-screen :is(.case-video-stage,video){width:100%;height:100%;max-height:none}
.zo-case.zo-editorial .zo-mobile-layout-screen video{max-height:calc(100svh - 144px)}
@media(prefers-reduced-motion:no-preference){
 .zo-case .zo-identity[data-zo-enhanced] .zo-intro-media .case-video-stage{height:100%;max-height:calc(100svh - 140px)}
 .zo-case .zo-identity[data-zo-enhanced] .zo-intro-media video{height:100%;max-height:100%}
}
@media(max-width:760px){
 .zo-case.zo-editorial .zo-science-screen :is(.case-video-stage,video){height:auto;max-height:none}
 .zo-case.zo-editorial .zo-mobile-layout-screen video{max-height:calc(100svh - 180px)}
}