/*
 * Home page "About the school" teaser (sections/home-about.php): real photo
 * on the left, heading + lead paragraphs on the right, "read more" link
 * pinned to the right edge of the text column. The stat-number bullets that
 * used to sit below were removed by explicit request; the figures still
 * live on /o-kompanii (sections/about-stats.php).
 */

.about-teaser {
    padding: 4.5vw 0;
    background: var(--color-surface-muted);
}

.about-teaser__grid {
    --bs-gutter-x: 3.33vw;
    --bs-gutter-y: 3.33vw;
}

.about-teaser__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius);
    box-shadow: var(--shadow-float);
}

.about-teaser__content {
    display: flex;
    flex-direction: column;
}

.about-teaser__title {
    font-size: 1.88vw;
    margin: 0 0 1.25vw;
}

.about-teaser__text {
    color: var(--color-text-muted);
    margin: 0 0 1.67vw;
}

.about-teaser__link {
    align-self: flex-end;
    font-weight: 700;
    color: var(--color-accent);
}

@media only screen and (max-width: 767.98px) {
    .about-teaser {
        padding: 9vw 0;
    }

    .about-teaser__grid {
        --bs-gutter-x: 6.4vw;
        --bs-gutter-y: 6.4vw;
    }

    .about-teaser__title {
        font-size: 6.4vw;
        margin: 0 0 4vw;
    }

    .about-teaser__text {
        margin: 0 0 5.33vw;
    }
}