/* v22: full-bleed photo heroes for Why it matters and How it works */
.why-hero-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.93) 32%,rgba(255,255,255,.5) 44%,rgba(255,255,255,0) 56%),url('why-hero.webp');background-position:center right}
.how-hero-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.9) 26%,rgba(255,255,255,.35) 38%,rgba(255,255,255,0) 46%),url('how-hero.webp');background-position:center right}
.page-hero.split.why-intro .copy{max-width:560px}
.page-hero.split.how-hero{min-height:min(50vw,780px)}
.page-hero.split.how-hero .copy{max-width:520px}
.page-hero.split.why-intro h1,.page-hero.split.how-hero h1{font-size:clamp(2.2rem,3.4vw,3.3rem)}
.page-hero.split.how-hero h1{font-size:clamp(2.4rem,3.7vw,3.7rem)}
.page-hero.split.why-intro .section-lead{font-size:1.08rem}
.how-intro{padding:72px 0 24px}
.how-intro .how-hero-copy{max-width:820px;margin:0 auto;font-size:1.12rem}
.how-intro .how-hero-copy p{margin:0 0 1em}
@media(max-width:640px){
  .why-hero-bg{background-image:url('why-hero.webp');background-position:72% center}
  .how-hero-bg{background-image:url('how-hero.webp');background-position:80% center}
  .page-hero.split.why-intro .copy,.page-hero.split.how-hero .copy{max-width:none}
  .page-hero.split.how-hero{min-height:0}
  .how-intro{padding:40px 0 8px}
}

/* white hero wash to match the homepage */
.page-hero.split{background:#fff}
.page-hero.split h1{font-size:clamp(2.2rem,3.6vw,3.7rem)}
@media(max-width:640px){.page-hero.split h1{font-size:clamp(2.1rem,9vw,2.8rem)}}
.science-hero-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.94) 39%,rgba(255,255,255,.27) 64%,rgba(255,255,255,.04) 100%),url('science-hero.webp');background-position:center right}
.contact-hero-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 36%,rgba(255,255,255,.45) 57%,rgba(255,255,255,.03) 77%),url('cta-animals.webp');background-position:center}
@media(max-width:640px){
  .science-hero-bg{background-image:url('science-hero.webp');background-position:78% center}
  .contact-hero-bg{background-image:url('cta-animals.webp');background-position:70% center}
}
/* Species dropdown: hot-pink species names, mirrored photo */
/* species menu: the header word "Species" stays the normal nav color; the list stays navy with a jungle-teal hover; the name on the photo is pink */
.site-header .mm-list a:not(.dd-more){color:#0A2342}
.site-header .mm-list a:not(.dd-more):hover,.site-header .mm-list a:not(.dd-more):focus-visible,.site-header .mm-list a.on{color:#57886C}
.site-header .mm-list a:before{color:#57886C}
.site-header .mm-cap{color:#E0479E}
.site-header .mm-media img{transform:scaleX(-1) scale(1.07)}
.site-header .mm-media img.on{transform:scaleX(-1) scale(1)}
.page-hero.split.print-serval{background-image:none!important;background:#fff!important}
/* Species dropdown: keep each animal's head in frame */
.site-header .mm-media img[src*="species/dog."]{object-position:50% 24%}
.site-header .mm-media img[src*="species/cat."]{object-position:50% 47%}
.site-header .mm-media img[src*="species/horse."]{object-position:50% 6%}
.site-header .mm-media img[src*="species/pig."]{object-position:50% 26%}
.site-header .mm-media img[src*="species/cow."]{object-position:50% 4%}
.site-header .mm-media img[src*="species/chicken."]{object-position:50% 42%}
.site-header .mm-media img[src*="species/goat."]{object-position:50% 3%}
/* Multi-agent AI: one colour per stage (navy, green, hot pink) */
.x-stages li:nth-child(2) .x-read{background:#57886C;color:#fff}
.x-stages li:nth-child(2) .x-read b{color:#DCE5D7}
.x-stages li:nth-child(2) .x-read .x-src{color:#DCE5D7;border-top-color:rgba(255,255,255,.3)}
.x-stages li:nth-child(3) .x-read{background:#E0479E;color:#fff}
.x-stages li:nth-child(3) .x-read b{color:#FBDCE2}
/* Why it matters: "chapter one" on white, "a deeper read" on cream */
.section.soft-section:has(.chapter-card){background:#fff!important}
.section.deeper-read{background:#F1E9D7!important}
/* Why it matters: empathy section fixes (headline wrapping, readable references) */
.why-empathy h2{font-size:clamp(2.2rem,3.6vw,3.6rem);overflow-wrap:normal;word-break:normal;hyphens:manual}
.why-empathy .why-refs,.why-empathy .why-refs li,.why-empathy .why-refs strong,.why-empathy .why-refs em{color:rgba(241,233,215,.82)!important}
.why-empathy .why-refs a{color:#97D2FB!important}
.site-header .mm-media img[src*="species/rabbit."]{object-position:50% 58%}
.site-header .mm-media img[src*="species/sheep."]{object-position:50% 30%}
.site-header .mm-media img[src*="species/donkey."]{object-position:50% 30%}
.site-header .mm-media img[src*="species/duck."]{object-position:50% 18%}
.site-header .mm-media img[src*="species/alpaca."]{object-position:50% 16%}
.site-header .mm-media img[src*="species/llama."]{object-position:50% 16%}

/* v24: species-page CTA ("Your X, read in seconds") shows that page's own animal, faded in from the right */
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c){background-color:rgb(241,233,215)!important;background-size:100% 100%,62% auto!important;background-repeat:no-repeat!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-dog{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/dog.webp")!important;background-position:0 0,right 30%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-cat{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/cat.webp")!important;background-position:0 0,right 60%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-horse{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/horse.webp")!important;background-position:0 0,right 15%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-pig{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/pig.webp")!important;background-position:0 0,right 30%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-cow{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/cow.webp")!important;background-position:0 0,right 25%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-goat{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/goat.webp")!important;background-position:0 0,right 20%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-chicken{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/chicken.webp")!important;background-position:0 0,right 30%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-sheep{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/sheep.webp")!important;background-position:0 0,right 40%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-rabbit{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/rabbit.webp")!important;background-position:0 0,right 58%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-donkey{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/donkey.webp")!important;background-position:0 0,right 45%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-duck{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/duck.webp")!important;background-position:0 0,right 25%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-alpaca{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/alpaca.webp")!important;background-position:0 0,right 25%!important}
section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-llama{background-image:linear-gradient(90deg,rgb(241,233,215) 0%,rgb(241,233,215) 37%,rgba(241,233,215,.84) 48%,rgba(241,233,215,.74) 100%),url("species/llama.webp")!important;background-position:0 0,right 10%!important}
@media (max-width:860px){section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c){background-size:100% 100%,cover!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-dog{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/dog.webp")!important;background-position:0 0,50% 30%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-cat{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/cat.webp")!important;background-position:0 0,50% 60%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-horse{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/horse.webp")!important;background-position:0 0,50% 15%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-pig{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/pig.webp")!important;background-position:0 0,50% 30%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-cow{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/cow.webp")!important;background-position:0 0,50% 25%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-goat{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/goat.webp")!important;background-position:0 0,50% 20%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-chicken{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/chicken.webp")!important;background-position:0 0,50% 30%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-sheep{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/sheep.webp")!important;background-position:0 0,50% 40%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-rabbit{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/rabbit.webp")!important;background-position:0 0,50% 58%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-donkey{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/donkey.webp")!important;background-position:0 0,50% 45%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-duck{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/duck.webp")!important;background-position:0 0,50% 25%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-alpaca{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/alpaca.webp")!important;background-position:0 0,50% 25%!important}
 section.bg-leaf.print-own:not(.x-a):not(.x-b):not(.x-c).print-own-llama{background-image:linear-gradient(rgba(241,233,215,.8),rgba(241,233,215,.8)),url("species/llama.webp")!important;background-position:0 0,50% 10%!important}
}

/* 21 Oct 2026: science page pipeline grows to four stages (Identify added) */
@media(min-width:941px){.x-stages.x-stages-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.x-stages.x-stages-4 h3{font-size:1.4rem}}
.x-stages li:nth-child(4) .x-read{background:#466060;color:#fff}
.x-stages li:nth-child(4) .x-read b{color:#DCE5D7}
.x-stages li:nth-child(3) .x-read .x-src{color:#FBDCE2;border-top-color:rgba(255,255,255,.35)}
.x-stages li:nth-child(3) .x-read .x-src span{color:#fff}
.x-claims .x-big,.x-rows strong{overflow-wrap:break-word;hyphens:auto}