:root{--forest:#2f4a3a;--deep:#1f3329;--moss:#758b64;--sand:#f6f3ec;--paper:#fffdf8;--rust:#b5743b;--ink:#263229;--muted:#718078;--line:#dfe3d9;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:absolute;top:-50px;left:16px;background:var(--rust);color:#fff;padding:8px 14px;z-index:20}.skip-link:focus{top:0}.site-header{height:78px;background:var(--sand);border-bottom:1px solid rgba(47,74,58,.15);position:sticky;top:0;z-index:10}.header-inner{max-width:1240px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.04em;font-size:20px}.brand>span:last-child>span{color:var(--rust)}.brand-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#e6c783;font-size:14px}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--rust);transition:.25s}.site-header nav a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:none;color:var(--forest);font-weight:700}.hero{min-height:650px;position:relative;background:linear-gradient(108deg,#203b2d 5%,#3b5c44 44%,#86916d 100%);overflow:hidden;color:#fff}.hero-image{position:absolute;inset:0;opacity:.33;background:linear-gradient(130deg,transparent 25%,rgba(0,0,0,.36)),url('../img/hero.jpg') center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,48,36,.7),transparent 75%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1240px;margin:auto;padding:125px 28px 90px}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--rust)}.hero .eyebrow{color:#dbc995}.hero h1{font:500 clamp(48px,7vw,92px)/.98 var(--serif);letter-spacing:-.055em;margin:19px 0 25px;max-width:800px}.hero h1 em,h1 em,h2 em{color:#dfbe79;font-style:italic}.hero-lead{font-size:18px;max-width:470px;color:#eef0e7}.button{display:inline-flex;gap:26px;align-items:center;padding:14px 18px;border-radius:2px;font-size:13px;font-weight:700;margin-top:26px}.button-light{background:#f6f3ec;color:var(--forest)}.button span{font-size:21px;line-height:0}.hero-note{position:absolute;z-index:1;right:6%;bottom:48px;font:italic 15px var(--serif);color:#d9dfd0;line-height:1.25}.section{max-width:1240px;margin:auto;padding:112px 28px}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;padding:35px 0 60px}.section h2{font:500 clamp(38px,5vw,64px)/1.02 var(--serif);letter-spacing:-.055em;color:var(--forest);margin:0}.section h2 em{color:var(--rust)}.lead-text{font-size:20px;line-height:1.5;color:var(--forest)}.intro-grid p:not(.lead-text){color:var(--muted);max-width:550px}.landscape-line{border-top:1px solid #d6dace;border-bottom:1px solid #d6dace;padding:20px 0;display:flex;justify-content:space-between;color:var(--moss);font-size:13px}.species{background:var(--paper);max-width:none;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.species-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:32px 0 37px}.species-head p{color:var(--muted);max-width:420px;margin-bottom:0}.search{height:48px;min-width:290px;border-bottom:1px solid var(--forest);display:flex;align-items:center;gap:12px;color:var(--moss)}.search input{border:0;background:transparent;outline:0;width:100%;color:var(--forest)}.search kbd{font-size:10px;white-space:nowrap;color:#a4aca1}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filter-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:30px;cursor:pointer;font-size:13px}.filter-tabs button span{font-size:11px;margin-left:5px}.filter-tabs button.active,.filter-tabs button:hover{background:var(--forest);color:#fff;border-color:var(--forest)}.animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.animal-card{padding:0;text-align:left;border:1px solid #e4e6dd;background:var(--sand);cursor:pointer;transition:transform .25s,box-shadow .25s;animation:rise .5s var(--delay) both}.animal-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(31,51,41,.12)}.card-visual{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#9eae8d,#4b6950)}.category-water .card-visual{background:linear-gradient(135deg,#a7c8be,#3a6970)}.category-air .card-visual{background:linear-gradient(135deg,#d2cba7,#758b64)}.card-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.28),transparent 35%)}.card-visual span{font-size:56px;filter:drop-shadow(0 5px 5px #2c443544);position:relative;z-index:1}.card-visual small{position:absolute;left:13px;bottom:10px;color:#fff;z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.card-copy{padding:17px 17px 20px;position:relative}.card-copy h3{margin:0;color:var(--forest);font:500 22px var(--serif)}.latin{font:italic 12px var(--serif);color:var(--moss)!important;margin:2px 0 9px!important}.card-copy p:not(.latin){font-size:12px;line-height:1.4;color:var(--muted);margin:0;max-width:190px}.card-arrow{position:absolute;right:16px;bottom:17px;color:var(--rust);font-size:21px}.empty{color:var(--muted);padding:20px 0}.habitats{background:var(--forest);max-width:none;color:#e7e8dd;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.habitats h2{color:#f4f2e8}.habitat-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 50px}.habitat-head p{max-width:370px;color:#b5c0ae}.habitat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.habitat{min-height:240px;padding:24px;background:#3d5b45;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.habitat:before{content:'';position:absolute;inset:0;opacity:.37;background:linear-gradient(135deg,transparent,#172b20)}.habitat>*{position:relative}.habitat span{position:absolute;top:20px;right:24px;color:#b6c494;font-size:11px}.habitat h3{font:500 28px var(--serif);margin:0;color:#f7f3e6}.habitat p{font-size:13px;line-height:1.4;color:#cbd4c5;max-width:280px;margin-bottom:0}.h1{background:linear-gradient(135deg,#5d754f,#263e31)}.h2{background:linear-gradient(135deg,#596d52,#344c40)}.h3{background:linear-gradient(135deg,#416e6b,#233f3d)}.h4{background:linear-gradient(135deg,#6c8b84,#31585a)}.h5{background:linear-gradient(135deg,#a1744b,#584d38)}.h6{background:linear-gradient(135deg,#71865b,#3b5541)}.observe{padding-bottom:100px}.observe-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin:35px 0 70px}.rules{padding-top:7px}.rule{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.rule b{color:var(--rust);font:italic 20px var(--serif)}.rule h3{margin:0;color:var(--forest);font:500 22px var(--serif)}.rule p{margin:4px 0 0;color:var(--muted);font-size:13px}.help{border:1px solid #d6dace;padding:28px}.help-title{font:italic 27px var(--serif);color:var(--rust);margin-bottom:22px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.help-grid strong{color:var(--forest);font-size:14px}.help-grid p{font-size:13px;color:var(--muted);margin-bottom:0}.protection{max-width:none;background:var(--rust);color:#fff;display:flex;justify-content:space-between;align-items:center;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2));min-height:450px}.protection .section-kicker{color:#f2d09e}.protection h2{color:#fff}.protection h2 em{color:#f5cf8e}.protection-copy>p{max-width:480px;color:#fae5c8}.text-link{display:inline-block;margin-top:15px;font-weight:700;border-bottom:1px solid #f4d2a1;padding-bottom:4px}.text-link span{margin-left:14px}.protection-stamp{border:1px solid #e2b677;border-radius:50%;height:190px;width:190px;display:grid;place-items:center;text-align:center;color:#f7d79f;font-size:36px;line-height:.8}.protection-stamp small{font:700 10px var(--sans);letter-spacing:.2em;line-height:1.4}footer{background:var(--deep);color:#d2d8cb;padding:42px max(28px,calc((100% - 1184px)/2)) 24px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-top .brand{color:#fff}.footer-top p{font-size:12px;color:#9eaa9b;margin:0}.footer-links{display:flex;gap:20px;font-size:12px}.footer-links a:hover{color:#e4bd75}.footer-bottom{border-top:1px solid #405044;margin-top:45px;padding-top:17px;display:flex;justify-content:space-between;color:#889689;font-size:11px}.modal{position:fixed;inset:0;z-index:50;display:none}.modal.is-open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(25,42,32,.75);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(700px,calc(100% - 30px));max-height:90vh;overflow:auto;background:var(--paper);box-shadow:0 25px 80px #14251c77;animation:pop .3s both}.modal-close{position:absolute;right:13px;top:9px;z-index:2;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.modal-visual{height:190px;display:grid;place-items:center;font-size:80px;background:linear-gradient(135deg,#8b9f75,#35533d)}.modal-body{padding:28px 32px 34px}.modal-body h2{font:500 43px var(--serif);color:var(--forest);margin:4px 0 0}.modal-body .latin{font-size:14px!important}.modal-body>p:not(.eyebrow):not(.latin){color:var(--muted);max-width:590px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:27px 0 0;border-top:1px solid var(--line);padding-top:20px}.fact-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--rust);font-weight:700}.fact-grid dd{font-size:13px;color:var(--forest);margin:5px 0 0}.legal-page{max-width:820px;margin:auto;padding:100px 28px 130px}.legal-page h1{font:500 clamp(46px,7vw,78px)/1 var(--serif);color:var(--forest);letter-spacing:-.05em;margin:18px 0 55px}.legal-page h2{font:500 26px var(--serif);color:var(--forest);margin:40px 0 10px}.legal-page p{color:var(--muted)}.placeholder-box{border-left:3px solid var(--rust);padding:18px 20px;color:var(--forest);background:#ecece3;line-height:1.9}.note{border-top:1px solid var(--line);padding-top:20px;font-size:13px;font-style:italic}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:850px){.site-header nav{display:none}.menu-toggle{display:block}.site-header nav.nav-open{display:flex;position:absolute;left:0;right:0;top:78px;background:var(--sand);padding:20px 28px;flex-direction:column;gap:14px;box-shadow:0 8px 20px #243b2214}.hero{min-height:610px}.hero-content{padding-top:100px}.hero-note{right:28px}.intro-grid,.observe-grid{grid-template-columns:1fr;gap:35px}.species-head,.habitat-head{display:block}.search{margin-top:25px}.animal-grid{grid-template-columns:repeat(3,1fr)}.habitat-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:1fr}.protection{min-height:410px}.protection-stamp{height:140px;width:140px}.modal-body{padding:24px}.fact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.header-inner{padding:0 18px}.hero-content{padding-left:20px;padding-right:20px}.hero h1{font-size:51px}.hero-note{display:none}.section{padding-top:78px;padding-bottom:78px;padding-left:20px;padding-right:20px}.landscape-line{display:grid;grid-template-columns:1fr 1fr;gap:13px}.animal-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-visual{height:120px}.card-visual span{font-size:43px}.card-copy{padding:13px}.card-copy h3{font-size:18px}.card-copy p:not(.latin){font-size:11px}.habitat-grid{grid-template-columns:1fr}.habitat{min-height:190px}.protection{display:block;padding-top:80px;padding-bottom:80px}.protection-stamp{margin:40px auto 0}.footer-top{display:block}.footer-top p{margin:22px 0}.footer-links{flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.fact-grid{grid-template-columns:1fr}.modal-body h2{font-size:36px}}