@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{
  --ink:#17231b; --muted:#647168; --cream:#f4f0e5; --paper:#fbf9f2;
  --green:#314b36; --sage:#879b76; --rust:#b95f35; --gold:#d5a54a; --line:#d8d5c8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.hero{min-height:760px;background:var(--cream);position:relative;overflow:hidden}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 30px;border-bottom:1px solid rgba(23,35,27,.12)}
.logo{font-weight:800;letter-spacing:.08em;font-size:13px;display:flex;gap:9px}.logo span{font-weight:500;color:var(--rust)}
.nav-links{display:flex;gap:30px;font-size:13px;color:#526056}.nav-links a:hover{color:var(--rust)}
.hero-grid{max-width:1180px;margin:auto;padding:80px 30px 70px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.eyebrow,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--rust)}
h1,h2,h3{margin:0;line-height:1.04;letter-spacing:-.04em}
h1{font-size:clamp(54px,7vw,92px);max-width:700px;margin:18px 0 28px}
h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--rust)}
.lead{font-size:17px;max-width:590px;color:#536056;margin-bottom:35px}
.button{display:inline-flex;gap:22px;align-items:center;background:var(--green);color:#fff;padding:15px 20px;border-radius:4px;font-size:13px;font-weight:700}.button span{font-size:17px}
.hero-art{height:480px;position:relative;overflow:hidden;border-radius:4px;background:#dfe1c9}
.sun{width:145px;height:145px;background:#e2b45a;border-radius:50%;position:absolute;right:75px;top:45px;opacity:.9}
.hill{position:absolute;border-radius:50% 50% 0 0/100% 100% 0 0}
.hill-back{width:650px;height:250px;left:-80px;bottom:100px;background:#9ba681}
.hill-front{width:760px;height:260px;left:-90px;bottom:-25px;background:#5f7653}
.burrow{position:absolute;width:110px;height:45px;border-radius:50%;background:#2c3a29;bottom:43px;left:120px;box-shadow:0 5px 0 #7b6241}
.grass{position:absolute;width:2px;height:35px;background:#3e5838;bottom:75px;transform:rotate(20deg)}
.grass-1{left:90px}.grass-2{left:210px;height:45px;transform:rotate(-12deg)}.grass-3{right:150px;height:30px}
.suslik{position:absolute;left:42%;bottom:62px;width:190px;height:190px}
.suslik .body{position:absolute;bottom:8px;left:34px;width:110px;height:130px;background:#a66d43;border-radius:52% 48% 45% 45%}
.suslik .head{position:absolute;left:84px;top:26px;width:85px;height:90px;background:#bd8152;border-radius:50%}
.suslik .tail{position:absolute;left:15px;bottom:28px;width:72px;height:48px;background:#8c5d3d;border-radius:70% 30% 50% 50%;transform:rotate(18deg)}
.suslik .ear{position:absolute;right:27px;top:24px;width:22px;height:22px;border-radius:50%;background:#8e5a3b}
.suslik .eye{position:absolute;right:26px;top:59px;width:8px;height:8px;background:#17231b;border-radius:50%;z-index:2}
.suslik .muzzle{position:absolute;right:4px;top:70px;width:34px;height:26px;border-radius:50%;background:#c48a58}
.suslik .paw{position:absolute;right:36px;bottom:5px;width:25px;height:55px;background:#9b6540;border-radius:50%}
.intro{max-width:1180px;margin:auto;padding:115px 30px 105px;display:grid;grid-template-columns:.5fr 1.5fr .5fr;gap:40px;border-bottom:1px solid var(--line)}
.intro h2,.section-heading h2{font-size:52px}.intro-text p{max-width:650px;color:var(--muted);font-size:16px;margin-top:22px}.mini-stat{align-self:end;border-left:1px solid var(--line);padding-left:28px}.mini-stat strong{display:block;font-size:56px;line-height:1;color:var(--rust)}.mini-stat span{font-size:12px;color:var(--muted)}
.species-section{max-width:1180px;margin:auto;padding:110px 30px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading p{max-width:360px;color:var(--muted);font-size:14px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.species-card{background:#ece8da;min-height:620px;position:relative;overflow:hidden;padding:25px}.species-card.small{background:#e5e9d9}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.number{font-size:12px;font-weight:800}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#66705e}
.illustration{height:260px;position:relative;margin:15px -25px 5px;overflow:hidden;background:linear-gradient(180deg,#d9dfc4,#aebc8f)}
.illustration:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-75px;height:180px;background:#73885e;border-radius:50% 50% 0 0}
.large-squirrel,.small-squirrel{isolation:isolate}
.large-squirrel .sq-body,.small-squirrel .sq-body{position:absolute;z-index:2;left:42%;bottom:28px;width:118px;height:130px;background:#9a613c;border-radius:55% 48% 44% 45%}
.small-squirrel .sq-body{width:92px;height:108px;background:#a97145;left:46%}
.sq-head{position:absolute;z-index:3;left:54%;bottom:110px;width:82px;height:84px;background:#b97949;border-radius:52%}
.small-squirrel .sq-head{left:55%;width:70px;height:72px}
.sq-tail{position:absolute;z-index:1;left:33%;bottom:35px;width:85px;height:58px;background:#825536;border-radius:70% 30% 60% 40%;transform:rotate(15deg)}
.small-squirrel .sq-tail{left:38%;width:70px;height:48px}
.sq-eye{position:absolute;z-index:4;left:68%;bottom:148px;width:7px;height:7px;border-radius:50%;background:#17231b}.small-squirrel .sq-eye{left:69%;bottom:147px}
.sq-ear{position:absolute;z-index:4;left:70%;bottom:175px;width:20px;height:20px;background:#8b5838;border-radius:50%}.small-squirrel .sq-ear{left:70%;bottom:166px}
.sq-paw{position:absolute;z-index:3;left:66%;bottom:25px;width:23px;height:56px;background:#8c5938;border-radius:50%}
.card-content{padding:15px 10px}.card-content h3{font-size:44px}.latin{font-family:"Playfair Display",serif;font-style:italic;color:var(--rust);margin:7px 0 15px}.card-content p:not(.latin){color:#58635a;font-size:13px;max-width:470px}.traits{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.traits span{font-size:10px;background:rgba(255,255,255,.45);padding:7px 10px;border-radius:20px}
.habitat{background:var(--green);color:#f6f2e7;display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}.habitat-art{position:relative;overflow:hidden;background:#c9d2b0}.small-sun{width:100px;height:100px;right:15%;top:15%;position:absolute}.horizon{position:absolute;left:-10%;right:-10%;bottom:38%;height:250px;background:#9da984;border-radius:50% 50% 0 0}.field{position:absolute;left:-10%;right:-10%;bottom:-30px;height:360px;background:#607753;border-radius:50% 50% 0 0}.habitat-copy{padding:100px 9vw 80px 80px}.habitat-copy h2{font-size:50px;margin:18px 0 25px;max-width:530px}.habitat-copy>p{color:#c9d0c5;max-width:530px;font-size:14px}.fact-row{display:flex;gap:18px;margin-top:27px}.fact-icon{font-size:11px;color:#d5a54a;font-weight:800;padding-top:3px}.fact-row b{display:block;font-size:14px}.fact-row small{color:#aebcaf;font-size:12px}
.facts{max-width:1180px;margin:auto;padding:110px 30px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.big-fact{display:flex;gap:28px;align-items:flex-start}.big-fact strong{font-size:72px;line-height:1;color:var(--rust)}.big-fact span{color:var(--muted);font-size:14px;max-width:340px}.quote{font-family:"Playfair Display",serif;font-size:28px;line-height:1.25;border-left:2px solid var(--gold);padding-left:28px}.quote small{display:block;font-family:Manrope,sans-serif;font-size:11px;color:var(--muted);line-height:1.5;margin-top:20px}
.protect{background:#e8e2d1;padding:95px max(30px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}.protect h2{font-size:43px;margin-top:17px}.protect p{font-size:14px;color:#5d675f}
.sources{max-width:1180px;margin:auto;padding:105px 30px 90px}.sources h2{font-size:45px;margin:15px 0 35px}.source-list{border-top:1px solid var(--line)}.source-list a{display:flex;justify-content:space-between;gap:20px;padding:20px 5px;border-bottom:1px solid var(--line);font-size:13px}.source-list a:hover{color:var(--rust)}
footer{background:#17231b;color:#c9d0c5;padding:25px max(30px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}
@media(max-width:800px){
 .nav-links{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:60px}.hero-art{height:360px}.intro{grid-template-columns:1fr;padding-top:80px}.mini-stat{border-left:0;border-top:1px solid var(--line);padding:20px 0}.section-heading{display:block}.section-heading p{margin-top:25px}.cards,.habitat,.fact-grid,.protect{grid-template-columns:1fr}.species-card{min-height:580px}.habitat-copy{padding:75px 30px}.habitat-art{height:380px}.protect{gap:20px}.protect h2{font-size:36px}footer{display:block}footer span{display:block;margin:5px 0}
}
