/* Repario's next chapters. Shared, readable, species-specific editorial pages. */
.family-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end;margin-bottom:44px}
.family-intro>p{max-width:42ch;font-size:1.0625rem}
.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.family-card{background:#e7e5db;overflow:hidden}
.family-card.cat{background:#e9e3e8}
.family-photo{display:block;aspect-ratio:5/4;overflow:hidden}
.family-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transition:transform 1s var(--ease)}
.family-photo:hover img{transform:scale(1.025)}
.family-card.horse .family-photo img{object-position:50% 0%}
.family-content{padding:32px 34px 36px}
.family-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.family-meta img{width:190px;height:auto}
.development-badge{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;line-height:1.5;color:inherit}
.development-badge:before{content:'';height:7px;width:7px;background:currentColor;border-radius:50%;flex-shrink:0}
.family-content h3{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.025em;margin-bottom:18px}
.family-content p{max-width:46ch;font-size:1rem}
.family-content .line-link{width:100%;margin-top:22px}
.family-card.horse{color:#244b43}.family-card.cat{color:#66506c}
.family-note{max-width:74ch;margin-top:24px;color:var(--reading-muted);font-size:.875rem}
.world-nav{display:flex;align-items:center;gap:34px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 6.4vw;background:var(--ivory)}
.world-nav a{min-height:44px;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;font-size:1rem}
.world-nav a:hover,.world-nav a[aria-current=page]{border-bottom-color:currentColor}
.world-nav>span{margin-right:auto;font-size:.875rem;letter-spacing:.06em}
.species-page{--species:#244b43;--species-wash:#e4e8df;--species-paper:#f3f1e8;color:var(--species);background:var(--species-paper)}
.species-page.cat{--species:#66506c;--species-wash:#e9e3e8;--species-paper:#f6f0ef}
.species-page .header{background:var(--species-paper);color:var(--species)}
.species-page .brand{width:225px;max-width:225px}
.species-page .brand-logo{width:220px;height:auto}
.species-page .brand-sub{font-size:.875rem}
.species-page .nav a:after{background:currentColor}
.species-page .menu-toggle{border-color:currentColor}
.species-page .menu-toggle span{background:var(--species)}
.species-page .mobile-nav{background:var(--species);color:var(--ivory)}
.species-page .world-nav{background:var(--species-paper)}
.species-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;align-items:stretch}
.species-hero-copy{padding:68px 5vw 64px 6.4vw;display:flex;flex-direction:column;justify-content:center;min-width:0}
.species-hero h1{font-size:clamp(76px,8.4vw,130px);line-height:.95;margin:26px 0 24px;color:var(--species)}
.species-hero h1 em{color:inherit}
.species-hero-copy .species-subtitle{font-family:Editorial,Georgia,serif;font-size:clamp(25px,2.6vw,36px);line-height:1.2;margin-bottom:20px}
.species-hero-copy>p:not(.eyebrow):not(.species-subtitle){font-size:1.0625rem;max-width:40ch}
.species-hero-copy .development-badge{margin-top:26px;align-self:flex-start;border:1px solid currentColor;padding:8px 13px}
.species-hero-copy .hero-actions{margin-top:28px;gap:18px;flex-wrap:wrap}
.species-hero-copy .hero-actions .line-link{margin:0;gap:22px}
.species-page .button.dark{background:var(--species);color:var(--ivory)}
.species-hero-figure{margin:0;position:relative;min-width:0;min-height:650px;overflow:hidden}
.species-hero-figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.horse .species-hero-figure>img{object-position:50% 0%}
.species-hero-figure figcaption{position:absolute;bottom:24px;left:24px;right:24px;padding:12px 18px;background:var(--species-paper);color:var(--species);font-size:1rem;display:flex;justify-content:space-between;gap:20px}
.species-hero-figure figcaption em{font-family:Editorial,Georgia,serif;font-size:1.375rem;line-height:1.3}
.species-purpose{padding:72px 6.4vw;display:grid;grid-template-columns:180px 1fr 1fr;gap:5vw;align-items:center;border-bottom:1px solid var(--line)}
.species-purpose>img{width:150px;height:auto}
.species-purpose h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1}
.species-purpose p{font-size:1.0625rem;max-width:44ch}
.concept-section{background:var(--species-wash);position:relative;overflow:hidden}
.concept-watermark{position:absolute;right:-10%;top:30px;width:53%;opacity:.055;pointer-events:none}
.concept-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative}
.concept-heading h2{margin:22px 0 26px;font-size:clamp(42px,5.3vw,76px)}
.concept-heading>p:last-child{max-width:44ch;font-size:1.0625rem}
.concept-heading>p:not(.eyebrow){max-width:44ch;font-size:1.0625rem}
.format-illustration{margin:30px 0 0;max-width:520px}
.format-illustration img{width:100%;height:auto;display:block}
.format-illustration figcaption{font-size:.875rem;line-height:1.6;padding-top:12px;max-width:48ch}
.development-heading{margin-top:24px;font-size:clamp(42px,5vw,70px)}
.species-footer-note{width:100%;font-size:.875rem;border-top:1px solid var(--line);padding-top:16px}
.family-intro h2{margin-top:24px}
.concept-detail{padding-top:8px}
.concept-detail article{border-top:1px solid currentColor;padding:24px 0 26px}
.concept-detail h3{font-size:29px;line-height:1.2;margin-bottom:12px}
.concept-detail h3 span{font-family:Sans,Arial,sans-serif;font-size:.875rem;display:block;margin-bottom:12px;letter-spacing:.04em}
.concept-detail p{max-width:46ch;font-size:1rem}
.development-path{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:44px}
.development-path article{border-top:1px solid var(--line);padding-top:24px}
.development-path span{font-size:.875rem;letter-spacing:.04em}
.development-path h3{font-size:31px;margin:18px 0 14px;line-height:1.1}
.development-path p{font-size:1rem}
.stage-note{padding:20px 24px;background:var(--species-wash);margin-top:30px;font-size:1rem;max-width:78ch}
.species-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;padding-top:30px}
.species-faq h2{font-size:clamp(38px,4.5vw,64px)}
.species-faq .evidence-list{color:var(--species)}
.species-faq .evidence-list details>p{padding-left:0;max-width:60ch}
.species-faq summary{min-height:60px}
.species-download{background:var(--species);color:var(--ivory);display:grid;grid-template-columns:1.25fr 1fr;gap:8vw;align-items:center}
.species-download h2{margin:22px 0;font-size:clamp(42px,5vw,68px)}
.species-download p{max-width:48ch;font-size:1.0625rem}
.species-download .download-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.species-download .line-link{border-color:var(--ivory);margin:0;gap:25px;color:var(--ivory)}
.species-download .download-note{font-size:.875rem;line-height:1.6}
.species-next{padding:36px 6.4vw;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.species-next>p{font-family:Editorial,Georgia,serif;font-size:30px}
.species-next .line-link{margin:0}
.species-page footer{background:var(--species-paper);color:var(--species)}
.species-page footer>p span{color:var(--species)}
.species-page footer .footer-brand img{width:80px;height:auto}
.reduce-motion .family-photo img{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.family-photo img{transition:none;transform:none}}
@media(max-width:1100px){
 .species-hero h1{font-size:clamp(72px,9vw,98px)}
 .species-hero-copy{padding:48px 5vw 48px 6.4vw}
 .species-hero-figure{min-height:620px}
 .species-purpose{grid-template-columns:100px 1fr;gap:28px}
 .species-purpose>p{grid-column:2;max-width:60ch}
 .species-purpose>img{width:100px}
 .family-meta{align-items:flex-start;flex-direction:column}
 .family-content{padding:26px}
 .development-path{gap:24px}
}
@media(max-width:760px){
 .family-intro,.family-grid,.concept-layout,.species-faq,.species-download{grid-template-columns:1fr;gap:30px}
 .family-intro h2{font-size:clamp(42px,11vw,64px)}
 .family-photo{aspect-ratio:4/3}
 .family-meta{flex-direction:row;align-items:center;gap:18px}
 .family-meta img{width:166px}
 .family-content h3{font-size:36px}
 .world-nav{gap:8px 24px;padding:10px 7vw}
 .world-nav>span{width:100%}
 .species-page .brand{width:190px;max-width:190px}
 .species-page .brand-logo{width:182px}
 .species-hero{display:flex;flex-direction:column;min-height:0}
 .species-hero-figure{order:0;min-height:0;height:clamp(320px,56svh,480px)}
 .species-hero-copy{order:1;padding:36px 7vw 46px}
 .species-hero h1{font-size:clamp(70px,18vw,108px);margin-block:24px}
 .species-hero-figure>img{object-position:50% 36%}
 .species-hero-figure figcaption{bottom:16px;left:7vw;right:7vw;padding:10px 14px}
 .species-hero-figure figcaption>span{display:none}
 .species-hero-copy .hero-actions{align-items:flex-start;gap:22px}
 .species-purpose{padding:45px 7vw;grid-template-columns:80px 1fr;gap:24px;align-items:start}
 .species-purpose>img{width:80px;margin-top:7px}
 .species-purpose>p{grid-column:1/-1}
 .species-purpose h2{font-size:33px}
 .concept-watermark{width:100%;right:-24%;top:10px;opacity:.045}
 .concept-heading h2{font-size:48px}
 .development-path{grid-template-columns:1fr;gap:26px;margin-top:30px}
 .development-path article{padding-top:20px}
 .development-path h3{font-size:30px;margin:12px 0}
 .species-faq{padding-top:0}
 .species-faq .evidence-list summary{gap:16px;line-height:1.5;padding-block:20px}
 .species-download{gap:30px}
 .species-download h2{font-size:48px}
 .species-download .download-links{width:100%}
 .species-next{padding:28px 7vw}
 .species-page footer .footer-brand img{width:64px}
}