/* ============ OUR TEAM STYLES (v1) ============ */
.team-hero { 
    padding: 60px 0 60px; 
    background: var(--color-bg-soft);
    margin-bottom: 42px;
}
.team-hero__title{
  margin: 0;
  font-weight: 800;
  font-size: clamp(28px, 4vw, 44px);
  text-align: center;
}

/* Split sections */
.team-split{
    align-items: center; 
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
    margin: 80px auto 42px;
}
.team-split--reverse{ 
    grid-template-columns: 1fr 1.5fr; }
.team-split--reverse .team-split__text{ order: 2; }
.team-split--reverse .team-split__media{ order: 1; }

.team-section__title{
  margin: 0 0 12px;
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight: 800;
  text-align: center;
}
.team-quote{ color: var(--color-primary, #2b66ff); }

.team-section__desc{ 
    color: var(--color-text);
    text-align: center;
}
.team-split__media img{ width: 100%; height: auto; display: block; border-radius: 4px; }
.ph-media{ width:100%; aspect-ratio: 4 / 3; background:#e6eaf2; border:1px solid #cfd6e4; border-radius:4px; }

/* Life grid */
.team-life{ 
    background: var(--color-bg-soft);
    padding: 40px 0 80px;
    margin: 80px 0;
}
.life-grid{
  display: grid;
  gap: 24px;
}
.life-grid.cols-3{ 
    grid-template-columns: repeat(3, 1fr); 
    margin-top: 32px;
}
@media (max-width: 1024px){
  .team-split,
  .team-split--reverse{ grid-template-columns: 1fr; }
  .team-split--reverse .team-split__text,
  .team-split--reverse .team-split__media{ order: initial; }
  .life-grid.cols-3{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .life-grid.cols-3{ grid-template-columns: 1fr; }
}

.life-card{
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.life-card__media img{ display:block; width:100%; height:auto; }
.life-card__ph{ width:100%; aspect-ratio: 16 / 10; background:#dfe5f0; }

.life-card__body{ padding: 16px 18px 14px; display:grid; gap:10px; }
.life-card__title{ margin:0; font-size: clamp(16px, 2vw, 18px); line-height:1.3; }
.life-card__title a{ text-decoration:none; color: inherit; }
.life-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.life-card:hover .life-card__title{ color: var(--color-primary); }
.life-card__excerpt{ 
    margin:0; 
    color:var(--color-text); 
    font-size: 14px;
    min-height:3.6em; 
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* số dòng muốn hiển thị */
    line-clamp: 2;           /* standard property for compatibility */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}