.site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(rgba(3,25,22,.72),transparent);border-bottom:1px solid rgba(255,255,255,.18);color:#fff}
.site-header .brand,.site-header nav a{color:#fff}.site-header .nav-cta{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.site-header nav a.active{color:var(--sun);position:relative}.site-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--sun)}
.hero{
  min-height:100vh;
  position:relative;
  display:flex;
  color:#fff;
  background-image:linear-gradient(90deg,rgba(7,26,21,.9) 0%,rgba(7,26,21,.5) 43%,rgba(7,26,21,.02) 72%),linear-gradient(0deg,rgba(7,25,20,.6),transparent 38%),url('https://images.unsplash.com/photo-1507461350906-512c53dfa4c6?auto=format&fit=crop&fm=jpg&q=92&w=2400');
  background-size:cover;
  background-position:center 48%;
}

/* Permanent approved Northern King Cobra hero framing. */
.learn-hero:has(#learn-hero-link[href="animal.html?search=Ophiophagus%20hannah"]),
body[data-animal-scientific="Ophiophagus hannah"] #animal-hero{
  background-image:url('assets/northern-king-cobra-approved-hero.jpg')!important;
  background-size:auto 680px!important;
  background-position:right 4vw top -24px!important;
  background-repeat:no-repeat!important;
  background-color:#031411!important;
}
body[data-animal-scientific="Ophiophagus hannah"] #animal-hero{
  /* Kris-approved desktop adjustment: move the real Cobra photo 2.5 inches left and 2 inches down. */
  background-position:right calc(4vw + 240px) top 168px!important;
}
.learn-hero:has(#learn-hero-link[href="animal.html?search=Ophiophagus%20hannah"]) .interior-hero-copy,
body[data-animal-scientific="Ophiophagus hannah"] #animal-hero .interior-hero-copy{max-width:46%;margin-right:auto}
@media(max-width:900px){
  .learn-hero:has(#learn-hero-link[href="animal.html?search=Ophiophagus%20hannah"]),
  body[data-animal-scientific="Ophiophagus hannah"] #animal-hero{background-size:auto 500px!important;background-position:center 18px!important;padding-top:550px;min-height:0}
  .learn-hero:has(#learn-hero-link[href="animal.html?search=Ophiophagus%20hannah"]) .interior-hero-copy,
  body[data-animal-scientific="Ophiophagus hannah"] #animal-hero .interior-hero-copy{max-width:100%}
}

/* Tracks & Signs: calibrated desktop scale, safe best-fit fallback, and mobile disclosure. */
.tracks-signs{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,1.22fr);gap:clamp(1.5rem,5vw,4rem);align-items:start;overflow:hidden;background:linear-gradient(145deg,#09231e,#03100e);border-left-color:var(--sun)}
.tracks-copy h2{font-family:'Fjalla One',sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:400;line-height:.96;text-transform:uppercase;margin:.25rem 0 1rem;color:var(--cream)}
.tracks-copy>p:not(.eyebrow){color:#c9d8d3;line-height:1.75}
.track-lab{--calibration:1;--fit-scale:1;min-width:0;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(255,255,255,.13);border-radius:1.4rem;background:radial-gradient(circle at 50% 35%,rgba(255,189,34,.09),transparent 48%),#061b18}
.track-stage{min-height:340px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:16px}
.track-shape{position:relative;flex:0 0 auto;width:calc(var(--track-w) * 10mm * var(--calibration));height:calc(var(--track-h) * 10mm * var(--calibration));transform:scale(var(--fit-scale));transform-origin:center;color:#06110f;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
.track-shape i{position:absolute;display:block;background:#bd9a69}
.track-shape .toe{width:22%;height:22%;border-radius:50%}.track-shape .t1{left:2%;top:23%;transform:rotate(-25deg)}.track-shape .t2{left:24%;top:5%;transform:rotate(-8deg)}.track-shape .t3{right:24%;top:5%;transform:rotate(8deg)}.track-shape .t4{right:2%;top:23%;transform:rotate(25deg)}.track-shape .t0{left:40%;top:0}
.track-shape .pad{left:19%;right:19%;bottom:8%;height:50%;border-radius:48% 48% 42% 42%;clip-path:polygon(10% 8%,35% 0,50% 13%,65% 0,90% 8%,100% 60%,77% 100%,23% 100%,0 60%)}
.track-shape .hoof{top:5%;bottom:5%;width:44%;border-radius:48% 48% 35% 35%;clip-path:polygon(50% 0,100% 22%,92% 100%,8% 100%,0 22%)}.track-shape .h1{left:3%;transform:rotate(-5deg)}.track-shape .h2{right:3%;transform:rotate(5deg)}
.track-shape .elephant-pad{inset:3%;border-radius:50% 50% 46% 46%;background:#aa8d66}.track-shape .nail{top:0;width:17%;height:12%;border-radius:50%;background:#d8bf91}.track-shape .n1{left:12%}.track-shape .n2{left:32%}.track-shape .n3{right:32%}.track-shape .n4{right:12%}
.track-shape .web{left:10%;right:10%;top:22%;bottom:4%;clip-path:polygon(50% 0,100% 85%,58% 70%,50% 100%,42% 70%,0 85%);background:#bd9a69}.track-shape .bird-toe{width:10%;height:72%;top:2%;border-radius:999px;transform-origin:bottom}.track-shape .b1{left:24%;transform:rotate(-27deg)}.track-shape .b2{left:45%}.track-shape .b3{right:24%;transform:rotate(27deg)}
.track-shape .palm{left:22%;right:22%;bottom:4%;height:52%;border-radius:45%}.track-shape .finger{width:12%;height:50%;bottom:47%;border-radius:999px;transform-origin:bottom}.track-shape .f1{left:9%;transform:rotate(-34deg)}.track-shape .f2{left:27%;transform:rotate(-15deg)}.track-shape .f3{left:44%}.track-shape .f4{right:27%;transform:rotate(15deg)}.track-shape .f5{right:9%;transform:rotate(34deg)}
.track-shape .insect-body{left:43%;top:12%;width:14%;height:76%;border-radius:50%}.track-shape .leg{left:47%;top:48%;width:6%;height:58%;transform-origin:top}.track-shape .l1{transform:rotate(58deg)}.track-shape .l2{transform:rotate(90deg)}.track-shape .l3{transform:rotate(122deg)}.track-shape .l4{transform:rotate(238deg)}.track-shape .l5{transform:rotate(270deg)}.track-shape .l6{transform:rotate(302deg)}
.track-shape .snake-trail{left:43%;top:0;width:18%;height:100%;border-radius:50%;background:repeating-linear-gradient(180deg,#bd9a69 0 12%,#836847 12% 18%);transform:skewX(-13deg)}
.track-stage-symbol .track-shape{width:min(220px,60vw);height:190px;transform:none}.track-shape .water-trace{inset:18% 3%;background:transparent;border-top:8px solid #39aeba;border-bottom:8px solid #39aeba;border-radius:50%;box-shadow:0 22px 0 -3px #246d76,0 -22px 0 -3px #246d76}
.track-controls{display:grid;gap:.8rem}.track-controls label{display:grid;gap:.6rem;font-weight:700;color:#e5eee9}.track-scale{width:100%;accent-color:var(--sun)}.track-scale-readout{color:var(--sun);font-size:.84rem}.card-gauge{box-sizing:border-box;width:calc(85.6mm * var(--calibration));max-width:100%;height:54mm;border:2px dashed var(--sun);border-radius:3mm;display:grid;place-items:center;padding:1rem;color:#f5d777;text-align:center;font-size:.78rem}
.track-warning{margin:1rem 0 0;padding:.8rem 1rem;border-radius:.8rem;background:#112f29;color:#d8e3df;line-height:1.5;font-weight:700}.track-lab.is-actual-size .track-warning{background:#164c3e;color:#f1fff9}.track-lab.is-fit-preview .track-warning{background:#5a3416;color:#ffe4ad}
@media(max-width:900px){.tracks-signs{grid-template-columns:1fr}.track-stage{min-height:310px}}
@media(max-width:700px){.tracks-signs{margin-left:0;margin-right:0;padding:1.35rem}.track-lab{padding:1rem}.track-stage{min-height:270px}.track-controls{display:none}.track-warning{font-size:.88rem}.track-shape{max-width:none;max-height:none}}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(255,190,64,.3),transparent 30%);pointer-events:none;animation:savannaGlow 7s ease-in-out infinite alternate}
@keyframes savannaGlow{from{opacity:.55}to{opacity:1}}
.hero:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.hero-copy{padding:150px 6vw 105px;display:flex;flex-direction:column;justify-content:center;max-width:880px;position:relative;z-index:2;animation:heroReveal 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes heroReveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero .eyebrow{color:var(--sun);display:flex;align-items:center;gap:14px}.hero .eyebrow:before{content:"";width:46px;height:2px;background:var(--sun)}
.hero h1{font-size:clamp(5.3rem,10vw,10.5rem);line-height:.82;letter-spacing:-.045em;text-shadow:0 6px 35px rgba(0,0,0,.32)}
.hero h1 em{color:var(--sun);display:inline-block}
.hero .intro{font-size:clamp(1.02rem,1.35vw,1.28rem);max-width:650px;text-shadow:0 2px 15px rgba(0,0,0,.5)}
.hero .secondary{border-color:currentColor;color:inherit;background:rgba(4,30,27,.18);backdrop-filter:blur(5px)}
.hero .trust-row span{border-color:rgba(255,255,255,.38);background:rgba(3,30,27,.18);backdrop-filter:blur(5px)}
.hero-stamp{position:absolute;z-index:3;right:4vw;top:5vh;width:132px;height:132px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(7deg);text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;background:rgba(7,87,71,.25);backdrop-filter:blur(7px)}
.hero-stamp b{font-family:'Fjalla One';font-size:1.15rem;margin-top:7px}
.hero-credit{position:absolute;z-index:2;right:4vw;bottom:4vh;margin:0;font-weight:700;background:var(--paper);color:var(--ink);padding:11px 15px;transform:rotate(-1.5deg);box-shadow:7px 7px 0 var(--red)}
.hero-scroll{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font-weight:700;font-size:.61rem}.hero-scroll i{width:25px;height:40px;border:1px solid rgba(255,255,255,.75);border-radius:20px;position:relative}.hero-scroll i:after{content:"";position:absolute;width:4px;height:7px;background:var(--sun);border-radius:5px;left:10px;top:7px;animation:scrollDrop 1.8s infinite}@keyframes scrollDrop{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(17px)}}
.hero-premiere{position:absolute;z-index:4;right:8vw;top:52%;width:154px;height:154px;border-radius:50%;background:rgba(207,47,34,.94);color:#fff;text-decoration:none;display:grid;place-items:center;box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 0 10px rgba(255,255,255,.12);transition:transform .3s,box-shadow .3s}.hero-premiere:hover{transform:scale(1.08);box-shadow:0 24px 65px rgba(0,0,0,.4),0 0 0 14px rgba(255,255,255,.16)}.hero-premiere b{font-size:2rem;margin-left:6px}.premiere-ring{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:.58rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;display:flex;align-items:flex-start;justify-content:center;padding-top:13px}
.voice-note{display:grid;grid-template-columns:.65fr 1.1fr 1fr;gap:4vw;align-items:center;padding:48px 6vw;background:var(--cream);border-bottom:1px solid var(--line)}
.voice-note .eyebrow{margin:0}.voice-note h2{font-family:'Fjalla One';font-weight:400;font-size:clamp(2rem,3vw,3.4rem);line-height:1;text-transform:uppercase;margin:0}.voice-note>p:last-child{line-height:1.65;margin:0}
.wild-gallery{background:var(--forest);color:#fff;padding:100px 6vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center;overflow:hidden}
.gallery-copy h2{font-family:'Fjalla One';font-size:clamp(3.7rem,6vw,7rem);font-weight:400;line-height:.91;text-transform:uppercase;margin:0 0 28px;color:var(--cream)}
.gallery-copy>p:last-child{max-width:520px;line-height:1.75;color:#d9ebe5}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,220px);gap:14px;transform:rotate(1deg)}
.animal-shot{position:relative;display:block;overflow:hidden;background:#123;color:white;text-decoration:none;min-height:0}
.animal-shot.tall{grid-row:auto}.animal-shot.wide{grid-column:auto}.animal-shot img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.05);transition:transform .65s ease,filter .4s}
.shark-face img{object-position:center 48%}.snake-face img{object-position:center center}
.animal-shot:hover img{transform:scale(1.07);filter:saturate(1.15) contrast(1.06)}
.animal-shot:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,25,22,.9))}
.animal-shot span{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.09em}
.ocean-poles{padding:105px 6vw 115px;background:#062f3b;color:#fff;position:relative;overflow:hidden}
.ocean-poles:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(114,219,224,.18);border-radius:50%;right:-150px;top:-250px;box-shadow:0 0 0 70px rgba(114,219,224,.035),0 0 0 140px rgba(114,219,224,.025)}
.ocean-poles-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:4vw;align-items:end;margin-bottom:48px;position:relative;z-index:1}
.ocean-poles-heading .eyebrow{align-self:start}.ocean-poles-heading h2{font-family:'Fjalla One';font-size:clamp(3.3rem,5.8vw,6.7rem);font-weight:400;line-height:.93;text-transform:uppercase;margin:0;color:var(--cream)}
.ocean-poles-heading>p:last-child{line-height:1.7;color:#cce1e3;margin:0;max-width:410px}
.realm-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:560px;gap:18px;position:relative;z-index:1}
.realm-card{position:relative;overflow:hidden;color:#fff;text-decoration:none;background:#0b2026;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.realm-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;filter:none}
.realm-card:hover img{transform:scale(1.035)}
.realm-card:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgba(2,22,28,.82))}
.realm-card>div{position:absolute;z-index:2;left:34px;right:30px;bottom:30px}.realm-card small{font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#9ee4e6}.realm-card h3{font-family:'Fjalla One';font-size:clamp(2.5rem,4.2vw,5rem);font-weight:400;text-transform:uppercase;line-height:1;margin:8px 0 15px}.realm-card span{font-weight:700}
.elephant-realm{grid-row:1}.elephant-realm img{object-position:center}
.whale-realm{grid-column:2;grid-row:1}.whale-realm h3{font-size:clamp(2.2rem,3.2vw,3.8rem)}
.video-card img{transition:transform .55s ease}.video-card:hover img{transform:scale(1.035)}
.fact-panel{background-image:linear-gradient(rgba(255,189,34,.78),rgba(255,189,34,.88)),url('https://images.unsplash.com/photo-1507461350906-512c53dfa4c6?auto=format&fit=crop&fm=jpg&q=85&w=1400');background-size:cover;background-position:center}
@media(max-width:900px){.site-header{background:rgba(3,25,22,.88)}.site-header .menu{color:#fff;border-color:#fff}.hero{background-position:62% center}.hero-copy{background:linear-gradient(90deg,rgba(4,30,27,.84),rgba(4,30,27,.24));width:100%}.hero-stamp{display:none}.hero-premiere{right:5vw;top:auto;bottom:100px;width:118px;height:118px}}
@media(max-width:1100px){.wild-gallery{grid-template-columns:1fr}.gallery-copy{max-width:680px}.gallery-grid{transform:none}}
@media(max-width:900px){.ocean-poles-heading{grid-template-columns:1fr 2fr}.ocean-poles-heading>p:last-child{grid-column:2}.realm-grid{grid-template-rows:480px}}
@media(max-width:700px){.voice-note{grid-template-columns:1fr;gap:14px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,190px)}.animal-shot.tall{grid-column:auto;grid-row:auto}}
@media(max-width:700px){.ocean-poles{padding:75px 5vw}.ocean-poles-heading{grid-template-columns:1fr}.ocean-poles-heading>p:last-child{grid-column:auto}.realm-grid{grid-template-columns:1fr;grid-template-rows:none}.realm-card,.elephant-realm,.whale-realm{grid-column:auto;grid-row:auto;height:400px}.realm-card>div{left:22px;bottom:24px}}
@media(max-width:560px){.hero{min-height:800px;background-position:66% center}.hero-copy{padding:125px 5vw 180px}.hero h1{font-size:4.8rem}.hero-credit{left:5vw;right:auto;bottom:75px}.hero-scroll{display:none}.hero-premiere{width:96px;height:96px;right:7vw;bottom:55px}.premiere-ring{display:none}}

/* Cinematic visual system */
body{background:#031411;color:#f7f0e6}
main{overflow:hidden}.ticker{background:#020b0a;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,189,34,.22);padding:19px 0;color:#d8c9b5}
.voice-note{background:linear-gradient(110deg,#0b211d 0%,#14392f 58%,#7b4d18 160%);color:#fff;border:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,189,34,.24);padding-top:68px;padding-bottom:68px}
.voice-note .eyebrow{color:var(--sun)}.voice-note h2{font-size:clamp(2.5rem,4vw,4.5rem)}.voice-note>p:last-child{color:#c9dad4;font-size:1.05rem}
.episodes{background:radial-gradient(circle at 88% 5%,rgba(15,166,160,.15),transparent 27%),linear-gradient(180deg,#061b18,#031310);color:#fff;padding-top:125px;padding-bottom:130px}
.episodes .section-heading h2{font-size:clamp(4rem,7vw,7.8rem);color:var(--cream)}.episodes .section-heading>a{color:var(--sun);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.video-grid{gap:22px}.video-card{background:#0a2621;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.2)}.video-card:hover{box-shadow:0 30px 80px rgba(0,0,0,.45);border-color:rgba(255,189,34,.45)}.video-card img{aspect-ratio:16/9;filter:saturate(1.08) contrast(1.08)}.video-card div{padding:26px}.video-card small{color:var(--sun)}.video-card h3{color:#fff}.video-card p{color:#bcd0ca}.play{background:rgba(207,47,34,.94);color:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.13)}
.wild-gallery{background:radial-gradient(circle at 10% 35%,rgba(15,166,160,.2),transparent 30%),linear-gradient(135deg,#06392f,#031b18 72%);padding-top:130px;padding-bottom:135px}
.gallery-grid{transform:none;gap:9px}.animal-shot{box-shadow:0 14px 35px rgba(0,0,0,.28)}.animal-shot img{filter:saturate(1.05) contrast(1.08)}.animal-shot:after{inset:48% 0 0}.animal-shot span{font-size:.72rem;text-shadow:0 2px 12px #000}
.ocean-poles{background:radial-gradient(circle at 80% 25%,rgba(28,135,153,.24),transparent 30%),linear-gradient(145deg,#041b22,#062f3b 58%,#031419);padding-top:135px;padding-bottom:145px}.realm-grid{gap:12px}.realm-card{box-shadow:0 30px 80px rgba(0,0,0,.42)}
.story-panel,.fact-panel{min-height:650px}.story-panel{background:linear-gradient(145deg,#072e27,#031713);position:relative}.story-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(15,166,160,.14),transparent 32%);pointer-events:none}.story-panel>*{position:relative}.fact-panel{background-blend-mode:multiply;color:#fff}.fact-panel:after{content:"ELEPHANT";position:absolute;right:4%;bottom:-.08em;font-family:'Fjalla One';font-size:clamp(4rem,10vw,10rem);color:rgba(255,255,255,.09);line-height:1}.fact-panel>*{position:relative;z-index:1}
.shop{background:linear-gradient(180deg,#f4e8d9,#e8d5bd);color:var(--ink);padding-top:125px;padding-bottom:130px}.shop h2{font-size:clamp(4rem,6vw,7rem);line-height:.92}.product-art{position:relative;isolation:isolate;box-shadow:0 22px 45px rgba(9,47,43,.2);text-shadow:0 3px 20px rgba(0,0,0,.5);overflow:hidden}.product-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,rgba(2,18,15,.72))}.tee{background:linear-gradient(rgba(139,35,25,.35),rgba(139,35,25,.35)),url('https://images.unsplash.com/photo-1507461350906-512c53dfa4c6?auto=format&fit=crop&fm=jpg&q=82&w=900') center/cover}.mug{background:linear-gradient(rgba(0,83,82,.32),rgba(0,83,82,.32)),url('https://images.unsplash.com/photo-1682788820676-2d68c93d3346?auto=format&fit=crop&fm=jpg&q=82&w=900') center/cover}.pet{background:linear-gradient(rgba(3,66,54,.32),rgba(3,66,54,.32)),url('https://images.unsplash.com/photo-1505438157249-00e1b44ee34f?auto=format&fit=crop&fm=jpg&q=82&w=900') center/cover}
.mission{position:relative;background:linear-gradient(rgba(1,14,13,.86),rgba(1,14,13,.92)),url('https://images.unsplash.com/photo-1698334846759-2cdc3352dd85?auto=format&fit=crop&fm=jpg&q=86&w=2200') center/cover fixed;padding-top:150px;padding-bottom:150px}.mission blockquote{text-shadow:0 10px 45px rgba(0,0,0,.5)}
footer{background:#020c0b;color:#d7e0dc;border-top:1px solid rgba(255,255,255,.12)}footer a{color:#d7e0dc}footer small{border-color:rgba(255,255,255,.12)}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero:before,.hero-scroll i:after{animation:none}}
@media(max-width:700px){.episodes,.wild-gallery,.ocean-poles,.shop{padding-top:90px;padding-bottom:95px}.story-panel,.fact-panel{min-height:520px}.mission{background-attachment:scroll}.product-art{aspect-ratio:4/3}}

/* Interior pages */
.interior-page{background:#031411;color:#fff}.interior-page .site-header{position:absolute}.interior-hero{min-height:76vh;display:flex;align-items:flex-end;padding:170px 6vw 85px;position:relative;background-size:cover;background-position:center;color:#fff}.interior-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,15,.9),rgba(2,18,15,.25) 65%),linear-gradient(0deg,rgba(2,18,15,.88),transparent 52%)}.interior-hero-copy{position:relative;z-index:1;max-width:900px}.interior-hero h1{font-family:'Fjalla One';font-size:clamp(5rem,10vw,10rem);font-weight:400;line-height:.84;letter-spacing:-.04em;text-transform:uppercase;margin:0;color:var(--cream)}.interior-hero h1 em{font-style:normal;color:var(--sun)}.interior-hero .intro{max-width:680px;color:#e8efec}.watch-hero{background-image:url('https://images.unsplash.com/photo-1698334846759-2cdc3352dd85?auto=format&fit=crop&fm=jpg&q=90&w=2400')}.stories-hero{background-image:url('https://images.unsplash.com/photo-1682788820676-2d68c93d3346?auto=format&fit=crop&fm=jpg&q=90&w=2400')}.shop-hero{background-image:url('https://images.unsplash.com/photo-1507461350906-512c53dfa4c6?auto=format&fit=crop&fm=jpg&q=90&w=2400')}.about-hero{background-image:url('https://images.unsplash.com/photo-1669558981013-57fe35d7fa3f?auto=format&fit=crop&fm=jpg&q=90&w=2400')}
.page-section{padding:110px 6vw;background:#061b18}.page-section.alt{background:#0a2923}.page-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:5vw;align-items:end;margin-bottom:55px}.page-heading h2{font-family:'Fjalla One';font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.92;text-transform:uppercase;margin:0;color:var(--cream)}.page-heading p:last-child{color:#bfd0ca;line-height:1.7;max-width:580px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.library-card{background:#0b3029;color:#fff;text-decoration:none;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:.3s}.library-card:hover{transform:translateY(-7px);border-color:rgba(255,189,34,.55);box-shadow:0 28px 70px rgba(0,0,0,.38)}.library-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.library-card div{padding:26px}.library-card small{color:var(--sun);text-transform:uppercase;letter-spacing:.13em;font-weight:700}.library-card h3{font-size:1.4rem;line-height:1.2;margin:10px 0}.category-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:42px}.category-row span{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:10px 16px;color:#d9e6e1;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}.story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.story-card{min-height:440px;position:relative;overflow:hidden;color:#fff;text-decoration:none}.story-card:first-child{grid-row:span 2;min-height:650px}.story-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.7s}.story-card:hover img{transform:scale(1.05)}.story-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(2,18,15,.95))}.story-card div{position:absolute;z-index:1;left:28px;right:28px;bottom:26px}.story-card h3{font-family:'Fjalla One';font-size:clamp(2rem,3vw,3.6rem);text-transform:uppercase;margin:8px 0}.story-card small{color:var(--sun);text-transform:uppercase;letter-spacing:.13em;font-weight:700}.shop-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.shop-category{min-height:520px;position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-size:cover;background-position:center}.shop-category:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(2,18,15,.94))}.shop-category>*{position:relative;z-index:1}.shop-category h3{font-family:'Fjalla One';font-size:3rem;text-transform:uppercase;margin:5px 0}.shop-category p{color:#cfddd8}.shop-apparel{background-image:url('https://images.unsplash.com/photo-1507461350906-512c53dfa4c6?auto=format&fit=crop&fm=jpg&q=84&w=1100')}.shop-gifts{background-image:url('https://images.unsplash.com/photo-1682788820676-2d68c93d3346?auto=format&fit=crop&fm=jpg&q=84&w=1100')}.shop-pets{background-image:url('https://images.unsplash.com/photo-1505438157249-00e1b44ee34f?auto=format&fit=crop&fm=jpg&q=84&w=1100')}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-grid h2{font-family:'Fjalla One';font-size:clamp(4rem,7vw,8rem);font-weight:400;line-height:.9;text-transform:uppercase;margin:0}.about-grid p{color:#c4d4ce;line-height:1.85;font-size:1.08rem}.about-quote{padding:120px 12vw;text-align:center;background:var(--sun);color:var(--ink)}.about-quote blockquote{font-family:'Fjalla One';font-size:clamp(4rem,8vw,9rem);line-height:.9;text-transform:uppercase;margin:0}.launch-panel{text-align:center;padding:110px 8vw;background:linear-gradient(135deg,#083a31,#05221e)}.launch-panel h2{font-family:'Fjalla One';font-size:clamp(4rem,7vw,8rem);text-transform:uppercase;font-weight:400;line-height:.9;margin:0 auto 25px}.launch-panel p{max-width:650px;margin:0 auto 30px;color:#c7d6d1}
@media(max-width:900px){.library-grid,.shop-page-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr 1fr}.story-card:first-child{grid-row:auto;grid-column:1/-1;min-height:520px}.page-heading,.about-grid{grid-template-columns:1fr}.interior-hero{min-height:70vh}}
@media(max-width:600px){.library-grid,.shop-page-grid,.story-grid{grid-template-columns:1fr}.story-card:first-child{grid-column:auto}.page-section{padding:80px 5vw}.interior-hero{padding:145px 5vw 70px}.interior-hero h1{font-size:4.8rem}.shop-category{min-height:430px}}

/* Searchable animal library */
.learn-hero{background-image:url('https://images.unsplash.com/photo-1637067788163-e43c2c4a40ed?auto=format&fit=crop&fm=jpg&q=90&w=2400');transition:background-image .8s ease}.learn-hero-link{display:inline-block;margin-top:1.1rem;color:var(--ink);background:var(--sun);padding:.85rem 1.15rem;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.learn-hero-link[hidden]{display:none}.learn-hero-credit{position:absolute;z-index:2;right:2vw;bottom:1.2rem;max-width:46vw;margin:0;color:rgba(255,255,255,.78);font-size:.68rem;text-align:right;text-shadow:0 1px 5px #000}.learn-search-wrap{max-width:1100px;margin:-42px auto 70px;position:relative;z-index:4;padding:0 5vw}.learn-search{display:flex;background:#fff;padding:10px;border-radius:4px;box-shadow:0 25px 70px rgba(0,0,0,.45);gap:8px}.learn-search input{flex:1;min-width:0;border:0;padding:18px 20px;font:600 1.05rem 'DM Sans';color:var(--ink);outline:0}.learn-search button{border:0;background:var(--red);color:#fff;padding:0 27px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.learn-search .voice-search{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sun);color:var(--ink);white-space:nowrap}.learn-search .voice-search.listening{background:var(--red);color:#fff;animation:mic-pulse 1s infinite alternate}.learn-search .voice-search:disabled{background:#d5d9d7;color:#66706d;cursor:not-allowed}.voice-status{color:#dbe7e3;margin:13px 10px 0;font-size:.88rem}.voice-status:before{content:'VOICE SEARCH  ';color:var(--sun);font-weight:800;letter-spacing:.08em;font-size:.72rem}@keyframes mic-pulse{to{box-shadow:0 0 0 7px rgba(207,47,34,.22)}}.library-count{color:#9db7ae;margin:-40px 0 35px}.animal-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.animal-entry{background:#0a2a24;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:.3s}.animal-entry:hover{transform:translateY(-6px);border-color:rgba(255,189,34,.55);box-shadow:0 25px 65px rgba(0,0,0,.4)}.animal-entry img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#061c18}.animal-entry div{padding:22px}.animal-entry small{color:var(--sun);font-style:italic}.animal-entry h2{font-family:'Fjalla One';font-size:2rem;text-transform:uppercase;font-weight:400;margin:5px 0}.animal-entry p{color:#bcd0c9;font-size:.88rem;line-height:1.5}.empty-library{display:none;padding:50px;text-align:center;border:1px solid rgba(255,255,255,.15);color:#c7d8d2}.animal-article-hero{min-height:68vh;background-size:contain;background-repeat:no-repeat;background-position:right center;background-color:#031411}.animal-article{max-width:1180px;margin:auto;padding:100px 6vw}.animal-identity{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;margin-bottom:80px}.fact-list{border-top:1px solid rgba(255,255,255,.18)}.fact-list div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.fact-list dt{color:var(--sun);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.fact-list dd{margin:0;color:#d5e0dc}.animal-copy h2{font-family:'Fjalla One';font-size:clamp(3rem,5vw,5.5rem);font-weight:400;text-transform:uppercase;line-height:.95;margin:0 0 25px}.animal-copy p{color:#c9d8d3;line-height:1.85;font-size:1.08rem}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.knowledge-card{background:#0a2923;padding:35px;border:1px solid rgba(255,255,255,.1)}.knowledge-card h3{font-family:'Fjalla One';font-size:2rem;text-transform:uppercase;font-weight:400;color:var(--cream);margin:0 0 12px}.knowledge-card p{color:#bfd0ca;line-height:1.7}.source-panel{margin-top:55px;padding:35px;background:#03100e;border-left:4px solid var(--sun)}.source-panel a{color:var(--aqua);display:block;margin:10px 0}.library-note{margin-top:55px;color:#9fb6ae;font-size:.88rem;line-height:1.7}
@media(max-width:1000px){.animal-directory{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.animal-directory{grid-template-columns:repeat(2,1fr)}.animal-identity,.knowledge-grid{grid-template-columns:1fr}.learn-search{flex-direction:column}.learn-search button{padding:16px}}@media(max-width:480px){.animal-directory{grid-template-columns:1fr}}
.education-banner{padding:90px 6vw;background:linear-gradient(135deg,#f1dfc8,#ffbd22);color:var(--ink)}.education-banner>h2{font-family:'Fjalla One';font-size:clamp(3.5rem,6vw,7rem);font-weight:400;line-height:.92;text-transform:uppercase;margin:0 0 45px}.education-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.education-points b{font-family:'Fjalla One';font-size:3.5rem;color:rgba(9,47,43,.22)}.education-points h3{font-family:'Fjalla One';font-size:2rem;text-transform:uppercase;margin:5px 0}.education-points p{line-height:1.65}.citation-box{margin-top:35px;padding:35px;background:#f1dfc8;color:var(--ink)}.citation-box h2{font-family:'Fjalla One';font-size:2.6rem;text-transform:uppercase;font-weight:400;margin:0 0 15px}.citation-box button{border:0;background:var(--ink);color:#fff;padding:13px 18px;font-weight:800;margin-top:12px}.citation-box .eyebrow{color:var(--red)}@media(max-width:750px){.education-points{grid-template-columns:1fr}.education-banner{padding:75px 5vw}}
/* Deep animal learning and question-led video lab */
.deep-learning{margin:clamp(3rem,7vw,7rem) 0;padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(145deg,#f5e8cf,#fffaf0);border-radius:2rem;color:#123c35}.deep-learning-heading{max-width:760px;margin-bottom:2rem}.deep-learning-heading h2,.question-video-lab h2{font-family:'Fjalla One',sans-serif;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;margin:.3rem 0 1rem}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.research-grid article{padding:1.5rem;background:rgba(255,255,255,.78);border:1px solid rgba(18,60,53,.12);border-radius:1.25rem}.research-grid span{color:#c84328;font-weight:800}.research-grid h3{font-size:1.35rem;margin:.45rem 0}.homework-prompts{margin-top:1rem;padding:1.5rem 2rem;background:#123c35;color:white;border-radius:1.25rem}.homework-prompts li{margin:.7rem 0}.question-video-lab{margin:clamp(3rem,7vw,7rem) 0;padding:clamp(2rem,5vw,4rem);background:radial-gradient(circle at top right,rgba(18,154,164,.35),transparent 35%),#071d21;color:white;border-radius:2rem;box-shadow:0 30px 80px rgba(0,0,0,.25)}.video-lab-copy{max-width:900px}.question-controls{display:grid;grid-template-columns:1fr auto auto;gap:.65rem;margin:1.5rem 0}.question-controls input,.question-controls button{min-height:3.4rem;border:0;border-radius:999px;padding:.7rem 1.2rem;font:inherit}.question-controls button{background:#efb52f;color:#102f2c;font-weight:800;cursor:pointer}.question-controls button:last-child{background:#d4472f;color:white}.video-answer{min-height:2rem}.video-answer a{color:#ffd35e}.video-player-wrap{aspect-ratio:16/9;margin:1.5rem 0;border-radius:1.25rem;overflow:hidden;background:#000}.video-player-wrap iframe{width:100%;height:100%;border:0}.video-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.video-choice{padding:0;background:#102d31;color:white;border:2px solid transparent;border-radius:1rem;overflow:hidden;text-align:left;cursor:pointer}.video-choice.active{border-color:#efb52f}.video-choice img{width:100%;aspect-ratio:16/9;object-fit:cover}.video-choice span{display:block;padding:.85rem;font-weight:700}@media(max-width:760px){.research-grid,.video-choices{grid-template-columns:1fr}.question-controls{grid-template-columns:1fr}.question-controls input{grid-column:1/-1}}
/* Site-wide weekly newsletter */
.newsletter-signup{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(4rem,8vw,7rem) 6vw;background:radial-gradient(circle at 15% 20%,rgba(16,166,160,.3),transparent 35%),#06251f;color:#fff;border-top:1px solid rgba(255,255,255,.12)}.newsletter-signup h2{font-family:'Fjalla One',sans-serif;font-size:clamp(3rem,6vw,6rem);line-height:.92;text-transform:uppercase;margin:.4rem 0 1rem;color:#f3e7d8}.newsletter-signup p{max-width:620px;color:#c7d9d3;line-height:1.7}.newsletter-signup form{padding:clamp(1.4rem,4vw,2.5rem);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:1.4rem}.newsletter-signup form>label:first-child{display:block;margin-bottom:.55rem;font-weight:800}.newsletter-fields{display:grid;grid-template-columns:1fr auto;gap:.6rem}.newsletter-fields input,.newsletter-fields button{min-height:3.5rem;border:0;border-radius:999px;padding:.7rem 1.2rem;font:inherit}.newsletter-fields button{background:#cf2f22;color:#fff;font-weight:800;cursor:pointer}.newsletter-fields button:disabled{opacity:.65}.newsletter-consent{display:flex;align-items:flex-start;gap:.7rem;margin:1rem .4rem;color:#d5e2de;font-size:.88rem;line-height:1.5}.newsletter-consent input{margin-top:.25rem;accent-color:#ffbd22}.newsletter-status{font-size:.85rem;margin:.8rem .4rem 0!important}.newsletter-status a{color:#ffbd22}.newsletter-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.privacy-page{max-width:900px;margin:auto;padding:150px 6vw 100px}.privacy-page h1{font-family:'Fjalla One';font-size:clamp(3.5rem,8vw,7rem);text-transform:uppercase;line-height:.9}.privacy-page h2{color:#16aaa3;margin-top:2.5rem}.privacy-page p,.privacy-page li{color:#c7d9d3;line-height:1.75}@media(max-width:760px){.newsletter-signup{grid-template-columns:1fr}.newsletter-fields{grid-template-columns:1fr}.newsletter-fields button{width:100%}}
.newsletter-signup.reach-newsletter{display:block}.reach-newsletter-shell{width:min(100%,980px);margin:0 auto}.newsletter-signup .newsletter-privacy{max-width:none;margin:1rem auto 0;text-align:center;font-size:.85rem;color:#c7d9d3}.newsletter-privacy a{color:#ffbd22}
.licensed-animal-gallery{padding:clamp(2rem,5vw,5rem);background:#071c1b;color:#f6f1e7}.gallery-heading{max-width:760px;margin-bottom:1.5rem}.gallery-heading h2{font-family:"Fjalla One",sans-serif;font-size:clamp(2rem,4vw,4.2rem);margin:.25rem 0}.animal-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.animal-photo-grid figure{margin:0;background:#102c29;border:1px solid rgba(255,255,255,.12);overflow:hidden}.animal-photo-grid figure:nth-child(n+9){display:none}.gallery-photo{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.animal-photo-grid figcaption{padding:.8rem;font-size:.74rem;line-height:1.4;color:#d7e2dd}.animal-photo-grid a{color:#f6c94c}.animal-lightbox{width:min(92vw,1100px);border:0;padding:1rem;background:#071c1b;color:white}.animal-lightbox::backdrop{background:rgba(0,0,0,.88)}.animal-lightbox img{display:block;max-width:100%;max-height:78vh;margin:auto}.animal-lightbox button{float:right;margin-bottom:.6rem}.animal-lightbox p{text-align:center}@media(max-width:900px){.animal-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.animal-photo-grid{grid-template-columns:1fr}}

/* Mobile navigation: desktop-style active indicator without full-width rules. */
@media(max-width:900px){
  .site-header nav{background:#06251f;border-bottom-color:rgba(255,255,255,.18);box-shadow:0 18px 35px rgba(0,0,0,.3)}
  .site-header nav a{position:relative;width:auto;align-self:flex-start;padding:7px 0 10px;color:#fff!important;opacity:1!important;visibility:visible!important;text-shadow:0 1px 1px rgba(0,0,0,.25)}
  .site-header nav a:not(.active)::after{content:none!important}
  .site-header nav a.active{color:var(--sun)!important}
  .site-header nav a.active::after{content:"";position:absolute;left:0;right:auto;bottom:3px;width:100%;height:2px;background:var(--sun)}
}