/* Fix for stretched images on Team/Mentor cards */
.rts__single--member--thumb img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    /* Enforce square ratio */
    object-fit: cover !important;
    /* Prevents stretching */
    object-position: center top !important;
    /* Focuses on faces */
}

/* Fix for stretched images on Alumni/Event cards */
.event__thumb img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    /* Enforce square ratio */
    object-fit: cover !important;
    object-position: center center !important;
}

/* Fix for Faculty Member Image */
.faculty-member__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}

/* Fix for Single Item Image (Mentors) */
.single-item__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
}

/* Fix for Homepage Banner Left Image */
.banner__wrapper--left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fix for Homepage About Images */
.about__images--wrapper--left img,
.about__images--wrapper--right img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Additional fix for Program items on homepage if needed */
.rts__program--item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Partner Section Styles */
.brand-area {
    padding: 60px 0;
    background: #f9f9f9;
}

/* .brand-wrapper is no longer used in HTML but kept for safety or removed if I decide to clean up.
   Since I removed it from HTML, I can remove it here or ignore it.
   I will focus on .brand-item.
*/

.brand-item {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    /* Subtle shadow */
    padding: 15px;
    aspect-ratio: 1;
    /* Make it square */
    width: 100%;
    /* Ensure it takes full width of column */
    /* height: auto;  removed fixed height */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Removed hover transform/shadow to keep it static as requested */

.brand-item img {
    max-width: 95%;
    /* Use more width */
    max-height: 120px;
    /* Allow taller images */
    width: auto;
    object-fit: contain;
    /* Removed grayscale and opacity to show clearly always */
}