/* Team Section */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(clamp(300px, 50vw, 350px), 1fr));
    gap: clamp(30px, 6vw, 40px);
    margin-top: clamp(8px, 1.5vw, 10px);
    margin-bottom: clamp(50px, 10vw, 80px);
}

.team-member {
    background: var(--primary-light);
    border-radius: clamp(12px, 2.5vw, 15px);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.team-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.member-image img {
    width: 100%;
    height: clamp(200px, 30vw, 250px);
    object-fit: cover;
}

.member-image[data-employee="1"] img {
    object-position: 50% 19%;
}

.member-image[data-employee="2"] img {
    object-position: 50% 8%;
}

.member-info {
    padding: clamp(20px, 4vw, 30px);
}

.member-info h3 {
    font-size: clamp(1.3rem, 2.5vw, 1.5rem);
    font-weight: 600;
    margin-bottom: clamp(4px, 1vw, 5px);
    color: var(--primary-dark);
}

.member-info .position {
    color: var(--accent-color);
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.member-info p {
    color: var(--text-light);
    line-height: 1.8;
    margin-bottom: 20px;
}

.member-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.member-skills span {
    background: #f8f9fa;
    color: var(--text-dark);
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.9rem;
    font-weight: 500;
}

.join-team {
    text-align: center;
    background: linear-gradient(135deg, var(--primary-dark), #2c3e50);
    color: var(--primary-light);
    padding: 60px 40px;
    border-radius: 15px;
}

.join-team h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.join-team p {
    font-size: 1.1rem;
    margin-bottom: 30px;
    opacity: 0.9;
}