.team-hero { 
    background: var(--updates-bg, #fff); 
    padding: 3.5rem 0; 
    
} 
.team-hero-inner {
    display: flex; 
    gap: 3rem; 
    align-items: center; 
    max-width: 70vw; 
    margin: 0 auto; 
    padding: 0 1rem; 
} 
/* IMAGE COLUMN */ 
.team-hero-media {
    flex: 0 0 40%; 
    position: relative; 
    z-index: 1;
} 
.team-hero-media img { 
    width: 100%; /* FIX: no overflow */ 
    max-width: 100%; 
    height: auto; 
    border-radius: 12px; 
    display:block; 
 
} /* Decorative circle */ 
.circle-bg {
  position: absolute;
  bottom: -5vw;
  right: -10vw;
  width: 25vw;
  height: 25vw;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%,
    rgba(255, 157, 19, 0.70) 0%,
    rgba(255, 157, 19, 0.00) 100%
  );
  opacity: 0.7;
  z-index: -1;
  pointer-events: none;
} 
.team-hero-text { 
    flex: 1; 
    min-width: 0; /* CRITICAL for flex overflow */ 
} 
.team-hero-text h2 { 
    font-family: "DM Sans", sans-serif; 
    font-size: 2.5rem; 
    margin-bottom: 0.75rem; 
    color: var(--primary-color); 
} 
.team-hero-text p { 
    color: var(--text-color-body); 
    margin-bottom: 1rem; 
} 
/* MOBILE HERO FIX */
@media (max-width: 900px) { 
    .team-hero-inner { 
        flex-direction: column; 
        max-width: 95vw; 
        gap: 2rem; 
    } 
    .team-hero-media { 
        width: 100%; } 
    .circle-bg { 
        display: none; 
    } 
}
     
/* ================================ TEAM SECTION ================================ */ 
.team-section { 
    background-color: var(--news-bg); 
    padding: 2rem 1rem 4rem; 
} 
.team-title { 
    text-align: center; 
    font-family: "DM Sans", sans-serif; 
    font-size: 2rem; 
    color: var(--primary-color); 
    margin: 2.5rem 0 0.5rem; 
} 
.team-subtitle { 
    text-align: center; 
    color: #6b7280; 
    font-size: 0.98rem; 
    margin-bottom: 1.5rem; 
} 
.team-divider { 
    border: none; 
    border-top: 1px solid #e6edf5; 
    max-width: 70vw; 
    margin: 1.5rem auto 2rem; 
} 
/* CENTERED ROW */ 
.team-row { 
    display: flex; 
    gap: 2rem; 
    max-width: 70vw; 
    margin: 0 auto 2.5rem auto; 
    justify-content: center; 
    flex-wrap: wrap; } 
/* CENTERED COLUMN */ 
.team-col { 
    flex: 1 1 300px; 
    max-width: 35rem; 
    margin: 0 auto; 
    text-align: center; } 
.team-col-title { 
    font-weight: bold; 
    color: #222; 
    margin-bottom: 0.3rem; 
    font-size: 1.05rem; 
} 
.team-col-desc { 
    color: #6b7280; 
    font-size: 0.98rem; 
    margin-bottom: 1.5rem; 
} 
/* ================================ TEAM CARDS ================================ */ 
.team-card-row { 
    display: flex; 
    gap: 1.5rem; 
    flex-wrap: wrap; 
    justify-content: center; 
} 
.team-card { 
    flex: 1 1 260px; 
    max-width: 35rem; 
    border-radius: 14px; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    box-sizing: border-box; 
} 
/* RESPONSIVE IMAGE */ 
.team-card-img { 
    width: 100%; 
    max-width: 35rem; 
    aspect-ratio: 16 / 9; 
    background: #e6edf5; 
    border-radius: 14px; 
} 
.team-card-title { 
    font-weight: bold; 
    font-size: 1.1rem; 
    margin-top: 0.5rem; 
    color: #222; 
    text-align: center; 
} 
.team-card-desc { 
    color: #6b7280; 
    font-size: 1rem; 
    text-align: center; 
    margin: 0.2rem 0 0.5rem; 
}
.team-btn { 
    display: inline-block; 
    padding: 0.4rem 2rem; margin-top: 2rem; 
    background-color: #64002a; 
    color: #fff; 
    border-radius: 0.5rem; text-decoration: none; 
    font-weight: 600; 
    font-size: 0.9rem; 
    border: none; 
    transition: background-color 0.2s ease, transform 0.15s ease; 
} 
.team-btn:hover { 
    background-color: #820037; 
    transform: translateY(-1px); 
}