/*
Complete homepage responsive layer.

This stylesheet is intentionally loaded after the shared site styles and is
scoped to body.page-home. It gives the homepage one coherent phone/tablet
layout without changing the desktop presentation or the layout of other pages.
*/

@media (max-width: 1024px) {
    body.page-home,
    body.page-home *,
    body.page-home *::before,
    body.page-home *::after {
        box-sizing: border-box;
    }

    body.page-home {
        max-width: 100%;
        overflow-x: hidden;
    }

    body.page-home main {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    @supports (overflow: clip) {
        body.page-home,
        body.page-home main {
            overflow-x: clip;
        }
    }

    /* ---------------------------------------------------------
       Header: one contained responsive system through tablet.
       --------------------------------------------------------- */
    html body.page-home .site-header {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        isolation: isolate !important;
    }

    html body.page-home .site-header__background {
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    html body.page-home .site-header__inner {
        position: relative !important;
        inset: auto !important;
        order: 1 !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: min(100%, 960px) !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 10px 12px 8px !important;
        overflow: visible !important;
    }

    html body.page-home .site-header .site-name,
    html body.page-home .site-header .site-name:link,
    html body.page-home .site-header .site-name:visited,
    html body.page-home .site-header .site-name:hover,
    html body.page-home .site-header .site-name:focus,
    html body.page-home .site-header .site-name:focus-visible {
        position: static !important;
        inset: auto !important;
        order: 1 !important;
        display: block !important;
        width: min(100%, 760px) !important;
        max-width: 100% !important;
        margin: 0 auto 8px !important;
        padding: 0 8px !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        font-size: clamp(2.2rem, 7vw, 4rem) !important;
        line-height: 0.92 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .site-header__utility {
        position: static !important;
        inset: auto !important;
        order: 2 !important;
        display: grid !important;
        grid-template-columns: 96px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        width: min(100%, 430px) !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 auto 6px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.page-home .site-header__utility .interest-home-link {
        position: relative !important;
        inset: auto !important;
        order: 1 !important;
        display: block !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 84px !important;
        min-height: 84px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home .site-header__utility .interest-home-visual {
        position: relative !important;
        display: block !important;
        width: 96px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home .site-header__utility .interest-home-link__house {
        position: absolute !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        width: 78px !important;
        max-width: 78px !important;
        height: auto !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    html body.page-home .site-header__utility .interest-home-link__pets {
        display: none !important;
    }

    html body.page-home .site-header__utility .interest-home-link__count {
        position: absolute !important;
        top: 0 !important;
        right: 1px !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 10 !important;
        display: grid !important;
        place-items: center !important;
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        min-height: 26px !important;
        padding: 0 !important;
        font-size: 0.72rem !important;
        line-height: 1 !important;
        transform: none !important;
    }

    html body.page-home .site-header__utility .interest-home-link__label {
        position: absolute !important;
        inset: auto 0 0 0 !important;
        z-index: 11 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 22px !important;
        margin: 0 !important;
        padding: 3px 6px !important;
        border: 1px solid rgba(184, 126, 15, 0.76) !important;
        border-radius: 999px !important;
        background: rgba(255, 253, 240, 0.96) !important;
        color: #214f97 !important;
        font-size: 0.72rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .site-header__utility-actions {
        position: static !important;
        inset: auto !important;
        order: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home .site-header .site-header__utility-link,
    html body.page-home .site-header .site-header__utility-link:link,
    html body.page-home .site-header .site-header__utility-link:visited {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        font-size: 0.72rem !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body.page-home .site-header .site-header__utility-badge {
        flex: 0 0 auto !important;
        margin-left: 6px !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3 {
        position: static !important;
        inset: auto !important;
        order: 3 !important;
        z-index: 20 !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-items: center !important;
        gap: 4px 2px !important;
        width: min(100%, 430px) !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 4px 0 2px !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__link {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: clamp(66px, 19vw, 78px) !important;
        min-width: 0 !important;
        max-width: 78px !important;
        height: clamp(66px, 19vw, 78px) !important;
        min-height: 0 !important;
        max-height: 78px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__flower {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__label {
        position: absolute !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        z-index: 5 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72% !important;
        min-width: 0 !important;
        max-width: 72% !important;
        min-height: 24px !important;
        margin: 0 !important;
        padding: 2px 3px !important;
        border: 1px solid rgba(184, 126, 15, 0.78) !important;
        border-radius: 999px !important;
        background: rgba(255, 253, 240, 0.94) !important;
        color: #214f97 !important;
        font-size: clamp(0.5rem, 2.1vw, 0.65rem) !important;
        font-weight: 900 !important;
        line-height: 0.98 !important;
        text-align: center !important;
        white-space: normal !important;
        text-shadow: none !important;
        -webkit-text-stroke: 0 !important;
        transform: translate(-50%, -50%) !important;
    }

    html body.page-home .social-location--header {
        position: relative !important;
        inset: auto !important;
        order: 2 !important;
        z-index: 3 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: min(100%, 430px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 auto !important;
        padding: 5px 0 !important;
    }

    html body.page-home .social-location--header .social-location__link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 5px 4px !important;
        font-size: 0.64rem !important;
        line-height: 1.1 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) {
        position: relative !important;
        inset: auto !important;
        order: 3 !important;
        z-index: 3 !important;
        display: block !important;
        width: min(100%, 430px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 auto !important;
        padding: 0 0 10px !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-panel {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        margin: 0 !important;
        transform: none !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 6px 12px !important;
        border: 1px solid rgba(184, 126, 15, 0.86) !important;
        border-radius: 999px !important;
        background: rgba(235, 217, 178, 0.96) !important;
        color: #214f97 !important;
        filter: none !important;
        transform: none !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll__image,
    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll__details,
    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll__prompt,
    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-close,
    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-backdrop {
        display: none !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll__content,
    html body.page-home .site-header > .header-events-widget:not(.is-expanded) .header-events-scroll__title {
        position: static !important;
        inset: auto !important;
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #214f97 !important;
        -webkit-text-fill-color: #214f97 !important;
        font-family: "Trebuchet MS", Arial, sans-serif !important;
        font-size: 0.72rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0.03em !important;
        text-shadow: none !important;
        transform: none !important;
    }

    html body.page-home .site-header__bottom-divider {
        position: relative !important;
        inset: auto !important;
        order: 4 !important;
        z-index: 4 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* ---------------------------------------------------------
       Mission strip.
       --------------------------------------------------------- */
    html body.page-home .home-message,
    html body.page-home .home-message__inner {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home .home-message {
        padding: 20px 18px !important;
    }

    html body.page-home .home-message__title {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        display: block !important;
        width: min(100%, 760px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        text-wrap: balance !important;
        font-size: clamp(1.75rem, 6.7vw, 3rem) !important;
        line-height: 1.04 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .home-message__sparkles {
        display: none !important;
    }

    /* ---------------------------------------------------------
       Featured Cats: preserve the desktop floral identity, but
       use a compact responsive grid instead of oversized cards.
       --------------------------------------------------------- */
    html body.page-home .featured-showcase {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 14px 38px !important;
        overflow: hidden !important;
        background-color: #f6efe2 !important;
        background-image:
            linear-gradient(
                rgba(255, 249, 231, 0.68),
                rgba(255, 249, 231, 0.68)
            ),
            url("images/homepage-featured/featured-cats-background-2.e0c22d02f82a.png")
            !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    html body.page-home .featured-showcase__hero {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 18px !important;
        padding: 0 38px !important;
        overflow: visible !important;
    }

    html body.page-home .featured-showcase__hero-kicker-space {
        min-height: 0 !important;
        height: 0 !important;
    }

    html body.page-home .featured-showcase__hero-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        color: #214f97 !important;
        font-size: clamp(2.35rem, 9vw, 4.2rem) !important;
        line-height: 0.95 !important;
        letter-spacing: 0.01em !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__hero-divider {
        width: min(100%, 340px) !important;
        max-width: 100% !important;
        margin: 10px auto 0 !important;
    }

    html body.page-home .featured-showcase__grid {
        position: static !important;
        inset: auto !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 26px 12px !important;
        width: min(100%, 560px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__card {
        width: 100% !important;
        max-width: 180px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.page-home .featured-showcase__link,
    html body.page-home .featured-showcase__link:link,
    html body.page-home .featured-showcase__link:visited {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home .featured-showcase__portrait {
        position: relative !important;
        width: 100% !important;
        max-width: 180px !important;
        margin: 0 auto !important;
        aspect-ratio: 548 / 659 !important;
    }

    html body.page-home .featured-showcase__details {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 180px !important;
        margin: -12px auto 0 !important;
        padding: 0 3px !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__headline {
        margin: 0 0 2px !important;
        font-size: 0.82rem !important;
        line-height: 1.15 !important;
    }

    html body.page-home .featured-showcase__details h3 {
        margin: 0 0 3px !important;
        font-size: clamp(1.05rem, 4vw, 1.35rem) !important;
        line-height: 1 !important;
        overflow-wrap: anywhere !important;
    }

    html body.page-home .featured-showcase__facts,
    html body.page-home .featured-showcase__breed {
        font-size: clamp(0.68rem, 2.5vw, 0.82rem) !important;
        line-height: 1.25 !important;
    }

    html body.page-home .featured-showcase__facts span {
        padding-inline: 3px !important;
    }

    html body.page-home .featured-showcase__sound-toggle {
        position: absolute !important;
        inset: 10px 10px auto auto !important;
        z-index: 30 !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__grid > .featured-showcase__card:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }

    /* ---------------------------------------------------------
       Every animal gallery: contained headings and a consistent
       compact grid. This covers ready, foster, rehoming, and
       longest-with-us sections through one shared rule set.
       --------------------------------------------------------- */
    html body.page-home .available-showcase {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 36px 14px 44px !important;
        overflow: hidden !important;
    }

    html body.page-home .available-showcase__heading {
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 10px !important;
        width: min(100%, 900px) !important;
        max-width: 100% !important;
        margin: 0 auto 26px !important;
        padding: 0 4px !important;
        text-align: center !important;
    }

    html body.page-home .available-showcase__heading .available-showcase__eyebrow.featured-showcase__hero-title {
        grid-column: 1 !important;
        justify-self: center !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        color: #214f97 !important;
        font-size: clamp(2.25rem, 8.7vw, 4.4rem) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .available-showcase__view-all {
        grid-column: 1 !important;
        justify-self: center !important;
        align-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 5px 12px !important;
        border: 1px solid rgba(33, 79, 151, 0.34) !important;
        border-radius: 999px !important;
        background: rgba(255, 253, 240, 0.72) !important;
        font-size: 0.76rem !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    html body.page-home .available-showcase__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 34px 12px !important;
        width: min(100%, 620px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    html body.page-home .available-showcase__card {
        position: relative !important;
        width: 100% !important;
        max-width: 190px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.page-home .available-showcase__link,
    html body.page-home .available-showcase__link:link,
    html body.page-home .available-showcase__link:visited {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home .available-showcase__portrait-shell {
        position: relative !important;
        width: 100% !important;
        max-width: 190px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.page-home .available-showcase__status {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        align-items: end !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 2.5em !important;
        margin: 0 0 4px !important;
        padding: 0 2px !important;
        overflow: visible !important;
        color: #214f97 !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: clamp(0.68rem, 2.3vw, 0.8rem) !important;
        font-style: italic !important;
        font-weight: 500 !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
        transform: none !important;
    }

    html body.page-home .available-showcase__portrait {
        position: relative !important;
        width: 100% !important;
        max-width: 190px !important;
        margin: 0 auto !important;
        aspect-ratio: 589 / 601 !important;
    }

    html body.page-home .available-showcase__details.featured-showcase__details {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 190px !important;
        margin: 7px auto 0 !important;
        padding: 0 3px !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .available-showcase__details h3 {
        margin: 0 0 3px !important;
        font-size: clamp(1rem, 3.8vw, 1.3rem) !important;
        line-height: 1.05 !important;
        overflow-wrap: anywhere !important;
    }

    html body.page-home .available-showcase__details .featured-showcase__facts,
    html body.page-home .available-showcase__details .featured-showcase__breed {
        font-size: clamp(0.67rem, 2.35vw, 0.8rem) !important;
        line-height: 1.25 !important;
    }

    html body.page-home .available-showcase__temperament,
    html body.page-home .available-showcase__summary {
        display: -webkit-box !important;
        max-width: 100% !important;
        margin: 6px auto 0 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        font-size: clamp(0.66rem, 2.2vw, 0.78rem) !important;
        line-height: 1.3 !important;
    }

    html body.page-home .available-showcase__temperament {
        -webkit-line-clamp: 2 !important;
    }

    html body.page-home .available-showcase__summary {
        -webkit-line-clamp: 4 !important;
    }

    html body.page-home .available-showcase__interest {
        position: absolute !important;
        top: clamp(158px, 46vw, 205px) !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 50 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home .available-showcase__interest-button {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 1.55rem !important;
    }

    html body.page-home .available-showcase .empty-state {
        width: min(100%, 720px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 24px 16px !important;
    }

    /* ---------------------------------------------------------
       Impact entry and complete footer.
       --------------------------------------------------------- */
    html body.page-home .home-impact-entry {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 34px 16px !important;
        overflow: hidden !important;
    }

    html body.page-home .home-impact-entry__inner {
        width: min(100%, 820px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 26px 0 !important;
    }

    html body.page-home .home-impact-entry h2 {
        font-size: clamp(2.2rem, 8vw, 3.8rem) !important;
        line-height: 1 !important;
    }

    html body.page-home .home-impact-entry p {
        overflow-wrap: anywhere !important;
    }

    html body.page-home .home-impact-entry__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: min(100%, 420px) !important;
        margin: 18px auto 0 !important;
    }

    html body.page-home .home-impact-entry__actions a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body.page-home footer.site-footer.site-directory-footer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 34px 18px 18px !important;
        overflow: hidden !important;
    }

    html body.page-home .site-directory-footer__inner,
    html body.page-home .site-directory-footer__introduction,
    html body.page-home .site-directory-footer__navigation,
    html body.page-home .site-directory-footer__group,
    html body.page-home .site-directory-footer__bottom {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body.page-home .site-directory-footer__group a,
    html body.page-home .site-directory-footer__mission,
    html body.page-home .site-directory-footer__bottom p {
        overflow-wrap: anywhere !important;
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    html body.page-home .site-header__utility {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        width: min(100%, 520px) !important;
    }

    html body.page-home .site-header__utility .interest-home-link,
    html body.page-home .site-header__utility .interest-home-visual {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
    }

    html body.page-home .site-header__utility .interest-home-link {
        height: 94px !important;
        min-height: 94px !important;
    }

    html body.page-home .site-header__utility .interest-home-visual {
        height: 72px !important;
    }

    html body.page-home .site-header__utility .interest-home-link__house {
        width: 90px !important;
        max-width: 90px !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3 {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: min(100%, 820px) !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__link {
        width: clamp(72px, 9.4vw, 86px) !important;
        max-width: 86px !important;
        height: clamp(72px, 9.4vw, 86px) !important;
        max-height: 86px !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__label {
        font-size: clamp(0.52rem, 1.25vw, 0.67rem) !important;
    }

    html body.page-home .social-location--header {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: min(100%, 720px) !important;
    }

    html body.page-home .site-header > .header-events-widget:not(.is-expanded) {
        width: min(100%, 720px) !important;
    }

    html body.page-home .featured-showcase__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 720px) !important;
        gap: 30px 18px !important;
    }

    html body.page-home .featured-showcase__card,
    html body.page-home .featured-showcase__portrait,
    html body.page-home .featured-showcase__details {
        max-width: 210px !important;
    }

    html body.page-home .featured-showcase__grid > .featured-showcase__card:last-child:nth-child(odd) {
        grid-column: auto !important;
    }

    html body.page-home .available-showcase__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 760px) !important;
        gap: 42px 22px !important;
    }

    html body.page-home .available-showcase__card,
    html body.page-home .available-showcase__portrait-shell,
    html body.page-home .available-showcase__portrait,
    html body.page-home .available-showcase__details.featured-showcase__details {
        max-width: 215px !important;
    }

    html body.page-home .available-showcase__interest {
        top: 220px !important;
    }

    html body.page-home .home-impact-entry__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, 680px) !important;
    }
}

@media (max-width: 380px) {
    html body.page-home .site-header__inner {
        padding-inline: 8px !important;
    }

    html body.page-home .site-header__utility {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 7px !important;
    }

    html body.page-home .site-header__utility .interest-home-link,
    html body.page-home .site-header__utility .interest-home-visual {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__link {
        width: clamp(62px, 18.2vw, 70px) !important;
        height: clamp(62px, 18.2vw, 70px) !important;
    }

    html body.page-home .featured-showcase,
    html body.page-home .available-showcase {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    html body.page-home .featured-showcase__grid,
    html body.page-home .available-showcase__grid {
        column-gap: 8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-home .primary-flower-nav-v3__flower {
        animation: none !important;
    }

    body.page-home .featured-showcase__video,
    body.page-home .available-showcase__video {
        display: none !important;
    }
}
/* BEGIN SCREENSHOT VERIFIED MOBILE FINAL ALIGNMENT */
/*
Focused mobile header/transition refinement after inspecting the deployed
phone layout. The account controls are separated left/right, My Home uses a
true centered label row below the house, the mission line lives inside the
Featured Cats section, and sunflower labels use high-contrast light text.
*/
@media (max-width: 760px) {
    /* =========================================================
       ACCOUNT AREA
       Dashboard/Profile left; My Home right.
       ========================================================= */
    html body.page-home .site-header__utility {
        display: grid !important;
        grid-template-columns: minmax(0, 185px) 96px !important;
        align-items: center !important;
        justify-content: space-between !important;
        column-gap: 16px !important;
        width: 100% !important;
        max-width: 430px !important;
        min-height: 128px !important;
        margin: 0 auto 2px !important;
        padding: 0 14px !important;
    }

    html body.page-home .site-header__utility-actions {
        position: static !important;
        inset: auto !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: start !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 185px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.page-home
    .site-header__utility-actions
    > .site-header__utility-link,
    html body.page-home
    .site-header__utility-actions
    > .site-header__utility-link:link,
    html body.page-home
    .site-header__utility-actions
    > .site-header__utility-link:visited {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 185px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        font-size: clamp(0.67rem, 2.45vw, 0.76rem) !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body.page-home .site-header__utility .interest-home-link,
    html body.page-home .site-header__utility .interest-home-link:link,
    html body.page-home .site-header__utility .interest-home-link:visited,
    html body.page-home .site-header__utility .interest-home-link:hover,
    html body.page-home .site-header__utility .interest-home-link:focus-visible {
        position: relative !important;
        inset: auto !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: end !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 128px !important;
        min-height: 128px !important;
        max-height: 128px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transform: translateY(5px) !important;
    }

    /*
    The house gets a complete visual row. The label is then centered in a
    separate 96px row below it, with no horizontal translation.
    */
    html body.page-home .site-header__utility .interest-home-visual {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        flex: 0 0 102px !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        height: 102px !important;
        min-height: 102px !important;
        max-height: 102px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body.page-home .site-header__utility .interest-home-link__house {
        position: absolute !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: block !important;
        width: 94px !important;
        max-width: 94px !important;
        height: auto !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    /* Move only the My Home house image 10px farther down from its current position. */
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:hover
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus-visible
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:active
    .interest-home-link__house {
        translate: 0 7px !important;
        transform: translateX(calc(-50% - 32px)) !important;
    }
    /* Move only the My Home number badge 5px farther left and 7px farther down. */
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link
    .interest-home-link__count,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:hover
    .interest-home-link__count,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus
    .interest-home-link__count,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus-visible
    .interest-home-link__count,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:active
    .interest-home-link__count {
        transform: translate(-8px, 9px) !important;
    }


    html body.page-home .site-header__utility .interest-home-link__count {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 10 !important;
    }

    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:hover
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus-visible
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:active
    .interest-home-link__label {
        position: static !important;
        inset: auto !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        min-height: 0 !important;
        margin: 6px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111111 !important;
        font-size: 0.78rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        transform: translate(-28px, -20px) !important;
    }

    html body.page-home
    .site-header__utility
    .interest-home-link__label::before,
    html body.page-home
    .site-header__utility
    .interest-home-link__label::after {
        display: none !important;
        content: none !important;
    }

    /* =========================================================
       SUNFLOWER NAV
       The flower remains the entire button. Use readable light text.
       ========================================================= */
    html body.page-home .site-header .primary-flower-nav-v3__link,
    html body.page-home .site-header .primary-flower-nav-v3__link:link,
    html body.page-home .site-header .primary-flower-nav-v3__link:visited,
    html body.page-home .site-header .primary-flower-nav-v3__link:hover,
    html body.page-home .site-header .primary-flower-nav-v3__link:active {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body.page-home .site-header .primary-flower-nav-v3__label {
        position: absolute !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 76% !important;
        max-width: 76% !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff4c7 !important;
        -webkit-text-fill-color: #fff4c7 !important;
        -webkit-text-stroke: 0.65px #3b240e !important;
        font-size: clamp(0.59rem, 2.4vw, 0.72rem) !important;
        font-weight: 900 !important;
        line-height: 1.02 !important;
        text-align: center !important;
        white-space: normal !important;
        text-shadow:
            0 1px 1px rgba(42, 23, 7, 0.98),
            0 0 3px rgba(42, 23, 7, 0.96),
            0 0 7px rgba(24, 67, 126, 0.72)
            !important;
        paint-order: stroke fill !important;
        pointer-events: none !important;
        transform: translate(-50%, -50%) !important;
    }

    html body.page-home
    .site-header
    .primary-flower-nav-v3__label::before,
    html body.page-home
    .site-header
    .primary-flower-nav-v3__label::after {
        display: none !important;
        content: none !important;
    }

    html body.page-home
    .site-header
    .primary-flower-nav-v3__link:focus-visible {
        outline: 3px solid #214f97 !important;
        outline-offset: 2px !important;
        border-radius: 50% !important;
        background: transparent !important;
    }

    /* All five social links stay in one contained row. */
    html body.page-home .social-location--header {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 3px !important;
        width: min(100%, 430px) !important;
        max-width: calc(100% - 12px) !important;
        margin: 0 auto !important;
        padding: 4px 0 !important;
    }

    html body.page-home
    .social-location--header
    .social-location__link,
    html body.page-home
    .social-location--header
    .social-location__link:link,
    html body.page-home
    .social-location--header
    .social-location__link:visited {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 4px 1px !important;
        font-size: clamp(0.52rem, 2vw, 0.64rem) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* =========================================================
       MISSION + FEATURED CATS ENTRANCE
       The mission is now physically inside Featured Cats, so there is no
       separate cream gap and the text has real layout space above the title.
       ========================================================= */
    html body.page-home
    .featured-showcase
    > .home-message {
        position: relative !important;
        inset: auto !important;
        z-index: 20 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 3px 8px 1px !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        transform: none !important;
    }

    html body.page-home
    .featured-showcase
    > .home-message
    .home-message__inner {
        position: static !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home
    .featured-showcase
    > .home-message
    .home-message__title {
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: transparent !important;
        color: #1d59a8 !important;
        -webkit-text-fill-color: #1d59a8 !important;
        font-size: clamp(1.2rem, 5vw, 1.62rem) !important;
        line-height: 0.96 !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-shadow:
            0 1px 0 rgba(255, 248, 232, 0.98),
            0 0 7px rgba(255, 248, 232, 0.96)
            !important;
        transform: none !important;
    }

    html body.page-home .home-message__sparkles,
    html body.page-home .home-message::before,
    html body.page-home .home-message::after,
    html body.page-home .home-message__inner::before,
    html body.page-home .home-message__inner::after,
    html body.page-home .home-message__title::before,
    html body.page-home .home-message__title::after {
        display: none !important;
        content: none !important;
    }

    html body.page-home .featured-showcase {
        position: relative !important;
        top: auto !important;
        margin: 0 !important;
        padding-top: 0 !important;
        border-top: 3px solid rgba(184, 126, 15, 0.88) !important;
    }

    html body.page-home .featured-showcase__hero {
        margin: 0 auto 8px !important;
        padding: 2px 0 0 !important;
    }

    /* =========================================================
       FEATURED CATS
       Preserve the working compact three-then-two system.
       ========================================================= */
    html body.page-home .featured-showcase__grid {
        --jm-mobile-feature-width: clamp(100px, 28.2vw, 118px);
        position: static !important;
        inset: auto !important;
        top: auto !important;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-rows: max-content !important;
        grid-auto-flow: row !important;
        align-items: start !important;
        justify-items: center !important;
        align-content: start !important;
        justify-content: stretch !important;
        column-gap: 4px !important;
        row-gap: 18px !important;
        width: min(100%, 430px) !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 6px 8px !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home
    .featured-showcase__grid
    > .featured-showcase__card {
        position: static !important;
        inset: auto !important;
        grid-column: auto / span 2 !important;
        display: block !important;
        flex: none !important;
        flex-basis: auto !important;
        align-self: start !important;
        justify-self: center !important;
        width: var(--jm-mobile-feature-width) !important;
        min-width: 0 !important;
        max-width: var(--jm-mobile-feature-width) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.page-home
    .featured-showcase__grid
    > .featured-showcase__card:nth-child(4):nth-last-child(2) {
        grid-column: 2 / span 2 !important;
    }

    html body.page-home
    .featured-showcase__grid
    > .featured-showcase__card:nth-child(5):last-child {
        grid-column: 4 / span 2 !important;
    }

    html body.page-home
    .featured-showcase__grid
    > .featured-showcase__card:last-child:nth-child(odd) {
        grid-column: 4 / span 2 !important;
    }

    html body.page-home .featured-showcase__link,
    html body.page-home .featured-showcase__link:link,
    html body.page-home .featured-showcase__link:visited {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        grid-template-rows: none !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: none !important;
        width: var(--jm-mobile-feature-width) !important;
        min-width: 0 !important;
        max-width: var(--jm-mobile-feature-width) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__portrait {
        position: relative !important;
        inset: auto !important;
        top: 0 !important;
        flex: none !important;
        flex-basis: auto !important;
        width: var(--jm-mobile-feature-width) !important;
        min-width: var(--jm-mobile-feature-width) !important;
        max-width: var(--jm-mobile-feature-width) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        aspect-ratio: 548 / 659 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__photo {
        top: 17% !important;
        left: 21% !important;
        width: 58% !important;
        height: 66% !important;
    }

    html body.page-home .featured-showcase__frame {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__details {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        flex: none !important;
        flex-basis: auto !important;
        width: var(--jm-mobile-feature-width) !important;
        min-width: 0 !important;
        max-width: var(--jm-mobile-feature-width) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 5px auto 0 !important;
        padding: 0 1px !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .featured-showcase__headline,
    html body.page-home .featured-showcase__details h3,
    html body.page-home .featured-showcase__facts,
    html body.page-home .featured-showcase__breed {
        position: static !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
        transform: none !important;
        transform-origin: center !important;
    }

    html body.page-home .featured-showcase__headline {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        font-size: clamp(0.78rem, 3vw, 0.96rem) !important;
        line-height: 1.05 !important;
    }

    html body.page-home .featured-showcase__details h3 {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        font-size: clamp(0.95rem, 3.6vw, 1.18rem) !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    html body.page-home .featured-showcase__facts,
    html body.page-home .featured-showcase__breed {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: clamp(0.62rem, 2.35vw, 0.76rem) !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
    }

    html body.page-home .featured-showcase__portrait:hover,
    html body.page-home
    .featured-showcase__link:focus-visible
    .featured-showcase__portrait {
        transform: none !important;
    }

    /* =========================================================
       SHARED HOMEPAGE GALLERIES
       Preserve the centered portrait/text system.
       ========================================================= */
    html body.page-home .available-showcase__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 30px 10px !important;
        width: min(100%, 430px) !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 7px !important;
    }

    html body.page-home .available-showcase__card {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 190px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    html body.page-home .available-showcase__link,
    html body.page-home .available-showcase__link:link,
    html body.page-home .available-showcase__link:visited {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 190px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        transform: none !important;
    }

    html body.page-home .available-showcase__portrait-shell,
    html body.page-home .available-showcase__portrait,
    html body.page-home
    .available-showcase__details.featured-showcase__details {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 190px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        transform: none !important;
    }

    html body.page-home
    .available-showcase__details.featured-showcase__details {
        position: static !important;
        inset: auto !important;
        top: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 7px !important;
        padding: 0 3px !important;
        text-align: center !important;
    }

    html body.page-home .available-showcase__status,
    html body.page-home .available-showcase__details h3,
    html body.page-home
    .available-showcase__details
    .featured-showcase__facts,
    html body.page-home
    .available-showcase__details
    .featured-showcase__breed,
    html body.page-home .available-showcase__temperament,
    html body.page-home .available-showcase__summary {
        position: static !important;
        inset: auto !important;
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
        transform: none !important;
        transform-origin: center !important;
    }

    html body.page-home .available-showcase__details h3 {
        margin-top: 0 !important;
        margin-bottom: 3px !important;
        letter-spacing: 0 !important;
    }

    html body.page-home
    .available-showcase__details
    .featured-showcase__facts,
    html body.page-home
    .available-showcase__details
    .featured-showcase__breed {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        letter-spacing: 0 !important;
    }

    html body.page-home .available-showcase__temperament,
    html body.page-home .available-showcase__summary {
        margin-top: 6px !important;
        margin-bottom: 0 !important;
        letter-spacing: normal !important;
    }
}
/* END SCREENSHOT VERIFIED MOBILE FINAL ALIGNMENT */
/* Desktop-only My Home label adjustment: move the text 12px up total. */
@media (min-width: 1025px) {
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:hover
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus-visible
    .interest-home-link__label,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:active
    .interest-home-link__label {
        translate: 0 -12px !important;
    }
}

/* Desktop-only My Home house adjustment: move the house image 3px down. */
@media (min-width: 1025px) {
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:hover
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:focus-visible
    .interest-home-link__house,
    html body.page-home
    .site-header
    .site-header__utility
    a.interest-home-link:active
    .interest-home-link__house {
        translate: 0 -21px !important;
    }
}

/* START homepage rescue title tablet and mobile lock v27 */
/*
homepage-responsive.css loads after site.css, so keep the approved rescue
title treatment authoritative here on smaller homepage viewports as well.
*/
@media (max-width: 1024px) {
    html body.page-home .site-header .site-name,
    html body.page-home .site-header .site-name:link,
    html body.page-home .site-header .site-name:visited,
    html body.page-home .site-header .site-name:hover,
    html body.page-home .site-header .site-name:focus,
    html body.page-home .site-header .site-name:focus-visible,
    html body.page-home .site-header .site-name:active {
        font-family:
            "Pinyon Script",
            "Snell Roundhand",
            cursive
            !important;
        font-weight: 700 !important;
        font-style: normal !important;
        letter-spacing: 0.015em !important;
        color: #214f97 !important;
        -webkit-text-fill-color: #214f97 !important;
        -webkit-text-stroke: 0 !important;
        filter: none !important;
        background: transparent !important;
        transform-origin: center center !important;
        animation: none !important;
    }

    html body.page-home .site-header .site-name,
    html body.page-home .site-header .site-name:link,
    html body.page-home .site-header .site-name:visited {
        text-shadow: none !important;
        transform: scale(1) !important;
        transition:
            transform 220ms ease,
            text-shadow 220ms ease
            !important;
    }

    html body.page-home .site-header .site-name:hover,
    html body.page-home .site-header .site-name:focus-visible,
    html body.page-home .site-header .site-name:active {
        transform: scale(1.08) !important;
        text-shadow:
            0 0 3px rgba(255, 255, 238, 1),
            0 0 8px rgba(255, 239, 160, 0.98),
            0 0 16px rgba(239, 191, 55, 0.90),
            0 0 28px rgba(224, 173, 49, 0.72),
            0 0 42px rgba(192, 128, 18, 0.48)
            !important;
    }
}

@media (min-width: 761px) and (max-width: 1024px) {
    html body.page-home .site-header .site-name,
    html body.page-home .site-header .site-name:link,
    html body.page-home .site-header .site-name:visited,
    html body.page-home .site-header .site-name:hover,
    html body.page-home .site-header .site-name:focus,
    html body.page-home .site-header .site-name:focus-visible,
    html body.page-home .site-header .site-name:active {
        font-size: clamp(2.35rem, 6.8vw, 4.35rem) !important;
        line-height: 1.06 !important;
    }
}

@media (max-width: 760px) {
    html body.page-home .site-header .site-name,
    html body.page-home .site-header .site-name:link,
    html body.page-home .site-header .site-name:visited,
    html body.page-home .site-header .site-name:hover,
    html body.page-home .site-header .site-name:focus,
    html body.page-home .site-header .site-name:focus-visible,
    html body.page-home .site-header .site-name:active {
        font-size: clamp(2rem, 9.8vw, 2.8rem) !important;
        line-height: 0.92 !important;
    }
}
/* END homepage rescue title tablet and mobile lock v27 */