/* ==========================================================================
   KlepeTo — tym.css
   Sekce specifické pro podstránku Tým. Sdílené prvky (section, page-hero,
   icon-blob, cta-band, eyebrow...) jsou v global.css.
   ========================================================================== */

/* --- 2. Kdo drží projekt pohromadě: vedení spolku a školy ---------------
   Jiné rozvržení než pedagogický tým níž, aby bylo na první pohled poznat,
   že jde o jinou roli: provoz a formální fungování, ne denní výuka.
   Dvě karty vedle sebe (předsedkyně spolku a ředitelka školy), portrét
   nahoře na výšku a text pod ním — na rozdíl od čtvercových portrétů
   pedagožek níž. */
.leaders-head {
  max-width: none;
}
.leader-title__name {
  display: inline-block;
}
.leaders-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(3.2rem, 5vw, 5.6rem);
}
.person-lead__media {
  position: relative;
  /* Bez stropu by portrét vyplnil celý sloupec (přes 500 px) a překryl bio
     pod sebou i pedagožky níž. Strop drží stejný rozměr jako čtvercové
     portréty pedagožek, takže je celá stránka v jedné velikosti. */
  max-width: 34rem;
  margin: 0 0 2.4rem;
}
.person-lead__media img {
  width: 100%;
  /* čtverec jako u pedagožek; zdrojové portréty jsou 800 × 800, takže se
     tímhle poměrem vůbec neořezávají */
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-photo);
  box-shadow: var(--shadow-photo);
}
.person-lead__media .deco {
  top: -1.4rem;
  right: -1.8rem;
}
.person-lead__name {
  margin-bottom: 0.6rem;
  font-size: 2.1rem;
}
/* štítek role odpovídá na „na koho se s čím obrátit“ */
.person-lead__role {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.7rem 1.6rem;
  margin-bottom: 1.8rem;
  border-radius: var(--radius-pill);
  background: var(--tint-sun);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.45rem;
}
.person-lead__role::before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  border-radius: var(--blob);
  background: var(--color-primary);
  flex: none;
}
.person-lead__text p {
  line-height: 1.55;
}
.person-lead__text p + p {
  margin-top: 1.4rem;
}

@media (max-width: 700px) {
  .leaders-grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .person-lead__media .deco {
    display: none;
  }
}

/* --- 3. Pedagogický tým --------------------------------------------------
   Bez bílých karet a rámečků: fotka, jméno, role a bio stojí volně vedle
   sebe, mřížku drží jen společná osa a shodná velikost portrétů. */
.teacher-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2.8rem, 4vw, 4rem);
}
.teacher-card--specialist {
  grid-column: 2;
}
.teacher-card--denisa { order: 1; }
.teacher-card--radmila { order: 2; }
.teacher-card--lucie { order: 3; }
.teacher-card--specialist { order: 4; }
.teacher-card__photo {
  position: relative;
  aspect-ratio: 1;
  border-radius: var(--radius-photo);
  overflow: hidden;
  margin-bottom: 1.8rem;
  box-shadow: var(--shadow-card);
}
.teacher-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* iniciála v tintové ploše místo chybějící fotky, stejně jako na homepage */
.teacher-card__initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--member-tint, var(--tint-sky));
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(6rem, 9vw, 8.4rem);
  color: var(--color-ink);
  line-height: 1;
}
.teacher-card__initial--sage { --member-tint: var(--tint-sage); }
.teacher-card__initial--rose { --member-tint: var(--tint-rose); }

.teacher-card__name {
  margin-bottom: 0.6rem;
  font-size: 2.1rem;
}
.teacher-card__role {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.4rem;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 1.45rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.teacher-card__role::before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  border-radius: var(--blob);
  background: var(--role-tint, var(--tint-gold));
  flex: none;
}
.teacher-card:nth-child(1) .teacher-card__role { --role-tint: var(--tint-sage); }
.teacher-card:nth-child(2) .teacher-card__role { --role-tint: var(--tint-sky); }
.teacher-card:nth-child(3) .teacher-card__role { --role-tint: var(--tint-rose); }
.teacher-card:nth-child(4) .teacher-card__role { --role-tint: var(--tint-violet); }
.teacher-card--denisa .teacher-card__role { --role-tint: var(--tint-sage); }
.teacher-card--radmila .teacher-card__role { --role-tint: var(--tint-sky); }
.teacher-card--lucie .teacher-card__role { --role-tint: var(--tint-rose); }
.teacher-card p {
  line-height: 1.55;
}

@media (max-width: 900px) {
  .teacher-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .teacher-card--specialist {
    grid-column: auto;
  }
}
@media (max-width: 620px) {
  .teacher-grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .teacher-card__photo {
    max-width: 26rem;
  }
}