/* Én is Meditálok — Tanítói landing V15, végső célzott javítások */
.capture-static .skip-link { display: none !important; }

/* Hero: filmszerű, biztonságos kivágás és jól észlelhető mikrocím. */
.hero-photo img {
  object-position: center 48%;
  filter: saturate(.83) contrast(1.02) brightness(.9);
}
.hero-shade {
  background:
    linear-gradient(90deg, rgba(2,3,2,.66) 0%, rgba(2,3,2,.28) 43%, rgba(2,3,2,.05) 73%),
    linear-gradient(180deg, rgba(2,3,2,.1) 0%, rgba(2,3,2,.02) 42%, rgba(2,3,2,.76) 100%);
}
.hero-copy .eyebrow {
  margin-bottom: 20px;
  color: rgba(255,255,255,.86);
  font-size: .79rem;
  font-weight: 500;
  letter-spacing: .025em;
}

/* Rövidebb, tipografikus átvezetés különálló dekoráció nélkül. */
.brand-transition { min-height: 390px; }
.brand-transition-inner { grid-template-columns: .22fr .78fr; align-items: center; }
.brand-transition-copy .kicker { padding-top: 0; }
.brand-transition-copy > p:last-child { max-width: 900px; font-size: clamp(2.65rem, 4.75vw, 5rem); }
.hero-brand-motion { display: none !important; }

/* Tanítói portrék: világos fejezet, egységes 4:5 kártyák. */
.community {
  color: var(--ink);
  background: var(--paper);
  border-radius: 24px 24px 0 0;
}
.community .kicker { color: #6f716d; }
.community .section-heading h2 { color: #777975; }
.community .section-heading h2 em { color: #131411; }
.community .section-heading p:not(.kicker) { color: #62645f; }
.teacher-roster {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 24px 12px;
  align-items: start;
}
.teacher-card,
.teacher-card:nth-child(1),
.teacher-card:nth-child(4),
.teacher-card:nth-child(6),
.teacher-card:nth-child(9) { grid-column: span 1; padding-top: 0; }
.teacher-photo,
.teacher-card:nth-child(1) .teacher-photo,
.teacher-card:nth-child(6) .teacher-photo,
.teacher-card:nth-child(9) .teacher-photo {
  aspect-ratio: 4 / 5;
  border-color: rgba(20,21,18,.1);
  border-radius: 12px;
  background: #dddeda;
}
.teacher-photo::after { background: linear-gradient(180deg, transparent 72%, rgba(6,7,6,.18)); }
.teacher-photo img { object-position: 50% 28%; filter: saturate(.86); }
.teacher-card:nth-child(1) .teacher-photo img { object-position: 50% 24%; }
.teacher-card:nth-child(2) .teacher-photo img { object-position: 50% 24%; }
.teacher-card:nth-child(4) .teacher-photo img { object-position: 50% 38%; }
.teacher-card:nth-child(5) .teacher-photo img { object-position: 50% 22%; }
.teacher-card:nth-child(6) .teacher-photo img { object-position: 50% 20%; }
.teacher-card:nth-child(7) .teacher-photo img { object-position: 50% 18%; }
.teacher-card:nth-child(8) .teacher-photo img { object-position: 50% 20%; }
.teacher-card:nth-child(9) .teacher-photo img { object-position: 56% 22%; }
.teacher-card h3 { max-width: none; color: #181916; font-size: .86rem; line-height: 1.2; }
.teacher-kind { color: #777975; }
.teacher-logo-card .teacher-photo { padding: 22%; background: #fff; }
.teacher-more {
  grid-column: span 1;
  min-height: 0;
  aspect-ratio: 4 / 5;
  justify-content: center;
  color: #f5f5f1;
  border: 1px solid #242522;
  border-radius: 12px;
  background: #151613;
}
.teacher-more strong { font-size: clamp(2.75rem, 4vw, 4rem); }
.community .section-cta {
  margin-top: 50px;
  border-color: rgba(20,21,18,.11);
  background: rgba(255,255,255,.58);
}
.community .section-cta h3 { color: #171815; }
.community .section-cta p { color: #686a66; }

/* Három teljes, alaphelyzetben olvasható problémakártya. */
.challenge-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  border-top: 0;
  align-items: stretch;
}
.challenge-card {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: #111210;
}
.challenge-card > span { color: #838581; font-size: .7rem; }
.challenge-card h3 {
  max-width: 24ch;
  margin: 42px 0 18px;
  color: #f2f3ef;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  line-height: 1.12;
}
.challenge-card p { margin: auto 0 0; color: #a3a5a1; font-size: .91rem; line-height: 1.55; }

/* Neutrális, látható témasáv. */
.topic-marquee {
  color: #181916;
  border-color: rgba(20,21,18,.12);
  background: #dedfdb;
}
.topic-marquee::before { background: linear-gradient(90deg,#dedfdb,transparent); }
.topic-marquee::after { background: linear-gradient(-90deg,#dedfdb,transparent); }
.topic-track span { color: #353733; font-weight: 500; }
.topic-track i { width: 5px; height: 5px; background: #898b86; }

/* Előnyök: természetes címtördelés, releváns fotók, hálózatgrafika nélkül. */
.differences .section-heading.centered {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(150px,.22fr) minmax(0,.78fr);
  gap: clamp(32px, 6vw, 84px);
  align-items: start;
}
.differences .section-heading.centered .kicker { grid-column: 1; }
.differences .section-heading.centered h2 {
  grid-column: 2;
  max-width: 1020px;
  font-size: clamp(3rem, 5.2vw, 5.3rem);
}
.differences .section-heading .kicker { color: #a5a7a2; font-size: .76rem; }
.knowledge-network { display: none !important; }
.difference-row:nth-of-type(2) .difference-copy { padding-top: 210px; }
.difference-row:nth-of-type(2) .editorial-visual::after {
  background: linear-gradient(180deg, rgba(4,5,4,.06) 0%, rgba(4,5,4,.9) 68%);
}
.difference-row:nth-of-type(1) .editorial-visual > img { object-position: 50% 44%; }
.difference-row:nth-of-type(2) .editorial-visual > img {
  content: url("assets/images/teacher-live-v6.jpg");
  object-position: 52% 48%;
}
.difference-row:nth-of-type(3) .editorial-visual > img { object-position: center 46%; }

/* Bemutatkozó videó: egyértelmű közösségi előnézet. */
.video-cover img { object-position: center 52%; filter: saturate(.78) brightness(.86); }
.video-cover-shade { background: linear-gradient(90deg, rgba(5,6,5,.72), rgba(5,6,5,.05) 72%); }
.video-cover-copy strong { max-width: 450px; display: block; }

/* Funkciók: következetes képkivágások és olvashatóbb alsó kártyák. */
.feature-editorial-card:nth-child(1) figure img { object-position: 48% center; }
.feature-editorial-card:nth-child(2) figure img { object-position: 50% center; }
.feature-editorial-card:nth-child(3) figure img { object-position: 50% center; }
.supporting-feature-card { min-height: 220px; }
.supporting-feature-card strong { font-size: 1.18rem; }
.supporting-feature-card p { max-width: 32ch; color: #a5a7a2; font-size: .93rem; line-height: 1.5; }

/* Négy azonos csapatkártya, portrénként beállított fókuszponttal. */
.team-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 12px;
}
.team-card:nth-of-type(1),
.team-card:nth-of-type(2),
.team-card:nth-of-type(3),
.team-card:nth-of-type(4) { grid-column: auto; grid-row: auto; padding-top: 0; }
.team-photo,
.team-card:nth-of-type(1) .team-photo {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
}
.team-photo img { object-position: 50% 24%; }
.team-card:nth-of-type(1) .team-photo img { object-position: 50% 22%; }
.team-card:nth-of-type(2) .team-photo img { object-position: 50% 28%; }
.team-card:nth-of-type(3) .team-photo img { object-position: 50% 30%; }
.team-card:nth-of-type(4) .team-photo img { object-position: 50% 22%; }

/* Rövidebb kép és neutrális, normál dokumentumfolyamban maradó footer. */
.closing-art { min-height: 230px; max-height: 260px; margin-inline: 0; border-radius: 12px 12px 0 0; }
.closing-art img { object-position: center 56%; }
.site-footer {
  min-height: 220px;
  padding: 48px 0 30px;
  color: #f2f3ef;
  background: #151613;
}
.site-footer::before,
.site-footer::after { display: none; }
.footer-top > p { color: #a6a8a3; }
.footer-bottom { bottom: 28px; }

@media (max-width: 1100px) {
  .teacher-roster { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .team-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .brand-transition-inner,
  .differences .section-heading.centered { grid-template-columns: 1fr; }
  .brand-transition-copy .kicker,
  .brand-transition-copy > p:last-child,
  .differences .section-heading.centered .kicker,
  .differences .section-heading.centered h2 { grid-column: 1; }
  .teacher-roster { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .teacher-more { grid-column: span 1; }
  .challenge-cards { grid-template-columns: 1fr; }
  .difference-row:nth-of-type(2) .difference-copy { padding-top: 190px; }
  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .hero-photo img { object-position: 53% center; }
  .hero-copy .eyebrow { font-size: .72rem; }
  .brand-transition { min-height: 360px; }
  .brand-transition-inner { display: block; }
  .brand-transition-copy .kicker { margin-bottom: 34px; }

  .community { border-radius: 18px 18px 0 0; }
  .teacher-roster {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    gap: 22px 10px;
    padding-right: 0;
  }
  .teacher-card,
  .teacher-card:nth-child(1),
  .teacher-card:nth-child(4),
  .teacher-card:nth-child(6),
  .teacher-card:nth-child(9),
  .teacher-more { min-width: 0; width: auto; flex: none; grid-column: span 1; }
  .teacher-photo,
  .teacher-card:nth-child(1) .teacher-photo,
  .teacher-card:nth-child(6) .teacher-photo,
  .teacher-card:nth-child(9) .teacher-photo,
  .teacher-more { min-height: 0; aspect-ratio: 4 / 5; }
  .teacher-card h3 { font-size: .77rem; }

  .challenge-card { min-height: 0; padding: 22px; }
  .challenge-card h3 { margin-top: 30px; }
  .differences .section-heading.centered h2 { font-size: clamp(2.7rem, 12vw, 3.55rem); }
  .difference-row:nth-of-type(2) .difference-copy { padding-top: 225px; }

  .video-cover img { object-position: center; }
  .supporting-feature-card { min-height: 0; }
  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .team-photo { aspect-ratio: 4 / 5; }

  .closing-art { min-height: 190px; max-height: 210px; margin-inline: 0; }
  .site-footer { min-height: 210px; padding-top: 42px; }
}