.animalPage{padding:28px 0 64px}.animalHero{background:#20291e;display:grid;grid-template-columns:0.85fr 1.15fr;color:#f8f3e8;border-radius:5px;overflow:hidden;min-height:390px}.animalHeroCopy{padding:clamp(28px,4vw,60px);align-self:center}.animalEyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d3c49e;font-weight:700}.animalHero h1{font-size:clamp(40px,5vw,70px);line-height:1.04;margin:20px 0;letter-spacing:-.04em}.animalHero p{line-height:1.7;max-width:420px}.animalHero img{width:100%;height:100%;object-fit:contain;background:#e9deca}.animalHero .btn{display:inline-block;margin-top:18px;background:#d2bd80;color:#20291e}.animalIntro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0 20px;border-bottom:1px solid #d8d7cc}.animalIntro p{margin:0;line-height:1.7}.animalIntro strong{display:block}.animalFilters{display:flex;gap:10px;flex-wrap:wrap;padding:26px 0}.animalFilters button{border:1px solid #bfc2b0;background:transparent;color:#303927;padding:12px 18px;border-radius:30px;cursor:pointer;font:inherit}.animalFilters button[aria-pressed=true]{color:#fff;background:#343f2b;border-color:#343f2b}.animalGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.animalCard{background:#fff;border:1px solid #deded3;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.animalCard:hover{box-shadow:0 8px 28px #2830201a;transform:translateY(-3px)}.animalCard[hidden]{display:none}.animalImage{display:block;background:#e9e4d9}.animalImage img{display:block;width:100%;height:auto;aspect-ratio:2508/1290;object-fit:contain}.animalCardBody{padding:22px;display:flex;flex-direction:column;flex:1}.animalHabitat{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#6e775c}.animalCard h2{font-size:22px;line-height:1.2;margin:12px 0}.animalCard h2 a{color:inherit;text-decoration:none}.animalRef{font-size:12px;color:#69705e;margin:0 0 22px}.animalCardBottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto}.animalPrice{font-size:26px;font-weight:700;color:#303927}.animalCardBottom a{color:#303927;font-size:13px;text-underline-offset:5px;font-weight:700}.animalClosing{margin-top:38px;padding:26px;background:#eeece2;border-left:3px solid #8e916a;line-height:1.7}.animalCount{font-size:13px;color:#68705c;margin:0 0 18px}@media(max-width:1000px){.animalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.animalHero{min-height:310px}.animalHeroCopy{padding:30px}.animalHero h1{font-size:45px}}@media(max-width:650px){.animalHero{grid-template-columns:1fr}.animalHero img{height:auto;aspect-ratio:2508/1290;grid-row:1}.animalHero h1{font-size:42px}.animalHeroCopy{padding:28px}.animalGrid{grid-template-columns:1fr}.animalIntro{display:block}.animalIntro p+p{margin-top:14px}.animalFilters{gap:8px}.animalFilters button{padding:10px 13px;font-size:13px}.animalCard h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.animalCard{transition:none}}
.animalPage .animalCard,.animalPage .animalCard h2,.animalPage .animalCard h2 a{color:#303927!important}.animalPage .animalFilters button{color:#e9e7dc!important}.animalPage .animalFilters button[aria-pressed=true]{color:#fff!important}.animalPage .animalCount{color:#c5c9b8}.animalPage .animalClosing{color:#303927}.animalPage .animalHero .btn{padding:14px 22px;text-decoration:none;font-weight:700}

/* Match the existing store cards. */
.animalPage .animalCard{background:linear-gradient(135deg,#171c13,#10150d);border:1px solid #414632;border-radius:0;color:#f6f3e8!important}.animalPage .animalCard h2,.animalPage .animalCard h2 a,.animalPage .animalPrice{color:#f6f3e8!important}.animalPage .animalImage{background:#151a12}.animalPage .animalHabitat,.animalPage .animalRef{color:#d3d2ba}.animalPage .animalCardBody{padding:20px 18px 28px}.animalPage .animalCardBottom{display:flex;flex-wrap:wrap;gap:18px}.animalPage .animalCardBottom a{display:block;flex:1;min-width:150px;text-align:center;background:#262d1e;border:1px solid #8d9368;color:#f6f3e8;padding:14px;text-decoration:none}.animalPage .animalClosing{background:#1d2418;border-color:#8d9368;color:#f6f3e8}.animalPage .animalHero{border:1px solid #414632;border-radius:0}.animalPage .animalHeroCopy{background:#20291e}.animalPage .animalIntro{border-color:#414632}.animalPage .animalFilters button{border-radius:0;border-color:#777e59}.animalPage .animalCard:hover{box-shadow:none;transform:translateY(-2px)}

/* Panoramic elephant hero, integrated with the existing olive store theme. */
.animalPage .animalHero{position:relative;isolation:isolate;display:block;aspect-ratio:2060/763;min-height:0;background:#1d2418;overflow:hidden}
.animalPage .animalHero>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:transparent}
.animalPage .animalHero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,25,13,.48),transparent 53%);pointer-events:none}
.animalPage .animalHeroCopy{position:relative;z-index:2;width:43%;height:100%;padding:clamp(24px,3.4vw,52px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:transparent}
.animalPage .animalHero .animalEyebrow{font-size:11px;letter-spacing:.22em;color:#dac890}
.animalPage .animalHero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.05;letter-spacing:-.02em;margin:18px 0;color:#fff8e7;text-shadow:0 2px 18px #17200dcc}
.animalPage .animalHero p{font-size:15px;line-height:1.65;max-width:330px;color:#eee8d7;margin:0}
.animalPage .animalHero .btn{margin-top:24px;background:#c8b477;border:1px solid #dec991;color:#17200f;letter-spacing:.04em;font-size:12px;padding:15px 20px}
@media(max-width:1000px) and (min-width:651px){.animalPage .animalHero{aspect-ratio:2.25;min-height:330px}.animalPage .animalHero>img{object-fit:cover;object-position:75% center}.animalPage .animalHeroCopy{width:46%;padding:28px}.animalPage .animalHero h1{font-size:42px}.animalPage .animalHero p{font-size:13px}.animalPage .animalHero .btn{padding:12px 14px;font-size:11px}}
@media(max-width:650px){.animalPage .animalHero{display:flex;flex-direction:column;aspect-ratio:auto;min-height:0}.animalPage .animalHero::before{display:none}.animalPage .animalHero>img{position:relative;order:-1;width:100%;height:auto;aspect-ratio:2060/763;object-fit:contain}.animalPage .animalHeroCopy{width:100%;height:auto;padding:28px;background:linear-gradient(145deg,#252e1e,#182111)}.animalPage .animalHero h1{font-size:44px;margin:14px 0}.animalPage .animalHero p{font-size:15px;max-width:100%}.animalPage .animalHero .btn{margin-top:20px}}

.animalPage .animalHero p.animalHandwritten{font:clamp(28px,2.7vw,40px)/1.02 'Allura',cursive;color:#fff9eb;max-width:340px;margin:10px 0 7px;transform:rotate(-4deg);transform-origin:left center;text-shadow:0 2px 6px #000,0 0 16px #0009}@media(max-width:1000px) and (min-width:651px){.animalPage .animalHero p.animalHandwritten{font-size:30px}}@media(max-width:650px){.animalPage .animalHero p.animalHandwritten{font-size:34px;margin:10px 0 12px}}
