/* All four states share geometry, so their crossfade never moves the controls. */
.breed-panels{display:grid}
.breed-panel{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s;pointer-events:none}
.breed-panel.is-active{opacity:1;visibility:visible;transition:opacity .65s ease,visibility 0s;pointer-events:auto}
.breed-art,.breed-mobile-photo{opacity:0;transition:opacity .85s cubic-bezier(.4,0,.2,1)}
.breed-art.is-active,.breed-mobile-photo.is-active{opacity:1}
@media(min-width:1001px){
 .breed-panel h3{margin:0 -40rem;width:832rem}
 .breed-ornament{height:52rem;margin:0 auto 27rem}
 .breed-card .breed-panel p{height:auto;min-height:183rem}
}
@media(max-width:1000px){
 .breed-panel h3{overflow-wrap:normal}
 .breed-mobile-photo{object-position:center top}
 .breed-panels{min-height:360rem}
 .breed-card .breed-panel p{height:auto}
}
@media(prefers-reduced-motion:reduce){.breed-panel,.breed-art,.breed-mobile-photo{transition:none}}

.breed-bullet{display:block;text-align:left}
@media(min-width:1001px){.breed-bullets{display:block;margin-left:48rem;margin-top:2rem;line-height:23.5rem}.breed-pagination button:first-child{width:24rem}}
@media(max-width:1000px){.breed-bullets{display:block;margin-top:12rem}.breed-bullet{margin-top:8rem}}
@media(min-width:1001px){.breed-panel[data-breed-panel="0"] .breed-ornament{height:64rem;margin:-8rem auto 23rem}}
@media(max-width:1000px){.breed-mobile-photo[data-breed-photo="3"]{left:-230rem}}