/* Loaded only on the Seniori homepage draft in a test installation.
   Keep this after the theme and homepage styles. No content or SEO changes. */
@media (max-width: 900px) {
    body.si-home-page .si-home .si-hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
        width: 100% !important;
    }
    body.si-home-page .si-home .si-hero-grid > .wp-block-column {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: auto !important;
        margin: 0 !important;
    }
    body.si-home-page .si-home .si-hero-image {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
    body.si-home-page .si-home .si-hero-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
    body.si-home-page .si-home .si-hero-image figcaption {
        position: static !important;
        inset: auto !important;
        max-width: none !important;
        width: auto !important;
        margin: 12px 0 0 !important;
        padding: 14px 18px !important;
        font-size: 20px !important;
        line-height: 1.45 !important;
        box-shadow: none;
    }
    body.si-home-page .si-home .si-hero .si-lead {
        width: auto !important;
        max-width: 55ch !important;
        font-size: 20px !important;
        line-height: 1.6 !important;
        word-break: normal;
        overflow-wrap: normal;
    }
    body.si-home-page .si-home .si-hero h1 {
        font-size: clamp(36px, 8.6vw, 58px) !important;
        line-height: 1.14 !important;
        letter-spacing: -.025em !important;
        overflow-wrap: normal;
        word-break: normal;
    }
    body.si-home-page .si-home .si-hero .wp-block-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
}
@media (max-width: 600px) {
    body.si-home-page .si-home .si-hero {
        padding: 26px 20px !important;
    }
    body.si-home-page .si-home .si-hero .wp-block-button {
        width: 100% !important;
    }
    body.si-home-page .si-home .si-hero .wp-block-button__link {
        width: 100% !important;
        min-height: 52px;
    }
}