/* =========================
   TEAM SECTION
========================= */
.team-section{
  background:#ffffff;
  padding:70px 0;
}

.team-section .container{
  width:min(1200px,92%);
  margin:0 auto;
}

.team-title{
    font-size:30px;
    font-weight:700;
    color:#00253c;
    text-align: left;
    position: relative;
    margin: 0 0 10px;
}

.title-line{
  position:relative;
  width:100%;
  height:1px;
  background:#e6e6e6;
  margin-bottom:26px;
}
.title-line span{
  position:absolute;
  left:0;
  top:0;
  width:25%;
  height:2px;
  background:#fc5412;
}

/* Grid */
.team-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:22px;
  align-items:start;
}

/* Card */
.team-card{
  text-align:left;
}

.team-photo{
  width:100%;
  aspect-ratio: 1 / 1; 
  border-radius:2px;
  background:#f2f2f2;
}
.team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  display:block;
}

/* Text block */
.team-info{
  margin-top:12px;
}

.team-name{
  display:inline-block;
  font-size:13px;
  font-weight:900;
  letter-spacing:0.4px;
  color:#00253c;
  text-decoration:none;
  text-transform:uppercase;
}
.team-name:hover{
  color:#fc5412;
}

/* role line (italic like screenshot) */
.team-role{
  margin-top:3px;
  font-size:13px;
  font-style:italic;
  font-weight:700;
  color:#00253c;
}

/* org lines */
.team-meta{
  margin-top:6px;
  font-size:11.5px;
  color:#5b6b76;
  line-height:1.4;
}
.team-meta-sub{
  margin-top:2px;
}

/* extra details list */
.team-details{
  margin-top:10px;
}
.team-detail-item{
  font-size:11.5px;
  color:#233746;
  line-height:1.55;
  margin:2px 0;
}

/* -------------------------
   Responsive
-------------------------- */
@media (max-width: 1200px){
  .team-grid{ grid-template-columns:repeat(4,1fr); }
}

@media (max-width: 992px){
  .team-grid{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 768px){
  .team-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 480px){
  .team-title{ font-size:28px; }
  .team-grid{ grid-template-columns:1fr; }
  .title-line span{ width:40%; }
}