/* Стили страницы «О компании» (/about/). Подключается только там. */

.hero .kinetic { font-size: clamp(48px, 7.4vw, 108px); }

/* Канонический абзац о компании — крупнее обычного лида */
.about-intro { font-size: clamp(18px, 1.9vw, 26px); line-height: 1.5; max-width: 62ch; }
.about-intro a { color: var(--fg); text-decoration: none; background: linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat; transition: background-size .3s; }
.about-intro a:hover { background-size: 100% 1px; }

/* Таблица реквизитов */
.reqs { width: 100%; border-collapse: collapse; margin-top: 44px; }
.reqs tr { border-top: 1px solid var(--edge); }
.reqs tr:last-child { border-bottom: 1px solid var(--edge); }
.reqs th { text-align: left; vertical-align: top; padding: 16px 28px 16px 0; font: 500 12px/1.7 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--accent); width: 30%; }
.reqs td { padding: 16px 0; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.5; color: var(--text); }
.reqs td a { color: var(--fg); text-decoration: none; transition: color .25s; }
.reqs td a:hover { color: var(--accent); }
.reqs__note { margin-top: 20px; font-size: 14px; color: var(--muted); }
.reqs__note a { color: var(--text); text-decoration: none; background: linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat; transition: background-size .3s; }
.reqs__note a:hover { background-size: 100% 1px; }
@media (max-width: 700px) {
  .reqs { margin-top: 32px; }
  .reqs tr { display: block; padding-block: 14px; }
  .reqs tr:first-child { border-top: 0; }
  .reqs th, .reqs td { display: block; width: auto; padding: 3px 0; }
}

/* Генеральный директор */
.dir { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 48px; }
.dir__card { display: grid; gap: 10px; justify-items: start; }
.dir__card img { width: 160px; height: 160px; border-radius: 50%; border: 1px solid var(--edge); }
.dir__card h3 { font: 500 clamp(22px, 2vw, 30px)/1.2 var(--display); color: var(--fg); margin: 10px 0 0; }
.dir__post { font: 500 12px/1 var(--mono); letter-spacing: .04em; text-transform: uppercase; color: var(--accent); }
.dir__bio { display: grid; gap: 16px; max-width: 74ch; }
.dir__bio p { margin: 0; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.6; color: var(--text); }
@media (max-width: 900px) { .dir { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 36px; } }

/* Финальный блок контактов */
.final .lead { margin-bottom: 40px; }
.final .final__actions { justify-content: center; margin-top: 8px; }