/* Committee section wrapper (spacing tweaks live here if needed) */
.committee-section {}

/* Card-specific hooks */
.committee-card {}
.committee-body {}
.committee-name {}

/* Reuse the same 3x4 ratio strategy used for speakers */
.ratio-3x4 {
    --bs-aspect-ratio: 133.3333%; /* 4/3 * 100% (portrait ratio) */
}

/* Poster container */
.committee-poster {
    position: relative;
    overflow: hidden;
    background-color: #e9ecef;
    border-radius: var(--bs-border-radius);
}
.committee-poster:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

/* Make the <img> fill the ratio box */
.committee-poster > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.committee-card {
    max-width: clamp(220px, 22vw, 300px);
    margin-inline: auto;
}