/* Synchronized Skating — Figma node 1272:1816 */

.synchro-head__photo {
  object-position: center 55%;
}

/* ---------- Results (headline, body, three stats) ---------- */

.synchro-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: var(--space-xl) var(--gutter) 0;
  background: linear-gradient(180deg, var(--color-neutral-100) 0%, var(--color-white) 40%);
  text-align: center;
}

.synchro-results > .t-body-l {
  max-width: 680px;
}

.synchro-results .stats {
  width: 100%;
}

/* ---------- Stat (Figma "V4 / Stat", 537:536) ----------
   Candidate for site.css next to .stats. */

.stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
  text-align: center;
}

.stat__art {
  width: 140px;
  height: 120px;
  object-fit: contain;
}

.stat__label {
  color: #303340;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.stat__body {
  color: #303340;
  font-size: 16px;
  line-height: 1.35;
  letter-spacing: 0.02em;
}

.section-header--narrow > .t-body-l {
  max-width: 680px;
}

/* Keep the lead skater in frame when the photo is cropped to 4:3. */
.synchro-sport__photo {
  object-position: 62% 60%;
}

@media (max-width: 760px) {
  #sport-title br,
  #story-title br {
    display: none;
  }

  .synchro-results {
    gap: 16px;
  }

  .synchro-results .stats {
    gap: 40px;
    margin-top: var(--space-md);
  }
}