@import url(../../shared-styles.css);

.hero-section {
    background-image: image-set(
        url(/assets/img/about_page/about_hero.avif) type("image/avif"),
        url(/assets/img/about_page/about_hero.jpg) type("image/jpeg")
    )
}

/* Culture feature: photo on the left, copy on the right */
.people-card {
    --bs-card-border-radius: var(--sf-radius-lg);
    --bs-card-inner-border-radius: var(--sf-radius-lg);
    overflow: hidden;
}

.people-img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    object-fit: cover;
}

.people-body {
    padding: clamp(1.5rem, 4vw, 3rem);
}

.people-body .body-text {
    max-width: 58ch;
}