.zoo-page { display:block !important; pointer-events:auto !important; height:auto !important; min-height:0 !important; color:#f7f8fa; background:#0b2033; font-family:wf_717bd931499847df8ef165f33,sans-serif; font-size:clamp(18px,1.3vw,21px); }
.zoo-page * { box-sizing:border-box; }
.zoo-page h1,.zoo-page h2 { margin:0; font-family:wf_db88ef0b45fa46279b7afeb6b,sans-serif; font-weight:400; text-wrap:balance; }
.zoo-page p,.zoo-page figure { margin:0; }
.zoo-shell { width:calc(100% - clamp(48px,11vw,192px)); max-width:1280px; margin-inline:auto; }
.zoo-art { display:block; min-width:0; width:100%; margin:0; padding:0; border:0; border-radius:0; background:none; color:inherit; cursor:zoom-in; }
.zoo-art img { display:block; width:100%; height:auto; }
.zoo-art:focus-visible,.zoo-page a:focus-visible { outline:2px solid #f7f8fa; outline-offset:6px; }
.zoo-hero { --zoo-hero-height:clamp(420px,44vw,680px); position:relative; height:var(--zoo-hero-height); overflow:hidden; background:#071725; }
/* Crop just inside the artwork to exclude the original's black matting and soft edges. */
.zoo-hero-art { position:absolute; right:0; top:50%; width:max(100%,calc(var(--zoo-hero-height) * 2037 / 1527)); aspect-ratio:2037/1527; overflow:hidden; transform:translateY(-50%); }
.zoo-hero-art img { position:absolute; max-width:none; width:calc(100% * 2560 / 2037); height:auto; left:calc(-100% * 286 / 2037); top:calc(-100% * 453 / 1527); }
.zoo-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(7,23,37,.84)); pointer-events:none; }
.zoo-hero-title { position:absolute; z-index:1; left:clamp(24px,5.5vw,96px); right:24px; bottom:clamp(32px,5vw,72px); pointer-events:none; }
.zoo-hero h1 { max-width:13ch; font-size:clamp(48px,5.3vw,84px); line-height:1.08; }
.zoo-intro { padding-block:56px 28px; }
.zoo-heading { position:relative; top:auto !important; margin-bottom:28px; }
.zoo-page h2 { font-size:clamp(30px,3vw,46px); line-height:1.22; }
.zoo-intro > .zoo-heading { max-width:900px; margin-bottom:40px; }
.zoo-copy { min-width:0; max-width:66ch; line-height:1.6; }
.zoo-copy p+p { margin-top:1.1em; }
.zoo-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,4vw,64px); align-items:center; }
.zoo-intro-story { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
.zoo-giraffe { max-width:330px; margin-inline:auto; }
.zoo-jump { display:flex; flex-wrap:wrap; gap:16px 28px; margin-top:32px; font-size:16px; line-height:1.5; }
.zoo-jump a { color:#c2ccd7; text-decoration:underline; text-underline-offset:6px; }
.zoo-jump a:hover { color:#f7f8fa; }
.zoo-lead-film { max-width:1120px; padding-block:12px 24px; }
.zoo-film { min-width:0; }
.zoo-player { width:100%; aspect-ratio:16/9; background:#071725; }
.zoo-player .local-video { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; }
.zoo-film figcaption { margin-top:12px; font-size:16px; line-height:1.5; color:#c2ccd7; }
.zoo-chapter { padding-block:48px; scroll-margin-top:96px; }
.zoo-gap { margin-top:32px; }
.zoo-outdoor-pair { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:32px; align-items:center; }
.zoo-outdoor-pair > .zoo-art:first-child { max-width:460px; margin-inline:auto; }
.zoo-critter-story { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
.zoo-posters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; max-width:1140px; margin-inline:auto; }
.zoo-film-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 28px; }
.zoo-film-feature { max-width:960px; margin-inline:auto; }
.zoo-anniversary-row { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:32px; align-items:center; }
.zoo-anniversary-reverse { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
.zoo-banner-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.zoo-book-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:900px; margin-inline:auto; }
@media(max-width:900px) {
 .zoo-intro { padding-block:40px 20px; }
 .zoo-intro > .zoo-heading { margin-bottom:28px; }
 .zoo-story { grid-template-columns:minmax(0,1fr); gap:28px; }
 .zoo-story-reverse > .zoo-art { grid-row:1; }
 .zoo-giraffe { max-width:300px; }
 .zoo-chapter { padding-block:36px; }
 .zoo-heading { margin-bottom:24px; }
 .zoo-posters { gap:20px; }
 .zoo-outdoor-pair,.zoo-anniversary-row { gap:24px; }
 .zoo-banner-grid,.zoo-film-grid,.zoo-book-pair { gap:24px; }
}
@media(max-width:600px) {
 .zoo-hero { --zoo-hero-height:clamp(400px,75vw,460px); }
 .zoo-hero h1 { font-size:44px; max-width:10ch; }
 .zoo-jump { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .zoo-giraffe { max-width:260px; }
 .zoo-posters { grid-template-columns:minmax(0,1fr); gap:24px; max-width:300px; }
 .zoo-outdoor-pair,.zoo-film-grid,.zoo-anniversary-row,.zoo-banner-grid,.zoo-book-pair { grid-template-columns:minmax(0,1fr); gap:24px; }
 .zoo-anniversary-reverse > .zoo-art:last-child { grid-row:1; }
 .zoo-chapter { padding-block:28px; }
 .zoo-gap { margin-top:24px; }
}