:root{color-scheme:dark;--ink:#f8f5ed;--muted:#b8c7bb;--paper:#061c16;--gold:#f4d477;--line:#d6c18d30;--serif:'Cormorant Garamond',Georgia,serif;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#06161036,#061610d9 700px,#061610f5 1100px)}body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#031910b3,#06161030 65%,#03191080),url('/art/jungle-ruins-background.webp') center/cover;pointer-events:none}
a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--gold)}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}img{display:block;max-width:100%}p{line-height:1.75}h1,h2,h3{font-family:var(--serif);letter-spacing:-.025em;line-height:1.06}h1{font-size:clamp(3rem,6.5vw,5.8rem);font-weight:600;margin:.25em 0;text-shadow:0 3px 24px #00140dc9}h2{font-size:clamp(2.2rem,3.4vw,3.1rem);font-weight:600;margin:0 0 .5em}h3{font-size:1.8rem;font-weight:600;margin:.6em 0}main{max-width:1200px;margin:auto;padding:0 40px}
.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font:700 1.65rem var(--serif);letter-spacing:.08em;text-decoration:none;white-space:nowrap;color:var(--gold)}.brand img{height:42px;width:31px;object-fit:contain;filter:brightness(0) saturate(100%) invert(87%) sepia(39%) saturate(640%) hue-rotate(344deg) brightness(101%)}.site-header nav,.site-footer nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;font-size:.875rem}.site-header nav a{text-decoration:none}.nav-play{border:1px solid #d6c18d70;border-radius:5px;padding:11px 18px;color:var(--gold);background:#061c1680}.nav-play:hover{background:#d6c18d16;border-color:var(--gold)}.skip-link{position:absolute;top:0;left:20px;transform:translateY(-150%);padding:12px;background:var(--paper);z-index:5}.skip-link:focus{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:50px;min-height:640px;padding:65px 0 75px}.hero h1 span{display:block;color:var(--gold)}.hero .lead{max-width:550px}.eyebrow{font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;font-weight:600;color:var(--gold)}.hero .eyebrow{display:flex;align-items:center;gap:14px}.hero .eyebrow::before{content:'';height:1px;width:32px;background:var(--gold)}.lead{font-size:1.06rem;color:var(--muted);max-width:760px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fbe39b,#d7a74e);color:#102019;border:1px solid #f8e5b287;border-radius:5px;text-decoration:none;font-weight:700;font-size:.9rem;padding:17px 24px;box-shadow:0 4px 22px #0007,inset 0 1px 0 #fff4;transition:filter .18s,transform .18s}.button:hover{color:#102019;filter:brightness(1.08);transform:translateY(-2px)}.text-link{font-size:.9rem;font-weight:500;color:var(--gold)}
.hero-art{position:relative;display:grid;place-items:center;min-width:0;padding:25px 0;isolation:isolate}.hero-art::after{content:'';position:absolute;bottom:-5%;width:70%;height:15%;border-radius:50%;background:#0009;filter:blur(22px);z-index:-1}.hero-pack{position:relative;width:min(100%,290px);aspect-ratio:2/3;transform:rotate(-6deg);filter:drop-shadow(12px 20px 24px #0009)}.hero-pack img{width:100%;height:100%;object-fit:contain}.hero-pack-mark{position:absolute;left:25%;top:32%;width:50%;height:36%;background:linear-gradient(135deg,#f7dfa0 0% 27%,#d6ac56 27% 54%,#f7dfa0 54% 62%,#d6ac56 62% 82%,#af7d37 82% 100%);-webkit-mask:url('/lizard2.svg') center/contain no-repeat;mask:url('/lizard2.svg') center/contain no-repeat;filter:drop-shadow(0 -.75px 0 #fff1bc8c) drop-shadow(0 1px 0 #123b30)}.hero-orbit{position:absolute;width:100%;max-width:430px;aspect-ratio:1;border:1px solid #d6c18d29;border-radius:50%;background:radial-gradient(ellipse,#e1ba5829,#92a35308 48%,transparent 70%);z-index:-1}.hero-orbit::after{content:'';position:absolute;inset:20px;border:1px solid #d6c18d12;border-radius:50%}
.section{padding:60px 0;border-top:1px solid var(--line)}.section.compact{padding:36px 0}.intro{max-width:750px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0}.steps article{padding:27px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#15362c8a,#071c16c7)}.steps p{color:var(--muted);font-size:.9rem;margin-bottom:0}.step-number{font:italic 1.6rem var(--serif);color:var(--gold)}
.animal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:22px;margin-top:28px}.animal-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#16362cd9,#071e18f2);text-decoration:none;position:relative;transition:border-color .18s,transform .18s;box-shadow:0 10px 28px #0003}.animal-card:hover{border-color:#d6c18d99;color:var(--ink);transform:translateY(-3px)}.animal-card>img,.animal-placeholder{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#14362b}.animal-card>img{border-bottom:1px solid var(--line)}.animal-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:radial-gradient(ellipse at center,#224a3a,#10291f);color:var(--muted)}.animal-placeholder span{font-size:42px;color:var(--gold)}.animal-placeholder i{font:italic 1.2rem var(--serif);text-align:center}.animal-copy{padding:22px 24px 32px}.animal-copy .eyebrow{font-size:.6rem}.animal-copy h3{font-size:1.7rem;max-width:90%;margin:.5em 0 .3em}.animal-copy p{font-size:.8rem;color:var(--muted);margin:0}.card-arrow{position:absolute;right:20px;bottom:22px;font-size:22px;color:var(--gold)}
.group-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:24px}.group-links a{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:5px;text-decoration:none;background:#12302685;font-size:.9rem;transition:background .18s,border-color .18s}.group-links a span{color:var(--gold)}.group-links a:hover{background:#1c3e30cc;border-color:#d6c18d80}.page-heading{padding:45px 0;max-width:900px}.page-heading h1{font-size:clamp(3rem,5.5vw,4.6rem)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--muted);margin-top:30px}
.reading-column{max-width:760px;color:#d8e1d8}.reading-column section{margin:0 0 40px}.reading-column h2{font-size:2.25rem;color:var(--ink)}.instructions{list-style:none;counter-reset:steps;padding:0}.instructions li{counter-increment:steps;position:relative;padding:10px 0 32px 58px}.instructions li::before{content:counter(steps,decimal-leading-zero);position:absolute;top:10px;left:0;font:italic 1.9rem var(--serif);color:var(--gold)}.instructions h2{margin:0}.callout{padding:32px;background:linear-gradient(135deg,#1c3d2ee0,#0d271fe0);border:1px solid var(--line);border-radius:8px;margin:40px 0}.callout p{max-width:730px;margin-top:0;color:var(--muted)}.scientific-name{font:italic 1.6rem var(--serif);color:var(--muted)}.species-layout{display:flex;gap:48px;align-items:flex-start}.species-layout .reading-column{flex:1;min-width:0}.species-picture{flex:0 0 38%;margin:0}.species-picture img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#15362c;border:1px solid var(--line);border-radius:8px}.species-picture figcaption,.source-note{font-size:.8rem;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.species-picture figcaption{margin-top:12px}.card-facts{border-top:1px solid var(--line)}.card-facts div{display:grid;grid-template-columns:1fr 1fr;padding:16px 0;border-bottom:1px solid var(--line);gap:16px}.card-facts dt{color:var(--muted);font-size:.9rem}.card-facts dd{margin:0}.site-footer{border-top:1px solid var(--line);max-width:1200px;margin:48px auto 0;padding:40px}.site-footer p{font-size:.85rem;color:var(--muted)}
@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:18px}.site-header nav{gap:22px}.hero{gap:28px;grid-template-columns:1.2fr 1fr;min-height:550px}.hero h1{font-size:4rem}.hero-pack{width:235px}.steps{gap:14px}.steps article{padding:20px}}
@media(max-width:700px){main{padding:0 24px}.site-header{padding:22px 24px}.hero{min-height:0;padding:38px 0 52px;gap:36px;grid-template-columns:1fr}.hero-art{margin:0 auto;width:270px;padding:10px 0}.hero-pack{width:170px}.hero h1{font-size:clamp(3.2rem,9vw,4.5rem)}.hero-orbit{width:270px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:24px}.steps h3{margin:.3em 0}.species-layout{flex-direction:column;gap:30px}.species-picture{width:100%;max-width:520px;order:-1}.section{padding:42px 0}.page-heading{padding:30px 0}.site-header nav a{font-size:.8rem}.nav-play{padding:9px 13px}.animal-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.site-footer{padding:32px 24px}}
@media(max-width:480px){.site-header nav{gap:14px 18px}.brand{font-size:1.5rem}.lead{font-size:.95rem}.actions{gap:22px}.animal-grid{grid-template-columns:1fr}.card-facts div{grid-template-columns:1fr;gap:6px}.instructions li{padding-left:44px}.site-footer nav{gap:16px}.group-links{grid-template-columns:1fr}.callout{padding:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}