
    .page-head { padding-block: clamp(28px, 5vw, 56px) 8px; max-width: 42em; }
    /* Заголовок «О нас» — обычный, чуть крупнее текста. Юрий 16.09: «зачем
       она пол-экрана занимает?» — было clamp(30–48px) и в две строки. */
    .page-head h1 { margin: 0; font-size: clamp(23px, 2.2vw, 29px); letter-spacing: -.01em;
      line-height: 1.25; }
    .page-head p { color: var(--muted); font-size: 18px; }
    .page-head .epigraph { color: #d5dbe0; font-size: clamp(16px, 1.6vw, 19px);
      line-height: 1.5; margin: 0 0 14px; }
    .page-head .epigraph b { color: var(--gold); font-weight: 700; }
    /* Карточка участника — как в ЗАЛЕ (концепция Юрия 15.09.2026):
       фото слева, справа имя, должность и логотип происхождения. */
    .team { padding-block: 16px 24px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap: 14px; }
    .person { display: flex; gap: 18px; align-items: center; padding: 18px; text-decoration: none; color: inherit; border-radius: 18px; background: var(--panel); border: 1px solid var(--line); }
    .person .face { flex: none; width: 132px; height: 132px; border-radius: 26px; object-fit: cover; }
    .person .info { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
    .person strong { font-size: 24px; line-height: 1.15; color: var(--text); }
    .person small { color: var(--muted); font-size: 15px; line-height: 1.35; }
    .person .origin { display: flex; align-items: center; gap: 10px; margin-top: 6px; color: var(--muted); font-size: 14px; }
    .person .origin img { width: 44px; height: 44px; border-radius: 12px; background: #fff; }
    /* Слово Елея о семье — его голос, с подписью (15.09.2026). */
    .voice { padding-block: 8px 28px; max-width: 46em; }
    .voice h2 { margin: 34px 0 10px; font-size: clamp(22px, 3vw, 28px); }
    .voice h2:first-child { margin-top: 0; }
    .voice h3 { margin: 18px 0 8px; font-size: 19px; color: var(--text); }
    .voice p { color: #d5dbe0; font-size: 17px; line-height: 1.6; margin: 0 0 12px; }
    .voice .sign { margin-top: 22px; color: var(--gold); font-weight: 600; }
    .more { padding-block: 12px 56px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .more .card b { font-size: 20px; color: var(--text); }
    .more .card p { margin: 8px 0 0; }
    @media (max-width: 860px) { .more { grid-template-columns: 1fr; } }
    @media (max-width: 520px) { .person { gap: 14px; padding: 14px; } .person .face { width: 96px; height: 96px; border-radius: 20px; } .person strong { font-size: 20px; } }
  
/* Adapt only the layout. All authored statements remain verbatim. */
.about-page .page-head { max-width: 1100px; margin-inline:auto; }
.about-page .about-emblem { display:block; margin-bottom:20px; }
.about-page .voice { max-width:1100px; margin-inline:auto; }
.about-page .voice h2 { scroll-margin-top:30px; padding-top:16px; border-top:1px solid var(--line); }
.about-page .voice h2:first-child { border:0; }
.about-page .voice p { max-width:46em; }
.about-page .more .card { padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.about-page .more .card a { color:var(--gold); text-decoration:underline; text-underline-offset:4px; }
.about-page .person .origin { flex-wrap:wrap; overflow-wrap:anywhere; }
.about-page .person small { overflow-wrap:break-word; }
.about-page .site-footer .footer-inner { align-items:center; }
.about-page .site-footer .footer-inner>span { font-size:11px; max-width:700px; }
.about-page .site-footer nav { display:flex; flex-wrap:wrap; gap:20px; }
.about-page .site-footer nav a { color:var(--gold); }
.about-page .person { transition:border-color .2s; }
.about-page a.person:hover { border-color:#ddc49390; }
@media(max-width:520px) {
 .about-page .team { gap:12px; }
 .about-page .person .origin { font-size:12px; gap:8px; }
 .about-page .person .origin img { width:36px; height:36px; }
 .about-page .person small { font-size:13px; }
 .about-page .voice p { font-size:16px; line-height:1.75; }
 .about-page .page-head .epigraph { font-size:16px; }
}
