@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#f5f0e7;--muted:#b8b2a5;--bg:#171a15;--panel:#20241d;--accent:#d4a65e;--line:rgba(245,240,231,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#171a15;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:12px;letter-spacing:2px;line-height:1.25}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent);color:var(--accent);font-family:'Playfair Display',serif;font-size:18px;letter-spacing:0}.nav{display:flex;gap:30px}.nav a{font-size:12px;color:#c9c4b9;transition:color .2s}.nav a:hover,.nav a.active{color:var(--accent)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:25px}
.hero{min-height:660px;height:calc(100vh - 84px);max-height:850px;position:relative;display:flex;align-items:center;padding:7vw;background:linear-gradient(90deg,rgba(13,17,13,.9) 0%,rgba(13,17,13,.58) 46%,rgba(13,17,13,.05) 100%),linear-gradient(0deg,rgba(13,17,13,.45),transparent 40%),url('https://images.unsplash.com/photo-1546182990-dffeafbe841d?auto=format&fit=crop&w=2000&q=85') center 42%/cover}.hero-content{max-width:660px}.eyebrow,.section-label{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:700}.hero h1,.animal-hero h1{font-family:'Playfair Display',serif;font-size:clamp(56px,8vw,108px);line-height:.99;font-weight:500;letter-spacing:-2px;margin:24px 0}.hero h1 em,.animal-hero h1 em,h2 em{color:var(--accent);font-weight:500}.hero-lead{max-width:470px;color:#dedbd2;font-size:15px;line-height:1.9;margin-bottom:32px}.button{display:inline-flex;gap:28px;align-items:center;padding:14px 20px;border:1px solid var(--accent);font-size:11px;letter-spacing:1px;text-transform:uppercase;transition:background .2s}.button:hover{background:var(--accent);color:#171a15}.hero-caption{position:absolute;right:6vw;bottom:35px;font-size:9px;letter-spacing:2px;color:#eee}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px}.section-wrap{padding-left:8vw;padding-right:8vw}.intro{display:grid;grid-template-columns:1fr 2fr;gap:7vw;padding-top:120px;padding-bottom:120px}.intro h2,.section-heading h2,.animal-content h2{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(38px,5vw,62px);line-height:1.12;margin:0 0 24px}.intro p,.section-heading>p,.content-columns p{max-width:620px;color:var(--muted);font-size:14px;line-height:2}.species-section{padding:90px 6vw 120px;background:#20241d}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:0 2vw 42px}.section-heading>p{max-width:300px}.species-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.species-card{height:450px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background-size:cover;background-position:center;isolation:isolate;transition:transform .25s}.species-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,9,.95),rgba(10,12,9,.04) 75%);z-index:-1;transition:background .2s}.species-card:hover{transform:translateY(-5px)}.species-card:hover:before{background:linear-gradient(0deg,rgba(10,12,9,.98),rgba(10,12,9,.1) 90%)}.lion-card{background-image:url('https://images.unsplash.com/photo-1546182990-dffeafbe841d?auto=format&fit=crop&w=900&q=80')}.leopard-card{background-image:url('https://images.unsplash.com/photo-1561731216-c3a4d99437d5?auto=format&fit=crop&w=900&q=80')}.cheetah-card{background-image:url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=900&q=80')}.hyena-card{background-image:url('https://images.unsplash.com/photo-1504173010664-32509aeebb62?auto=format&fit=crop&w=900&q=80')}.card-number{position:absolute;top:20px;left:22px;color:#fff;font-family:'Playfair Display',serif;font-size:16px}.card-bottom{padding:25px;width:100%}.card-bottom span{font-size:10px;color:var(--accent);font-style:italic}.card-bottom h3{font-family:'Playfair Display',serif;font-size:35px;font-weight:500;margin:4px 0}.card-bottom p{font-size:11px;color:#d2d0c7;min-height:38px}.card-bottom b{display:block;border-top:1px solid rgba(255,255,255,.35);padding-top:13px;font-size:10px;letter-spacing:1px;font-weight:500}.fact-band{padding:110px 12vw;text-align:center;background:#d4a65e;color:#1a1b15}.fact-band .section-label{color:#42341e}.fact-band h2{font:500 clamp(32px,5vw,58px)/1.2 'Playfair Display',serif;margin:24px 0}.fact-band h2 em{color:#fff5df}.fact-band p{max-width:600px;margin:0 auto;color:#493d2c;font-size:13px;line-height:1.9}
.animal-hero{min-height:550px;display:flex;align-items:flex-end;padding:8vw;background-position:center;background-size:cover;position:relative;isolation:isolate}.animal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,11,.82),rgba(12,15,11,.1)),linear-gradient(0deg,rgba(12,15,11,.6),transparent 65%);z-index:-1}.lion-hero{background-image:url('https://images.unsplash.com/photo-1546182990-dffeafbe841d?auto=format&fit=crop&w=1800&q=85')}.leopard-hero{background-image:url('https://images.unsplash.com/photo-1561731216-c3a4d99437d5?auto=format&fit=crop&w=1800&q=85')}.cheetah-hero{background-image:url('https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=1800&q=85')}.hyena-hero{background-image:url('https://images.unsplash.com/photo-1504173010664-32509aeebb62?auto=format&fit=crop&w=1800&q=85')}.animal-hero-inner{max-width:850px}.animal-hero h1{font-size:clamp(50px,7vw,88px);margin:20px 0}.animal-hero h1 em{display:block;font-size:.52em;letter-spacing:0;margin-top:15px}.animal-hero-inner>p:last-child{color:#e2dfd5;max-width:500px}.animal-content{padding:100px 12vw 120px}.content-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;margin-top:45px}.content-columns h2{font-size:clamp(36px,4vw,54px)}.fact-box{padding:30px;background:#22261f;align-self:start;border-top:2px solid var(--accent)}.fact-box>span{font-size:10px;letter-spacing:2px;color:var(--accent)}dl{margin:25px 0 0}dt{font-size:10px;color:var(--muted);margin-top:20px}dd{margin:3px 0 0;font-size:13px}.quote-section{padding:75px 10vw;background:#25291f;text-align:center}.quote-section p{font:italic 28px/1.4 'Playfair Display',serif;max-width:800px;margin:0 auto 28px}.quote-section a{color:var(--accent);font-size:11px;letter-spacing:1px}footer{padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer p{margin:0}
@media(max-width:900px){.nav{gap:15px}.species-grid{grid-template-columns:repeat(2,1fr)}.species-card{height:400px}.intro{grid-template-columns:1fr;gap:25px}.section-heading{padding-left:0;padding-right:0}.content-columns{gap:4vw}}
@media(max-width:650px){.site-header{height:72px;padding:0 5vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#171a15;padding:20px 6vw 25px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{height:calc(100svh - 72px);min-height:590px;padding:8vw;background-position:58% center}.hero h1{font-size:58px}.hero-caption{left:8vw;right:auto}.section-wrap{padding-left:7vw;padding-right:7vw}.intro{padding-top:80px;padding-bottom:80px}.species-section{padding:70px 5vw}.section-heading{display:block}.section-heading>p{margin-top:10px}.species-grid{grid-template-columns:1fr 1fr;gap:9px}.species-card{height:340px}.card-bottom{padding:16px}.card-bottom h3{font-size:29px}.card-bottom p{font-size:10px}.fact-band{padding:80px 7vw}.animal-hero{min-height:520px;padding:8vw}.animal-hero h1{font-size:55px}.animal-content{padding:75px 7vw}.content-columns{grid-template-columns:1fr;gap:30px}.quote-section{padding:60px 7vw}.quote-section p{font-size:23px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
@media(max-width:390px){.species-grid{grid-template-columns:1fr}.species-card{height:390px}.hero h1{font-size:51px}}