/* ===================== Vystoupili u nás (speakers) =====================
   Automatický nekonečný carousel — CSS marquee: track obsahuje karty 2×
   (klon doplní JS) a posouvá se o polovinu své šířky, pak smyčka. */
.mm-web-speakers {
  margin-bottom: 160px;
  color: var(--fg-base);
  overflow: hidden;
}

/* typografii nese sdílený .mm-web-heading */
.mm-web-speakers__title {
  margin: 0 0 48px;
  padding: 0 var(--gutter);
}

/* Posun (autoplay i drag) řídí JS přes transform — js/sections/speakers.js */
.mm-web-speakers__track {
  display: flex;
  gap: 32px; /* musí sedět s GAP v js/sections/speakers.js */
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: grab;
  user-select: none;
  touch-action: pan-y; /* vertikální scroll na dotyku nechat stránce */
  will-change: transform;
}
.mm-web-speakers__track:active { cursor: grabbing; }
.mm-web-speakers__track img { pointer-events: none; } /* neukrást drag nativním tažením obrázku */

.mm-web-speakers__card {
  width: 280px;
  flex-shrink: 0;
}

/* Fotka: průhledný výřez na barevném podkladu (cyklus subtle barev) */
.mm-web-speakers__photo {
  width: 280px;
  aspect-ratio: 1;
  background: var(--photo-bg, var(--bg-subtle));
}
.mm-web-speakers__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mm-web-speakers__photo--lime   { --photo-bg: var(--lime-subtle); }
.mm-web-speakers__photo--purple { --photo-bg: var(--purple-subtle); }
.mm-web-speakers__photo--blue   { --photo-bg: var(--blue-subtle); }
.mm-web-speakers__photo--green  { --photo-bg: var(--green-subtle); }

.mm-web-speakers__name {
  margin: 18px 0 0; /* odstup od fotky */
  font-family: "Founders Grotesk", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2; /* default leading fontu je vyšší → nafukoval mezeru */
}
.mm-web-speakers__role {
  margin: 8px 0 0;
  font-family: "Inter Display", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}

/* ===================== Mobil (≤900px) ===================== */
@media (max-width: 900px) {
  .mm-web-speakers { margin-bottom: 72px; }
  .mm-web-speakers__title { margin-bottom: 32px; }

  /* 2 řady (samostatné tracky staví JS), jedou proti sobě */
  .mm-web-speakers__track { gap: 16px; }
  .mm-web-speakers__track + .mm-web-speakers__track { margin-top: 40px; }

  .mm-web-speakers__card,
  .mm-web-speakers__photo { width: 200px; }
  .mm-web-speakers__name { margin-top: 16px; }
}