/* ===== ABOUT PAGE (SYSTEM RHYTHM) ===== */
/* About должен быть частью системы: тот же ритм, та же колонка, без “лендинг-эффекта”. */

body.about-page{
  /* Logo size handled in components/_header.css (39px shared rule). */

  /* газетная колонка (не растягиваем до 1180 — это и даёт “пусто”) */
  --about-max-w: 860px;

  /* единый ритм */
  --about-top-pad: 28px;
  --about-gap-1: 10px;
  --about-gap-2: 18px;
  --about-gap-3: 22px;
}

/* Прижимаем футер вниз (без ручного margin-top на footer) */
body.about-page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.about-page main{
  flex: 1;
}

/* ABOUT: левая чёрная полоса должна заканчиваться вместе со страницей */
body.about-page{ position: relative; }
body.about-page .left-bar{
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
}
/* если полоса сделана псевдоэлементом в main.css */
body.about-page::before{
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
}

/* Скрываем иконки Telegram и Mail (как у тебя было) */
body.about-page .logo-bar img[src*="telegram"],
body.about-page .logo-bar img[src*="mail"]{
  display: none !important;
}

/* Верхний отступ страницы — делаем ближе к другим “техническим” страницам */
body.about-page main.main{
  padding-top: var(--about-top-pad) !important;
}

/* Ограничиваем ширину именно текстового массива */
body.about-page .about-hero,
body.about-page .about-section{
  max-width: var(--about-max-w);
  margin: 0 auto;
}

/* ===== TYPOGRAPHY ===== */

/* Девиз */
body.about-page .about-title{
  font-family: "Playfair Display", serif;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;

  /* подчёркивание — типографское, строгое */
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-skip-ink: auto;

  margin: 10px 0 var(--about-gap-1);
}

/* страховка: не рисуем линию через ::after (у тебя раньше было два подхода) */
body.about-page .about-title::after{
  content: none !important;
  display: none !important;
}

/* Лид */
body.about-page .about-lead{
  font-family: "Source Serif 4", serif;
  font-size: 18px;
  line-height: 1.32;          /* чуть плотнее -> “газетнее” */
  letter-spacing: -0.03em;
  color: #222;

  margin: 0 0 var(--about-gap-3);
}

/* Заголовки секций */
body.about-page .about-section h2{
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;

  margin: var(--about-gap-2) 0 8px;
}

/* Текст секций */
body.about-page .about-section p{
  font-family: "Source Serif 4", serif;
  font-size: 18px;
  line-height: 1.32;
  letter-spacing: -0.03em;
  color: #222;

  margin: 0 0 12px;
}

/* Внутритекстовые ссылки — NYT/FT-паттерн: чёрные, тонкое подчёркивание,
   мягкий hover. Никакого синего/фиолетового браузерного дефолта на
   премиальной странице. */
body.about-page .about-section p a{
  color: #0a0a0a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: opacity 180ms cubic-bezier(.22,.8,.22,1);
}
body.about-page .about-section p a:hover{
  opacity: 0.6;
  text-decoration-thickness: 1px;
}

/* На узких экранах не давим шириной */
@media (max-width: 980px){
  body.about-page{
    --about-max-w: 92vw;
  }
}