/* Careers Recruitment Team Module Styles */
.careers-recruitment-team-module {}

/* Header Section */
.recruitment-header {margin-bottom: 60px;}
/* .recruitment-headline {font-size: 48px; font-weight: 700; color: #000; margin-bottom: 20px; font-family: 'Effra Trial'; line-height: 1.2;} */
.recruitment-subheadline {font-size: 42px;}
.recruitment-description {font-size: 18px; color: #666; margin-bottom: 0; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.5;}

/* Team Members Grid */
.recruitment-team {margin-top: 40px;}
.recruitment-member {text-align: center; }

/* Member Photo */
.member-photo {position: relative; margin-bottom: 20px; border-radius: 50%; overflow: hidden; width: 200px; height: 200px; margin-left: auto; margin-right: auto; background: linear-gradient(135deg, #e8f5e8 0%, #d4f1d4 100%);}
.member-photo img {width: 100%; height: 100%; object-fit: cover; transition: filter 0.3s ease;}
.recruitment-member:hover .member-photo img {filter: grayscale(0%);}

/* Photo Placeholder */
.member-photo-placeholder {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #e8f5e8 0%, #d4f1d4 100%);}
.placeholder-icon {width: 60px; height: 60px; background-color: #ccc; border-radius: 50%;}

/* Member Content */
.member-content {padding: 0 15px;}
.member-name {font-size: 20px; font-weight: 700; color: #000; margin-bottom: 0; font-family: 'Effra Trial';}
.member-position {font-size: 16px; color: #666; font-weight: 500; line-height: 1.4;}

.view-bio-btn {font-weight: 700; color: #28a745;}

/* Responsive Design */
@media (max-width: 1199px) {
    .member-photo {width: 180px; height: 180px;}
    .recruitment-headline {font-size: 42px;}
    .recruitment-subheadline {font-size: 28px;}
}

@media (max-width: 991px) {
    .careers-recruitment-team-module {padding: 0}
    .recruitment-header {margin-bottom: 50px;}
    .member-photo {width: 160px; height: 160px;}
    .recruitment-headline {font-size: 36px;}
    .recruitment-subheadline {font-size: 24px;}
    .recruitment-description {font-size: 16px;}
}

@media (max-width: 767px) {
    /* .careers-recruitment-team-module {padding: 40px 0;} */
    .recruitment-header {margin-bottom: 40px;}
    .member-photo {width: 140px; height: 140px;}
    .recruitment-headline {font-size: 32px;}
    .recruitment-subheadline {font-size: 22px;}
    .member-name {font-size: 18px;}
    .member-position {font-size: 14px;}
}

@media (max-width: 575px) {
    .recruitment-headline {font-size: 28px;}
    .recruitment-subheadline {font-size: 20px;}
    .member-photo {width: 120px; height: 120px;}
}