:root{color-scheme:dark;--bg:#0b1111;--panel:#121c1b;--ink:#edece2;--muted:#afbbb2;--gold:#d2b87c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:var(--bg);z-index:30}header{max-width:1500px;margin:auto;padding:25px 4vw;border-bottom:1px solid #d2b87c30;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;letter-spacing:.12em}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.2em}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}nav a{text-decoration:none}nav a:hover{color:var(--gold)}main{max-width:1380px;padding:0 4vw;margin:auto}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;padding:65px 0}.eyebrow,.ecology article>span{color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:650}.hero h1{font:clamp(48px,6.8vw,96px)/1.04 Georgia,serif;margin:24px 0;color:#e7ddc4}.lead{font-size:18px;color:var(--muted);max-width:550px}.button{display:inline-block;border:1px solid #d2b87c80;color:var(--gold);padding:12px 22px;text-decoration:none;margin-top:18px;font-size:13px}.button:hover{background:#d2b87c18}.caption,.small{font-size:12px;color:var(--muted)}figure{margin:0;background:#080c0b;border:1px solid #d2b87c40;padding:10px}figure img{width:100%;max-height:560px;display:block;object-fit:contain}figcaption{display:flex;justify-content:space-between;padding:12px 8px 0;color:var(--gold);font-size:11px;letter-spacing:.13em}figcaption span{color:var(--muted);letter-spacing:0}.ecology{border-block:1px solid #d2b87c30;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:35px 0}.ecology h2{font:23px/1.3 Georgia,serif}.ecology p{font-size:14px;color:var(--muted)}#atlas{padding-top:65px}.section-title{display:flex;gap:24px;justify-content:space-between;align-items:center}h2{font:clamp(28px,3vw,42px)/1.2 Georgia,serif}.search{font-size:12px;color:var(--muted);width:min(340px,100%)}input{display:block;width:100%;background:var(--panel);border:1px solid #64756d;color:var(--ink);padding:12px;margin-top:6px;border-radius:0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.filters button{padding:9px 20px;border:1px solid #506258;background:transparent;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#101713}#count{font-size:12px;color:var(--muted);margin:20px 0}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:var(--panel);border:1px solid #d2b87c25;min-width:0}.portrait{display:block;width:100%;border:0;background:#090d0c;padding:0;cursor:zoom-in;position:relative;color:var(--ink)}.portrait img{display:block;width:100%;height:auto;object-fit:contain}.portrait span{position:absolute;bottom:12px;right:12px;background:#101713e8;border:1px solid #d2b87c80;padding:4px 12px;font-size:11px}.card-copy{padding:20px}.card h3{font:26px/1.2 Georgia,serif;margin:5px 0 10px}.card p{color:var(--muted);font-size:14px;margin:10px 0}.card .tag{font-size:10px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.next{margin:70px 0;padding:30px;border:1px solid #d2b87c30;background:linear-gradient(120deg,#1c2924,#0b1111)}.next p{max-width:650px;color:var(--muted)}footer{padding:25px 4vw 90px;text-align:center;font-size:11px;color:var(--muted)}dialog{border:1px solid #d2b87c80;padding:0;background:var(--bg);color:var(--ink);width:min(1050px,94vw);max-height:88dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr}.detail-grid>img{width:100%;max-height:83dvh;object-fit:contain;background:#050807}.detail-copy{padding:45px 32px 30px}.detail-copy h3{font-size:13px;color:var(--gold);margin:26px 0 5px}.detail-copy p{color:var(--muted);font-size:15px}.detail-copy .habitat{color:var(--gold)}.close{position:sticky;float:right;right:10px;top:10px;margin:10px 10px -54px 0;z-index:2;width:42px;height:42px;border:1px solid #d2b87c80;background:#0b1111;color:#fff;font-size:26px;cursor:pointer}@media(max-width:850px){.hero{gap:30px}.hero h1{font-size:54px}#grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecology{gap:20px}header{align-items:flex-start}nav{gap:12px}}@media(max-width:580px){header{flex-direction:column;gap:16px}.hero{grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:56px}.hero figure{max-width:380px;margin:auto;width:100%}.ecology{grid-template-columns:1fr;gap:15px}.section-title{display:block}.search{display:block;width:100%;margin-bottom:20px}#grid{grid-template-columns:1fr;gap:22px}.detail-grid{grid-template-columns:1fr}.detail-grid>img{max-height:60dvh}.detail-copy{padding:22px}.filters button{padding:9px 12px}.next{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}