/* The sanctuary is a separate project, linked below the four animal groups. */
.home-page .animal-card.animal-card--sanctuary {
    grid-column: 1 / -1;
    min-height: 0;
    height: 196px;
    aspect-ratio: auto;
    background: #182b1d;
}
.home-page .animal-card--sanctuary .animal-card__media {
    left: auto;
    width: 36%;
    overflow: hidden;
}
.home-page .animal-card--sanctuary .animal-card__media::after {
    background: linear-gradient(90deg, #182b1d 0%, rgba(24,43,29,.6) 18%, rgba(24,43,29,0) 52%);
}
.home-page .animal-card--sanctuary img {
    object-position: 50% 0%;
}
.home-page .animal-card--sanctuary .animal-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 68%;
    height: 100%;
    padding: 26px 32px;
}
.home-page .animal-card--sanctuary h3 {
    max-width: 24ch;
    margin: 0 0 12px;
    font-size: clamp(28px, 2.6vw, 38px);
    line-height: 1.14;
}
.home-page .animal-card--sanctuary .animal-card__content span {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}
.home-page .animal-card--sanctuary:focus-visible {
    outline: 3px solid #3f7531;
    outline-offset: 5px;
}
@media (max-width: 960px) {
    .home-page .animal-card.animal-card--sanctuary { height: 190px; }
    .home-page .animal-card--sanctuary .animal-card__content { width: 74%; }
}
@media (max-width: 640px) {
    .home-page .animal-card.animal-card--sanctuary { height: 190px; }
    .home-page .animal-card--sanctuary .animal-card__media { width: 54%; }
    .home-page .animal-card--sanctuary img { object-position: 50% 34%; }
    .home-page .animal-card--sanctuary .animal-card__media::after {
        background: linear-gradient(90deg, #182b1d 0%, rgba(24,43,29,.68) 28%, rgba(24,43,29,.12) 78%);
    }
    .home-page .animal-card--sanctuary .animal-card__content {
        width: 80%;
        padding: 22px 20px;
    }
    .home-page .animal-card--sanctuary h3 {
        max-width: 17ch;
        margin-bottom: 12px;
        font-size: 26px;
        line-height: 1.12;
    }
    .home-page .animal-card--sanctuary .animal-card__content span {
        max-width: 21ch;
        font-size: 13px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .home-page .animal-card--sanctuary img { transition: none; }
    .home-page .animal-card--sanctuary:hover img { transform: none; }
}