/* ===================================================================
   TRUSTOLD · Страница «О нас» (about)
   Лейаут поверх дизайн-системы design.css. Палитра/шрифты — из :root.
   =================================================================== */

.about{background:var(--bg);padding:0 0 120px}

/* ── центрированный интро-блок ───────────────────────────────── */
.about-intro-head{
  max-width:var(--maxw);margin:0 auto;padding:48px var(--pad) 0;text-align:center;
}
.about-intro-head .divider-diamond{justify-content:center;margin-bottom:24px}
.about-intro-head .eyebrow{display:block;margin-bottom:22px}
.about-title{
  font-family:var(--serif);font-weight:700;font-size:clamp(40px,5.2vw,76px);
  line-height:1.04;margin:0 auto;color:var(--ink);max-width:900px;text-wrap:balance;
}
.about-lead{
  font-family:var(--sans);font-weight:300;font-size:18px;line-height:1.75;
  color:var(--muted);max-width:640px;margin:28px auto 0;
}

/* ── две колонки «Кто мы» ────────────────────────────────────── */
.about-who{
  max-width:var(--maxw);margin:90px auto 0;padding:0 var(--pad);
  display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
}
.about-who h2{
  font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.4vw,42px);
  line-height:1.15;margin:0;color:var(--ink);
}
.about-who p{
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.8;
  color:var(--ink-2);margin:24px 0 0;
}
.about-who p + p{margin-top:18px}

/* статистика */
.about-stats{display:flex;gap:56px;margin-top:42px;flex-wrap:wrap}
.about-stat-num{font-family:var(--serif);font-weight:700;font-size:46px;color:var(--gold);line-height:1}
.about-stat-label{
  font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted-2);margin-top:8px;
}

/* фото в рамке (плейсхолдер, т.к. фото нет в контексте) */
.about-photo{position:relative;aspect-ratio:4/5;background:var(--surface)}
.about-photo .about-photo-ph{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#EDEAE2,#E2DED5);
  display:flex;align-items:center;justify-content:center;
}
.about-photo .about-photo-ph span{
  font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);
}

/* сертификат-бейджи (сохранённая фишка) */
.about-certs{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.cert-badge{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid var(--gold-30);
  padding:11px 18px;font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;
  color:var(--ink-2);
}
.cert-badge .icon{color:var(--gold);font-size:14px;line-height:1}

/* ── полоса ценностей (4 шт.) ────────────────────────────────── */
.about-values{max-width:var(--maxw);margin:100px auto 0;padding:0 var(--pad)}
.about-values-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--gold-30);border-bottom:1px solid var(--gold-30);
}
.about-value{padding:38px 28px;border-right:1px solid var(--gold-22)}
.about-value:last-child{border-right:none}
.about-value-title{font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:10px}
.about-value-text{font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--muted)}

/* ── общий заголовок секции с эйбрау-чертой ──────────────────── */
.about-block{max-width:var(--maxw);margin:100px auto 0;padding:0 var(--pad)}
.about-block-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.about-block-eyebrow span.line{width:34px;height:1px;background:var(--gold)}
.about-block-eyebrow span.lbl{
  font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
}
.about-block-title{
  font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.6vw,46px);
  margin:0 0 36px;color:var(--ink);
}
.about-block-sub{
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;
  color:var(--muted);max-width:560px;margin:-22px 0 36px;
}

/* ── «Почему выбирают нас» — карточки ────────────────────────── */
.about-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--gold-30);border-left:1px solid var(--gold-22)}
.about-why-card{
  padding:38px 32px;border-right:1px solid var(--gold-22);border-bottom:1px solid var(--gold-22);
  background:var(--surface);transition:background .35s;
}
.about-why-card:hover{background:var(--bg-alt)}
.about-why-icon{
  width:46px;height:46px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--gold-42);margin-bottom:18px;font-size:1.4rem;
}
.about-why-card h3{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink);margin:0 0 10px}
.about-why-card p{font-family:var(--sans);font-size:14px;line-height:1.7;color:var(--muted);margin:0}

/* ── шоурум: адрес + карта ───────────────────────────────────── */
.about-showroom-grid{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:stretch}
.about-address{background:var(--surface);border:1px solid var(--gold-30);padding:38px}
.about-address-label{
  font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);margin-bottom:8px;
}
.about-address-big{font-family:var(--serif);font-size:21px;color:var(--ink);line-height:1.4}
.about-address-hr{height:1px;background:var(--gold-22);margin:26px 0}
.about-address-text{font-family:var(--sans);font-size:15px;line-height:1.7;color:var(--ink-2)}
.about-map{position:relative;min-height:440px;border:1px solid var(--gold-30)}
.about-map iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
  filter:grayscale(.35) sepia(.18) contrast(1.04);
}

/* ── CTA-блок (сохранённая фишка) ────────────────────────────── */
.about-cta{
  max-width:var(--maxw);margin:100px auto 0;padding:0 var(--pad);
}
.about-cta-inner{
  position:relative;background:var(--wine);color:#F6EFE0;text-align:center;
  padding:72px 40px;
}
.about-cta-inner h2{
  font-family:var(--serif);font-weight:700;font-size:clamp(28px,3.4vw,40px);margin:0 0 14px;color:#F6EFE0;
}
.about-cta-inner p{
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;
  color:rgba(246,239,224,.78);margin:0 auto 32px;max-width:520px;
}
.about-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.about-cta .btn-ghost{color:#F6EFE0;border-color:rgba(246,239,224,.55)}
.about-cta .btn-ghost:hover{background:#F6EFE0;color:var(--wine);border-color:#F6EFE0}
.about-cta .btn-light{background:#F6EFE0;color:var(--wine)}
.about-cta .btn-light:hover{background:#fff}

/* ── адаптив ─────────────────────────────────────────────────── */
@media (max-width:900px){
  .about-who{grid-template-columns:1fr;gap:40px;margin-top:64px}
  .about-values-grid{grid-template-columns:1fr 1fr}
  .about-value:nth-child(2){border-right:none}
  .about-value{border-bottom:1px solid var(--gold-22)}
  .about-value:nth-last-child(-n+2){border-bottom:none}
  .about-why-grid{grid-template-columns:1fr 1fr}
  .about-showroom-grid{grid-template-columns:1fr}
  .about-map{min-height:320px}
}
@media (max-width:600px){
  .about-stats{gap:32px}
  .about-values-grid{grid-template-columns:1fr}
  .about-value{border-right:none;border-bottom:1px solid var(--gold-22)}
  .about-value:last-child{border-bottom:none}
  .about-why-grid{grid-template-columns:1fr}
  .about-cta-inner{padding:48px 22px}
}