/* ============================================================
   Секция about — «О Кубке ПУТНИКА».
   Версия 9 от 28.09.2026 — правка заказчика (docx 28.09.2026): в карточках
   титулов остались только метка и название — у названия, если оно
   последнее в карточке, нижний отступ снят. Правило .tcard-text оставлено
   на случай возврата описаний.
   Версия 8 от 28.09.2026 — правка заказчика 28.09.2026: справа вместо
   значка — схема маршрута (.route-map), подпись под ней.
   Версия 7 от 28.09.2026 — вариант A «Знак»: разворот «текст слева,
   значок справа» (сетка 1fr / 420px), под ним две равные карточки
   титулов (.plate, styles.css 4.19). Значок — системный .medal
   (разд. 4.17), ширину задаёт колонка. Анимаций здесь нет: покачивание
   значка — styles.css разд. 8, «Фара» и «Металл» — разд. 9.
   Версии 1–6 — секция about гонки «Валдайская высота» (см. git).
   ============================================================ */

.about-top{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:center}
.about-head{margin-bottom:22px}
.about-p{margin:0 0 16px;max-width:640px}
.about-p:last-child{margin-bottom:0}
.about-p--lead{font-size:var(--fs-lead);line-height:1.55;color:var(--paper)}
.about-p b{color:var(--paper)}

/* Схема маршрута (v8): вертикальная 680×936, потолок ширины держит её
   ниже текста; пропорцию держит viewBox. Эффект «Карта в 3D» (styles.css
   9.3) кладёт лист «на стол» и поднимает его в кадре. */
.about-map{width:100%;max-width:360px;margin:0 auto}
.route-map-note{max-width:34ch;margin:18px auto 0}

.about-titles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:72px}
.tcard{padding:36px 40px 40px}
.tcard-label{margin:0 0 12px;font-size:var(--fs-eyebrow);line-height:1.35;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sand)}
.tcard-title{margin:0 0 12px;font-size:28px;line-height:1.2;font-weight:700;color:var(--paper)}
.tcard-title:last-child{margin-bottom:0}
.tcard-text{margin:0;color:var(--ink)}

@media (max-width:959px){
  .about-top{grid-template-columns:1fr;gap:40px}
  .about-map{max-width:min(360px,100%)}
}
@media (max-width:767px){
  .about-titles{grid-template-columns:1fr;gap:20px;margin-top:48px}
  .tcard{padding:28px 24px 30px}
  .tcard-title{font-size:24px}
}