:root{--forest:#17372d;--forest-dark:#0b201a;--cream:#f5f0e6;--paper:#fbfaf5;--brass:#c6a45e;--ink:#1a211e;--line:#d8d3c8;--serif:"Italiana",Georgia,serif;--sans:"DM Sans",sans-serif;--wrap:1240px;--gutter:max(24px,calc((100% - var(--wrap))/2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:absolute;z-index:10;left:0;right:0;top:0;height:116px;display:flex;align-items:center;padding:0 var(--gutter);color:#fff;border-bottom:1px solid #ffffff55}.brand{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}.brand b{font-weight:600}.brand-mark,.footer-mark{width:56px;height:56px;border:1px solid currentColor;display:grid;place-items:center;font:34px/1 var(--serif)}.site-header nav{margin-left:auto;display:flex;align-self:stretch}.site-header nav a{display:flex;align-items:center;padding:0 22px;font-size:14px}.site-header nav a:hover{background:#ffffff12}.header-search{margin-left:24px;font-size:14px}.header-search span{font-size:27px;margin-left:10px}.hero{height:100vh;min-height:700px;position:relative;color:#fff;overflow:hidden;background:var(--forest-dark)}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#071b15bf 0%,#071b1560 42%,transparent 73%),linear-gradient(0deg,#071b1575,transparent 45%)}.hero-copy{position:absolute;left:var(--gutter);top:53%;transform:translateY(-44%);max-width:720px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.23em;margin:0 0 18px;color:#fff}.kicker:after{content:"";display:inline-block;width:52px;height:1px;background:currentColor;vertical-align:middle;margin-left:16px}.kicker.dark{color:#6b6459}.hero h1{font:400 clamp(82px,10vw,150px)/.78 var(--serif);letter-spacing:-.035em;margin:0 0 32px}.hero-copy>p:not(.kicker){font-size:18px;max-width:550px;color:#fffde9;margin-bottom:30px}.button{display:inline-flex;align-items:center;min-height:54px;padding:0 27px;background:var(--brass);color:#12261f;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.button:hover{background:#dfbd73}.image-credit{position:absolute;bottom:28px;right:34px;font-size:11px;color:#ffffffbd}.hero-index{position:absolute;right:var(--gutter);top:47%;display:flex;align-items:center;gap:10px;font-size:11px}.hero-index i{display:block;width:88px;height:1px;background:#ffffff88}.intro{max-width:var(--wrap);margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:center}.intro-image{position:relative}.intro-image:before{content:"";position:absolute;inset:-22px 38% 44% -22px;background:var(--forest);z-index:-1}.intro-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.intro-image span{display:block;font-size:11px;color:#777;margin-top:10px}.intro-copy h2,.section-title h2,.catalogue h2,.habitats h2,.about h2{font:400 clamp(48px,5.4vw,78px)/.98 var(--serif);letter-spacing:-.02em;margin:0 0 30px}.intro-copy>p:not(.kicker){color:#5d5a53;max-width:540px}.text-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:6px}.text-link span{margin-left:20px}.groups{padding:85px var(--gutter) 105px;background:var(--cream)}.section-title{max-width:var(--wrap);margin:0 auto 45px;display:flex;align-items:end;justify-content:space-between}.section-title h2{margin:0}.group-grid{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aea89e}.group-card{min-height:210px;border:0;border-right:1px solid #aea89e;background:transparent;padding:24px;text-align:left;display:flex;flex-direction:column;cursor:pointer;color:var(--ink)}.group-card:first-child{border-left:1px solid #aea89e}.group-card span{font-size:12px;color:#7b7469}.group-card strong{font:400 34px/1 var(--serif);margin:auto 0 7px}.group-card small{color:#777}.group-card:hover,.group-card.active{background:var(--forest);color:#fff}.group-card:hover span,.group-card:hover small,.group-card.active span,.group-card.active small{color:#d8d2c6}.catalogue{background:var(--forest-dark);color:#fff;padding:110px var(--gutter)}.catalogue-heading{max-width:var(--wrap);margin:0 auto 36px;display:flex;align-items:end;justify-content:space-between;gap:40px}.catalogue-heading h2{margin:0}.catalogue-heading>p{max-width:430px;color:#bfc8c2;margin:0 0 8px}.search{max-width:var(--wrap);margin:0 auto 34px;display:flex}.search input{min-width:0;flex:1;background:#fff;border:0;padding:17px 20px;font-size:16px}.search button{border:0;background:var(--brass);padding:0 28px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:12px;cursor:pointer}.species-grid{max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#ffffff24}.species-card{background:#153229;min-height:380px;display:flex;flex-direction:column}.species-photo{aspect-ratio:4/3;background:#1d3c32;overflow:hidden;position:relative}.species-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.species-card:hover img{transform:scale(1.035)}.no-photo{height:100%;display:grid;place-items:center;color:#9db0a7;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.species-body{padding:22px;display:flex;flex-direction:column;flex:1}.species-body>span{font-size:10px;color:var(--brass);letter-spacing:.13em;text-transform:uppercase}.species-body h3{font:400 27px/1.08 var(--serif);margin:auto 0 4px}.species-body em{font-size:12px;color:#b8c6bf}.credit{border:0;background:none;color:#b8c6bf;padding:10px 0 0;text-align:left;font-size:11px;cursor:pointer}.credit-panel{font-size:11px;color:#c7d0cb;border-top:1px solid #ffffff26;margin-top:9px;padding-top:9px}.credit-panel a{text-decoration:underline}.load-more{display:block;margin:34px auto 0;border:1px solid #ffffff76;color:#fff;background:transparent;padding:13px 28px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;cursor:pointer}.load-more:hover{background:#fff;color:var(--forest-dark)}.empty{text-align:center;color:#bac7c1}.habitats{background:var(--forest);color:#fff;padding:110px var(--gutter);display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:9%}.habitat-intro{max-width:480px}.habitat-intro>p:last-child{color:#bdc9c3}.habitats ol{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff50}.habitats li{display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:center;padding:23px 6px;border-bottom:1px solid #ffffff50}.habitats li>span,.habitats li>b{font-size:11px;color:var(--brass);text-transform:uppercase;letter-spacing:.1em}.habitats h3{font:400 29px/1 var(--serif);margin:0}.habitats li p{margin:5px 0 0;color:#b9c6c0;font-size:13px}.about{padding:120px var(--gutter);max-width:var(--wrap);margin:auto;display:grid;grid-template-columns:.5fr 1.2fr .8fr;align-items:end;gap:40px}.about h2{margin:0}.about>p:last-child{color:#64615b}footer{padding:70px var(--gutter);background:#06150f;color:#aebcb5;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:70px;font-size:13px}.footer-mark{color:#fff;margin-bottom:18px}footer strong{color:#fff;font:400 26px var(--serif)}footer h3{color:var(--brass);font-size:12px;text-transform:uppercase;letter-spacing:.13em}footer a{text-decoration:underline}.mobile-only{display:none}@media(max-width:900px){.site-header{height:88px}.site-header nav{display:none}.header-search{margin-left:auto}.hero{min-height:650px}.hero-copy{left:24px;right:24px;top:auto;bottom:95px;transform:none}.hero h1{font-size:84px}.hero-index{display:none}.intro{margin:0 24px;padding:90px 0;grid-template-columns:1fr;gap:55px}.intro-image{max-width:620px}.group-grid{grid-template-columns:1fr 1fr}.catalogue-heading{display:block}.catalogue-heading>p{margin-top:22px}.species-grid{grid-template-columns:repeat(2,1fr)}.habitats{grid-template-columns:1fr}.about{grid-template-columns:1fr;align-items:start}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brand-mark{width:45px;height:45px}.header-search{font-size:0}.hero h1{font-size:66px}.hero-copy>p:not(.kicker){font-size:16px}.image-credit{left:24px;right:auto}.intro-copy h2,.section-title h2,.catalogue h2,.habitats h2,.about h2{font-size:49px}.section-title{display:block}.group-grid{grid-template-columns:1fr}.group-card{min-height:135px;border-left:1px solid #aea89e;border-bottom:1px solid #aea89e}.species-grid{grid-template-columns:1fr}.search{display:grid}.search button{padding:15px}.habitats{padding-top:80px;padding-bottom:80px}.habitats li{grid-template-columns:32px 1fr}.habitats li>b{display:none}.about{padding-top:80px;padding-bottom:80px}footer{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.species-photo img{transition:none}}
