#slide-3.infection-complete .pixel-links path,#slide-3.infection-complete .enclosure-flow path { animation-play-state: paused }
.study-link,.study-link:visited { color: var(--ink); font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(30,30,43,.5) }
@media(max-width:900px) {
  .pixel-stage,.data-orbit,.ecosystem { min-height: 300px }
  .eco-product { height: 20% }
  .collab-timeline { min-height: 250px }
  .collab-steps .step { min-height: 150px }
}
@media(max-height:690px) {
  .pixel-stage,.data-orbit,.ecosystem { min-height: 330px }
  .collab-timeline { min-height: 260px }
  .collab-steps .step { min-height: 150px }
  .collab-steps .step-no { margin-bottom: 20px }
}
@media(prefers-reduced-motion:reduce) {
  .active-slide .pixel-links path,.pixel-truck-wrap,.active-slide .data-orbit-wheel,.active-slide .data-node-inner,.active-slide .ecosystem-lines line,.active-slide .eco-product,.active-slide .collab-fill,.active-slide .pig-runner,.active-slide .pig-runner img,.active-slide .collab-steps .step { animation: none!important }
  .collab-steps .step { opacity: 1; transform: none }
  .collab-fill { width: 100% }
  .pig-runner { left: calc(98% - 18px) }
}
.risk-copy { display: grid; gap: 26px; font-size: var(--fz-lead); line-height: 1.24; }
.risk-block h3 { font-size: inherit; font-weight: 700; margin-bottom: 4px; }
.risk-block p + p { margin-top: 5px; }
.risk-animals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; align-items: start; }
.risk-species { margin: 0; }
.risk-animal { height: 154px; display: flex; align-items: center; justify-content: center; }
.risk-animal img { width: 100%; height: 100%; object-fit: contain; filter: url(#animal-cutout); }
.risk-species h3 { color: var(--ink); font-size: 18px; line-height: 1.15; font-weight: 700; margin: 10px 0; }
.risk-species h3 span { display: block; }
.risk-species p { color: var(--ink); font-size: 16px; line-height: 1.22; }
.risk-capacity { color: var(--ink); text-align: center; font-size: 17px; line-height: 1.2; margin-top: 25px; flex: none; }
@media (min-width:901px) and (max-height:720px) {
  .risk-copy { gap: 12px; }
  .risk-animal { height: 120px; }
  .risk-species p { font-size: 15px; }
  .risk-capacity { font-size: 16px; margin-top: 18px; }
}
@media (max-width:900px) {
  .risk-copy { gap: 22px; }
  .risk-capacity { margin-top: 32px; }
}
@media (max-width:640px) {
  .risk-copy { gap: 12px; }
  .risk-animals { grid-template-columns: 1fr; gap: 14px; }
  .risk-species { display: grid; grid-template-columns: 76px minmax(0, 1fr); column-gap: 12px; text-align: left; }
  .risk-animal { grid-row: span 2; height: 88px; }
  .risk-species h3 { font-size: 16px; margin: 0 0 6px; align-self: end; }
  .risk-species p { font-size: 14px; }
  .risk-capacity { font-size: 15px; margin-top: 16px; }
}
.eco-product strong { font-size: 19px; line-height: 1.1; text-align: center; font-weight: 500; }
.eco-product span { font-size: 11px; line-height: 1.25; }
@media (max-width: 900px) {
  .pixel-stage { height: auto; min-height: 300px; aspect-ratio: 720 / 430; }
  .data-orbit { height: 350px; min-height: 350px; }
  .ecosystem { height: 350px; min-height: 350px; }
  .collab-timeline { min-height: 300px; }
}
@media (max-width: 640px) {
  .pixel-stage { min-height: 245px; }
  .data-orbit { --orbit-radius: 94px; height: 310px; min-height: 310px; }
  .data-node { width: 90px; height: 86px; margin: -43px -45px; }
  .data-node img { width: 65px; height: 60px; }
  .data-node span { font-size: 10px; white-space: normal; }
  .data-core,.data-core svg { width: 65px; height: 65px; }
  .ecosystem { height: 330px; min-height: 330px; }
  .eco-product { width: 28%; height: 23%; }
  .eco-product strong { font-size: 16px; }
  .eco-product span { font-size: 10px; }
  .ep-2,.ep-6 { left: 36%; }
  .ep-4,.ep-8 { top: 38.5%; }
  .eco-core-mark { width: 56px; height: 56px; }
  .eco-core-wordmark { font-size: 13px; }
  .collab-timeline { padding-top: 90px; }
  .collab-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
  .collab-steps .step { padding: 8px 0 0; min-height: 0; }
  .collab-steps .step-no { margin-bottom: 10px; }
  .collab-steps .step h3,.collab-steps .step:nth-child(4) h3 { font-size: 19px; }
  .collab-steps .step p { font-size: 16px; line-height: 1.3; }
}
#slide-6 .demo-playbar { margin-top: 0 }
#slide-8 .eco-product { width: 36%; height: 25% }
#slide-8 .ep-1 { left: 3%; top: 8% }
#slide-8 .ep-2 { left: auto; right: 3%; top: 8% }
#slide-8 .ep-3 { left: 3%; right: auto; top: auto; bottom: 8% }
#slide-8 .ep-4 { right: 3%; top: auto; bottom: 8% }
.collab-track,.collab-steps { grid-template-columns: repeat(3,minmax(0,1fr)) }
.active-slide .collab-steps .step:nth-child(2) { animation-delay: 3s }
.active-slide .collab-steps .step:nth-child(3) { animation-delay: 5.65s }
@media(max-width:640px) {
  .collab-steps { grid-template-columns: 1fr; gap: 24px }
  .collab-steps .step { min-height: 0 }
  .collab-timeline { padding-top: 90px }
  #slide-8 .eco-product strong { font-size: 17px }
}

/* Typography for the three-stage collaboration slide only. */
.slide:has(.collab-timeline) .collab-steps .step p { font-size: var(--fz-body); }
.slide:has(.collab-timeline) .collaboration-invitation { display: block; margin-top: 1em; font-weight: 400; }