
:root{--w10-green:#203b2e;--w10-green2:#294c3b;--w10-cream:#f7f7f2;--w10-line:#e2e4db;--w10-soft:#f0f1e9;--w10-text:#23312a}
html{scroll-behavior:smooth} .v10-site{color:var(--w10-text);background:#fafbf7;padding-bottom:35px}
.v10-reading{max-width:1120px}.v10-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;letter-spacing:.12em;color:#747d72;padding:30px 0 24px}.v10-breadcrumb a{color:#69776e;text-decoration:none}.v10-label,.v10-kicker{display:inline-block;color:#63806c;letter-spacing:.2em;font-weight:750;font-size:11px;text-transform:uppercase}.v10-mini-eyebrow{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.24em;color:#8aab97;margin-bottom:8px;display:block}
.v10-species-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--w10-green);color:#fff;min-height:445px;overflow:hidden;border-radius:8px}.v10-species-heading{display:flex;flex-direction:column;justify-content:center;padding:60px 60px;min-width:0}.v10-species-heading .v10-label{color:#bdd9b9}.v10-species-heading h1,.v10-group-hero h1{font-size:clamp(48px,6vw,88px);font-weight:600;line-height:1.14;letter-spacing:-.06em;margin:10px 0 13px;color:#fff}.v10-species-heading i{font-size:15px;color:#c6d4cb}.v10-species-heading>p,.v10-group-hero>div>p{font-size:16px;line-height:2;color:#ebf3eb;margin:25px 0}.v10-hero-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.v10-hero-cta a{display:inline-block;padding:14px 20px;background:#d2dfbc;border-radius:3px;color:#213b2c;text-decoration:none;font-weight:750;font-size:13px}.v10-hero-cta span{font-size:12px;color:#cedbd0}.v10-species-hero>.v10-photo,.v10-group-hero>.v10-photo{margin:0;min-width:0;height:100%}.v10-species-hero .v10-imgwrap,.v10-group-hero .v10-imgwrap{height:100%;min-height:420px;border-radius:0}.v10-species-hero figcaption,.v10-group-hero figcaption{display:none}
.v10-group-hero{display:grid;grid-template-columns:1fr 1fr;min-height:445px;background:#283c34;border-radius:8px;overflow:hidden;color:#fff}.v10-group-hero>div{padding:65px 60px;display:flex;flex-direction:column;justify-content:center}.v10-group-hero .v10-label{color:#cbe2ba}.v10-group-hero h1{font-size:clamp(58px,8vw,118px)}.v10-group-hero>div>p{max-width:430px}
.v10-photo{margin:0;min-width:0}.v10-imgwrap{position:relative;overflow:hidden;min-height:210px;background:linear-gradient(135deg,#718778,#c6cab3 55%,#667f70)}.v10-imgwrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:transform .25s ease}.v10-photo:hover .v10-imgwrap img{transform:scale(1.035)}.v10-ph-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#f3f5e6}.v10-ph-placeholder>span{font:650 84px Georgia,serif;opacity:.38}.v10-ph-placeholder small{letter-spacing:.13em;font-size:10px}.v10-dot{color:#c1d5a8}.v10-photo figcaption{padding:11px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#758073;font-size:11px}.v10-photo figcaption a{color:#5b7665;text-decoration:underline;text-underline-offset:2px}
.v10-part{padding:80px 0;border-bottom:1px solid #dfe5d8}.v10-section-head{display:grid;grid-template-columns:195px 1fr;align-items:start;gap:24px;margin-bottom:32px}.v10-section-head>.v10-kicker{padding-top:14px}.v10-section-head h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.05em;line-height:1.28;font-weight:700;margin:0 0 12px}.v10-section-head p{color:#717d73;line-height:1.9;margin:0;font-size:14px}
.v10-profile-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}.v10-profile-lead{background:#eff1e9;padding:44px 42px;border-left:4px solid #94a989}.v10-profile-lead p{font-size:15px;line-height:2.15;margin:0 0 15px}.v10-profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.v10-profile-tags span{border:1px solid #cbd3c7;padding:8px 12px;font-size:11px;letter-spacing:.05em}.v10-identity{margin:0;background:#fff;border:1px solid #e5e9e1;padding:16px 24px}.v10-identity div{display:flex;gap:18px;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e9;padding:15px 0}.v10-identity div:last-child{border:0}.v10-identity dt{flex-shrink:0;color:#7d877f;font-size:12px}.v10-identity dd{text-align:right;margin:0;font-weight:700;font-size:14px}.v10-identity dd em{font-size:13px}
.v10-storycard{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);gap:0;margin:0 0 24px;background:#fff;border:1px solid #e2e7dd;min-height:315px;overflow:hidden}.v10-storycard:nth-child(even){grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr)}.v10-storycard:nth-child(even)>.v10-story-copy{order:2}.v10-storycard:nth-child(even)>.v10-photo{order:1}.v10-story-copy{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}.v10-story-kicker{font-size:11px;letter-spacing:.16em;color:#739477;font-weight:750}.v10-story-copy h3{font-size:clamp(21px,2.4vw,29px);line-height:1.38;letter-spacing:-.04em;margin:13px 0 13px}.v10-summary{line-height:2;font-size:14px;color:#667168;margin:0 0 14px}.v10-story-photo{display:flex;flex-direction:column;justify-content:stretch;min-width:0;margin:0;position:relative;background:#e4e8df}.v10-story-photo>.v10-imgwrap{flex:1;min-height:265px}.v10-story-photo figcaption{padding:10px 14px;font-size:10px}.v10-more{border-top:1px solid #dce5d9;margin-top:16px}.v10-more summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 6px;color:#2b5c3f;font-weight:750;font-size:13px;cursor:pointer;list-style:none}.v10-more summary::-webkit-details-marker{display:none}.v10-more summary b{font-size:21px;font-weight:400}.v10-more[open] summary b{transform:rotate(45deg)}.v10-more-inner{padding-top:10px;animation:v10fade .18s ease}.v10-more-inner p{font-size:14px;line-height:2.1;color:#465849;margin:0 0 14px}.v10-more-inner p.v10-editor-note{font-size:11px;color:#819083}.v10-ecology-grid .v10-profile-lead{background:#f1f2eb}.v10-ecology-info{padding:40px;background:#2f4a3a;color:#e5f1e2}.v10-ecology-info b{display:block;margin-bottom:20px}.v10-ecology-info p{padding:14px 0;border-bottom:1px solid #637865;font-size:14px}
.v10-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.v10-family-tile{background:#fff;border:1px solid #e5e9e3;text-decoration:none;color:#1c3326;overflow:hidden;transition:transform .2s}.v10-family-tile:hover{transform:translateY(-4px)}.v10-family-image{aspect-ratio:4/3;background:#849580}.v10-family-image img{width:100%;height:100%;object-fit:cover}.v10-family-tile>span{padding:15px;display:block}.v10-family-tile small{display:block;color:#709074;font-size:9px;letter-spacing:.07em;min-height:18px}.v10-family-tile strong{display:flex;justify-content:space-between;gap:8px;font-size:16px;line-height:1.5;margin:8px 0 6px}.v10-family-tile strong b{font-size:13px}.v10-family-tile em{font-size:11px;color:#7b847a;font-weight:400;line-height:1.5;display:block}
.v10-rel{border-bottom:none;padding-bottom:30px}.v10-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v10-related-tile{text-decoration:none;color:#243a2d}.v10-related-photo{aspect-ratio:1.7;background:#c3ccbd;margin-bottom:11px;overflow:hidden}.v10-related-photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.v10-related-tile:hover img{transform:scale(1.05)}.v10-related-tile strong{font-size:14px}.v10-group-back{margin-top:26px}.v10-group-back a{color:#356247;text-decoration:underline;text-underline-offset:3px}
.v10-sources{padding:50px 0 80px}.v10-sources .v10-section-head{margin-bottom:20px}.v10-method{background:#eff1e9;padding:26px 30px;font-size:13px;line-height:2;color:#58665b}.v10-source-list{margin:25px 0 0;padding:0;list-style:none}.v10-source-list li{display:flex;align-items:center;gap:18px;padding:20px 4px;border-bottom:1px solid #e5e9e3}.v10-source-list li>span{font-size:14px;font-family:Georgia,serif;color:#9aae99}.v10-source-list li>div{flex:1}.v10-source-list strong{display:block;color:#2a3f32;font-size:13px}.v10-source-list small{display:block;font-size:11px;color:#8a978b;margin-top:6px}.v10-source-list a{font-size:12px;color:#3e6950;text-decoration:underline;text-underline-offset:4px}
.v10-home-section{padding:80px 0 92px;background:#e9eee6}.v10-home-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:36px;align-items:flex-end}.v10-home-intro h2{font-size:clamp(38px,5vw,65px);line-height:1.19;letter-spacing:-.06em;margin:12px 0 22px}.v10-home-intro h2 i{font-family:Georgia,serif;color:#3b654c;font-weight:400}.v10-home-intro p{font-size:14px;line-height:1.9;color:#69766a}.v10-home-stats{font:700 86px/1 Georgia,serif;color:#9eaf9e;white-space:nowrap}.v10-home-stats small{display:block;font:700 10px Arial,sans-serif;letter-spacing:.24em;text-align:right;padding-top:7px}.v10-home-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.v10-homecard{background:#fff;text-decoration:none;color:#253c2e;overflow:hidden;border:1px solid #dbe2d7;display:block}.v10-home-photo{aspect-ratio:4/4.6;background:linear-gradient(135deg,#718576,#dae2d1)}.v10-home-photo img{width:100%;height:100%;object-fit:cover}.v10-homecopy{padding:16px 17px 20px;display:block}.v10-homecopy small{font-size:9px;color:#66866c;letter-spacing:.06em;font-weight:750}.v10-homecopy strong{font-size:23px;display:flex;align-items:center;justify-content:space-between;gap:4px;margin:8px 0 8px}.v10-homecopy strong span{font-size:14px}.v10-homecopy em{color:#748175;font-size:11px;font-style:normal;line-height:1.5;display:block}.v10-home-subhead{padding:68px 0 30px}.v10-home-subhead h3{font-size:30px;margin:9px 0 10px}.v10-home-subhead p{line-height:1.8;font-size:13px;color:#738174;max-width:670px}.v10-home-four{grid-template-columns:repeat(4,minmax(0,1fr))}.v10-home-four .v10-home-photo{aspect-ratio:4/3}
.v10-category-page{padding-bottom:80px}.v10-category-heading{padding:40px 0 54px}.v10-category-heading h1{font-size:clamp(50px,7vw,85px);letter-spacing:-.06em;margin:18px 0}.v10-category-heading p{color:#657467;line-height:2}.v10-category-heading a{color:#3c6247;font-weight:700;font-size:13px;text-decoration:none}.v10-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v10-cat-entry{background:white;border:1px solid #e1e6dc;display:flex;gap:15px;min-height:114px;align-items:center;text-decoration:none;color:#243c2c}.v10-cat-entry img{height:114px;width:120px;object-fit:cover;background:#c9d3c4}.v10-cat-entry span{padding:10px 13px 10px 0}.v10-cat-entry small{display:block;font-size:10px;font-weight:800;color:#708a78;letter-spacing:.1em}.v10-cat-entry strong{display:block;margin:5px 0;font-size:16px}.v10-cat-entry em{display:block;font-size:10px;color:#768775;font-style:normal}
@keyframes v10fade{from{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){.v10-family-grid,.v10-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v10-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-species-heading,.v10-group-hero>div{padding:45px 38px}.v10-section-head{grid-template-columns:160px 1fr}.v10-story-copy{padding:26px}.v10-home-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.v10-breadcrumb{padding:18px 0}.v10-species-hero,.v10-group-hero{display:flex;flex-direction:column-reverse}.v10-species-heading,.v10-group-hero>div{padding:32px 26px 38px}.v10-species-heading h1,.v10-group-hero h1{font-size:clamp(44px,12vw,74px)}.v10-species-hero .v10-imgwrap,.v10-group-hero .v10-imgwrap{min-height:270px;height:300px}.v10-species-heading>p,.v10-group-hero>div>p{margin:18px 0}.v10-part{padding:55px 0}.v10-section-head{display:block;margin-bottom:24px}.v10-section-head>.v10-kicker{padding:0 0 12px}.v10-section-head h2{font-size:30px}.v10-profile-grid{display:flex;flex-direction:column;gap:16px}.v10-profile-lead{padding:25px}.v10-identity{padding:8px 15px}.v10-storycard,.v10-storycard:nth-child(even){display:flex;flex-direction:column-reverse;margin-bottom:17px}.v10-storycard:nth-child(even)>.v10-story-copy,.v10-storycard:nth-child(even)>.v10-photo{order:initial}.v10-story-photo>.v10-imgwrap{flex:none;height:220px;min-height:220px}.v10-story-copy{padding:23px 22px 28px}.v10-story-copy h3{font-size:24px}.v10-family-grid,.v10-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v10-family-tile>span{padding:12px}.v10-family-tile strong{font-size:14px}.v10-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-home-section{padding:55px 0}.v10-home-intro{display:block}.v10-home-stats{display:none}.v10-home-four{grid-template-columns:repeat(2,minmax(0,1fr))}.v10-homecopy{padding:11px}.v10-homecopy strong{font-size:20px}.v10-home-photo{aspect-ratio:1.2}.v10-home-subhead{padding-top:45px}.v10-sources{padding-bottom:40px}.v10-sources .v10-section-head h2{font-size:26px}.v10-method{padding:18px}.v10-cat-grid{grid-template-columns:1fr}.v10-cat-entry img{width:120px}}
@media(prefers-reduced-motion:reduce){.v10-site *{animation:none!important;transition:none!important}}

/* Public homepage information architecture — group discovery + species catalog */
.species-browser-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 22px}
.species-filterbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.species-filter{appearance:none;cursor:pointer;border:1px solid #cdd8ce;border-radius:999px;background:transparent;color:#425b4b;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;font:inherit;font-size:13px;line-height:1.3;transition:background-color .16s,border-color .16s,color .16s}
.species-filter span{color:inherit;opacity:.72;font-size:11px}
.species-filter.is-active{background:#234735;border-color:#234735;color:#fff}
.species-filter:focus-visible{outline:3px solid #8fbda4;outline-offset:2px}
.species-results-count{font-size:12px;color:#607667;white-space:nowrap}
#species-atlas .v7-atlas-card[hidden]{display:none!important}
#discover .animal-card:not(.featured) .picture{background:transparent}
@media(max-width:640px){.species-browser-toolbar{margin:18px 0 20px}.species-filterbar{gap:7px}.species-filter{padding:9px 13px;font-size:12px}.species-results-count{font-size:11px}#discover .animal-card{min-height:230px}}
