/* ════════════════════════════════════════════════════════════════════════════
   scandi-about.css — страница «О компании» (6195), пересборка 2026-07-20.
   Была простынёй SEO-текста на общем шаблоне; здесь — editorial-блоки в каноне
   сайта. Шкала 1:1 с остальным сайтом: секция 26/32px Manrope 700, лид 15-16px,
   крем #f5f1eb / ink #241a10 / золото #a67c3a. Тёмный фон — ТОЛЬКО у принципов
   и соцсетей (островки), остальное крем — как требует канон.
   Файл грузится ТОЛЬКО на этой странице (enqueue по ID).
   ════════════════════════════════════════════════════════════════════════════ */

.scandi-about-page { --ab-ink:#241a10; --ab-mut:#5f5140; --ab-gold:#a67c3a; --ab-gold2:#c19a5b;
  --ab-cream:#f5f1eb; --ab-card:#fffdf9; --ab-dark:#1e130a; --ab-dark2:#14100d; }
.scandi-about-page .container { max-width:1200px; margin:0 auto; padding-inline:clamp(16px,3.5vw,28px); box-sizing:border-box; }

/* ── общие заголовки секций ── */
.scandi-abt-head { text-align:center; max-width:760px; margin:0 auto clamp(28px,4vw,44px); }
.scandi-abt-eyebrow { display:block; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--ab-gold); margin-bottom:12px; }
.scandi-abt-title { font-family:'Manrope',sans-serif; font-weight:700; font-size:clamp(26px,2.6vw,32px); line-height:1.2; letter-spacing:-.005em; color:var(--ab-ink); margin:0; }
.scandi-abt-title i, .scandi-abt-title em, .scandi-abt-title b {
  font-style:normal; font-weight:inherit;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.scandi-abt-lead { margin:14px auto 0; max-width:640px; font-size:15px; line-height:1.65; color:var(--ab-mut); }
.scandi-abt-head--light .scandi-abt-title { color:#f4ead9; -webkit-text-fill-color:#f4ead9; }
.scandi-abt-head--light .scandi-abt-lead { color:rgba(243,236,220,.78); }
.scandi-abt-head--light .scandi-abt-title i, .scandi-abt-head--light .scandi-abt-title em {
  background:linear-gradient(135deg,#d4ad6e,#e8c987); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* ── кнопки ── */
.scandi-abt-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:15px 30px; border-radius:999px;
  font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; cursor:pointer;
  transition:transform .25s, box-shadow .25s, background .25s, border-color .25s; }
.scandi-abt-btn--gold { background:linear-gradient(135deg,#d9b06e,#c19a5b); color:#241a10; box-shadow:0 12px 30px -14px rgba(166,124,58,.85); }
.scandi-abt-btn--gold:hover { transform:translateY(-2px); box-shadow:0 18px 40px -16px rgba(166,124,58,.95); }
.scandi-abt-btn--ghost { border:1px solid rgba(243,236,220,.42); color:#f3ecdc; }
.scandi-abt-btn--ghost:hover { border-color:rgba(212,173,110,.85); background:rgba(212,173,110,.10); }

/* ── 1. HERO ── */
.scandi-abt-hero { position:relative; overflow:hidden; padding:clamp(60px,9vw,120px) 0; }
.scandi-abt-hero__bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.scandi-abt-hero__scrim { position:absolute; inset:0; background:linear-gradient(105deg,rgba(20,16,13,.86) 0%,rgba(20,16,13,.62) 48%,rgba(20,16,13,.30) 100%); }
.scandi-abt-hero .container { position:relative; z-index:2; }
.scandi-abt-hero__plate { max-width:640px; }
.scandi-abt-hero__eyebrow { display:block; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#d4ad6e; margin-bottom:16px; }
.scandi-abt-hero__title { font-family:'Manrope',sans-serif; font-weight:700; font-size:clamp(30px,4.4vw,52px); line-height:1.1; letter-spacing:-.015em; color:#f6efe2; margin:0 0 18px; }
.scandi-abt-hero__title i, .scandi-abt-hero__title em {
  font-style:normal; background:linear-gradient(135deg,#d4ad6e,#e8c987);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.scandi-abt-hero__lead { font-size:clamp(15px,1.4vw,17px); line-height:1.65; color:rgba(243,236,220,.86); margin:0 0 28px; max-width:520px; }
.scandi-abt-hero__cta { display:flex; flex-wrap:wrap; gap:12px; }

/* ── 2. ЦИФРЫ ── */
.scandi-abt-facts { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-facts__grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.scandi-abt-fact { background:var(--ab-card); border:1px solid rgba(166,124,58,.16); border-radius:18px; padding:clamp(20px,2.4vw,28px);
  display:flex; flex-direction:column; gap:6px; transition:transform .3s cubic-bezier(.22,1,.36,1), border-color .3s, box-shadow .3s; }
.scandi-abt-fact:hover { transform:translateY(-3px); border-color:rgba(166,124,58,.42); box-shadow:0 20px 44px -28px rgba(90,64,20,.5); }
.scandi-abt-fact__n { font-size:clamp(30px,3.4vw,40px); font-weight:700; line-height:1; letter-spacing:-.02em;
  background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold2)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.scandi-abt-fact__k { font-size:14px; font-weight:700; color:var(--ab-ink); }
.scandi-abt-fact__d { font-size:12.5px; line-height:1.5; color:var(--ab-mut); }

/* ── 3. ЧТО МЫ СТРОИМ ── */
.scandi-abt-build { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-build__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.scandi-abt-type { display:flex; flex-direction:column; text-decoration:none; border-radius:20px; overflow:hidden;
  background:var(--ab-card); border:1px solid rgba(166,124,58,.16); transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, border-color .35s; }
.scandi-abt-type:hover { transform:translateY(-4px); border-color:rgba(166,124,58,.45); box-shadow:0 26px 54px -30px rgba(90,64,20,.55); }
.scandi-abt-type__media { display:block; height:clamp(120px,13vw,160px); background:#e6ddcd center/cover no-repeat; }
.scandi-abt-type__body { display:flex; flex-direction:column; gap:7px; padding:18px 18px 20px; }
.scandi-abt-type__t { font-size:17px; font-weight:700; color:var(--ab-ink); }
.scandi-abt-type__d { font-size:13px; line-height:1.55; color:var(--ab-mut); }
.scandi-abt-type__more { margin-top:4px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ab-gold); }

/* ── 4. ПРИНЦИПЫ (тёмный островок) ── */
.scandi-abt-principles { padding:clamp(52px,7vw,90px) 0; background:linear-gradient(160deg,var(--ab-dark),var(--ab-dark2)); }
.scandi-abt-principles__grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.scandi-abt-prin { display:flex; flex-direction:column; gap:9px; padding:clamp(20px,2.4vw,26px); border-radius:18px;
  background:rgba(255,253,249,.04); border:1px solid rgba(212,173,110,.2); transition:border-color .3s, background .3s, transform .3s; }
.scandi-abt-prin:hover { border-color:rgba(212,173,110,.5); background:rgba(255,253,249,.07); transform:translateY(-3px); }
.scandi-abt-prin__i { color:#d4ad6e; line-height:0; }
.scandi-abt-prin__t { font-size:16px; font-weight:700; color:#f4ead9; }
.scandi-abt-prin__d { font-size:13px; line-height:1.6; color:rgba(243,236,220,.7); }

/* ── 5. ВИДЕО ── */
.scandi-abt-video { padding:clamp(40px,5vw,70px) 0; background:var(--ab-cream); }
.scandi-abt-video__item { margin:0; border-radius:20px; overflow:hidden; box-shadow:0 26px 60px -34px rgba(60,42,16,.6); line-height:0; }
.scandi-abt-video__el { width:100%; height:auto; display:block; }

/* ── 6. ГЕОГРАФИЯ ── */
.scandi-abt-geo { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }

/* ── 7. КОМАНДА ── */
.scandi-abt-team { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }

/* ── 8. СОЦСЕТИ (крем) ──
   Были тёмным островком, но их фон совпадал с фоном футера (#14100d,
   scandi.css:10258) — на стыке шов, страница «не кончалась». Тёмный островок
   на странице оставлен ОДИН: «Принципы». */
.scandi-abt-social { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-social__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px); }
.scandi-abt-soc { display:flex; flex-direction:column; gap:8px; padding:clamp(20px,2.4vw,26px); border-radius:18px; text-decoration:none;
  background:var(--ab-card); border:1px solid rgba(166,124,58,.18); transition:border-color .3s, background .3s, transform .3s, box-shadow .3s; }
.scandi-abt-soc:hover { border-color:rgba(166,124,58,.5); transform:translateY(-3px); box-shadow:0 22px 46px -28px rgba(90,64,20,.5); }
.scandi-abt-soc__i { color:var(--ab-gold); line-height:0; }
.scandi-abt-soc__t { font-size:16px; font-weight:700; color:var(--ab-ink); }
.scandi-abt-soc__d { font-size:12.5px; line-height:1.55; color:var(--ab-mut); }

/* ── 9. МАТЕРИАЛЫ: две колонки текст/фото ──
   Форма намеренно другая, чем у соседей: страница разваливалась в «лестницу»
   из одинаковых центрированных панелей. */
.scandi-abt-split { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-split__grid { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(24px,4vw,56px); align-items:center; }
.scandi-abt-split__text { display:flex; flex-direction:column; gap:14px; }
.scandi-abt-title--left { text-align:left; }
.scandi-abt-split__desc { font-size:15px; line-height:1.7; color:var(--ab-mut); margin:0; }
.scandi-abt-split__media { border-radius:22px; overflow:hidden; line-height:0;
  box-shadow:0 26px 60px -34px rgba(60,42,16,.6); border:1px solid rgba(166,124,58,.18); }
.scandi-abt-split__media img { width:100%; height:100%; aspect-ratio:3/2; object-fit:cover; display:block; }

/* Бренды — ТЕКСТОМ. Рисовать чужие логотипы генератором нельзя. */
.scandi-abt-brands { list-style:none; margin:4px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.scandi-abt-brand { font-size:12px; font-weight:600; letter-spacing:.02em; color:var(--ab-mut);
  padding:7px 13px; border-radius:999px; background:var(--ab-card); border:1px solid rgba(166,124,58,.2); }

/* Две группы пилюль: поставщики и бренды. Подпись — тем же голосом, что eyebrow секций. */
.scandi-abt-brandgroup { margin:14px 0 0; }
.scandi-abt-brandgroup + .scandi-abt-brandgroup { margin-top:12px; }
.scandi-abt-brands__label { display:block; font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ab-gold); opacity:.85; margin-bottom:7px; }

/* Тихая ссылка вместо золотой пилюли — пилюля на странице одна, финальная. */
.scandi-abt-inline { display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700;
  letter-spacing:.02em; color:var(--ab-gold); text-decoration:none; border-bottom:1px solid rgba(166,124,58,.35);
  padding-bottom:2px; transition:color .25s, border-color .25s, gap .25s; }
.scandi-abt-inline:hover { color:#8a6530; border-color:#8a6530; gap:10px; }

/* ── 10. ОПЛАТА: горизонтальная лента шагов ── */
.scandi-abt-pay { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-head--wide { max-width:860px; }
.scandi-abt-steps { list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:clamp(12px,1.6vw,20px); counter-reset:s; }
.scandi-abt-step { position:relative; display:flex; flex-direction:column; gap:7px;
  padding:clamp(20px,2.4vw,26px); border-radius:18px; background:var(--ab-card);
  border:1px solid rgba(166,124,58,.16); }
.scandi-abt-step__n { font-size:13px; font-weight:800; line-height:1; color:var(--ab-gold);
  width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(166,124,58,.10); border:1px solid rgba(166,124,58,.3); }
.scandi-abt-step__t { font-size:15.5px; font-weight:700; color:var(--ab-ink); }
.scandi-abt-step__d { font-size:12.5px; line-height:1.55; color:var(--ab-mut); }
.scandi-abt-pay__more { margin:clamp(20px,2.5vw,28px) 0 0; }

/* ── Карта географии ── */
.scandi-abt-geo__map { margin-top:clamp(28px,4vw,48px); scroll-margin-top:90px; }

/* ── Прочие cta (если контент-менеджер добавит новый) ── */
.scandi-abt-note { padding:clamp(40px,5vw,64px) 0; background:var(--ab-cream); }

/* ── 12. ФИНАЛЬНЫЙ CTA — единственная золотая кнопка страницы ── */
.scandi-abt-final { padding:clamp(52px,7vw,90px) 0 clamp(64px,7.5vw,100px); background:var(--ab-cream); }
.scandi-abt-final__panel { text-align:center; padding:clamp(34px,4.5vw,56px) clamp(20px,3vw,40px); border-radius:26px;
  background:linear-gradient(135deg,#fffdf9,#f4ecdb); border:1px solid rgba(166,124,58,.22); box-shadow:0 26px 60px -34px rgba(90,64,20,.5); }
.scandi-abt-final__panel .scandi-abt-lead { margin-bottom:26px; }
.scandi-abt-final__cta { display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:center; }

/* ── ПЛАНШЕТ ── */
@media (max-width:1000px) {
  .scandi-abt-build__grid, .scandi-abt-principles__grid, .scandi-abt-social__grid, .scandi-abt-certs__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* ── МОБИЛЬНЫЙ ── */
@media (max-width:640px) {
  .scandi-abt-facts__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scandi-abt-build__grid, .scandi-abt-principles__grid, .scandi-abt-social__grid { grid-template-columns:1fr; }
  .scandi-abt-certs__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scandi-abt-hero__cta .scandi-abt-btn { flex:1 1 100%; }
  .scandi-abt-head { text-align:left; }
  .scandi-abt-lead { margin-left:0; }
}

/* ── Тёмные островки vs глобальный «ловец» секций ──
   scandi.css + scandi-stages.css красят ВСЕ секции кремовым градиентом правилом
   `html body.scandi-no-hero section:not([id]):not([class*="top"])…` — его
   специфичность бьёт простой .scandi-abt-principles, поэтому тёмный фон не
   доезжал и светлый текст ложился на крем. Буст :not(#_)×4.

   ⚠️ Соцсети из этого правила УБРАНЫ: они переехали в крем (их тёмный фон
   совпадал с футером и давал шов). Тёмный островок на странице ровно один. */
html body .scandi-abt-principles:not(#_):not(#_):not(#_):not(#_) {
  background: linear-gradient(160deg, #1e130a, #14100d) !important;
}
html body .scandi-abt-principles:not(#_):not(#_):not(#_) .scandi-abt-title {
  color: #f4ead9 !important; -webkit-text-fill-color: #f4ead9 !important;
}
html body .scandi-abt-principles:not(#_):not(#_):not(#_) .scandi-abt-title i,
html body .scandi-abt-principles:not(#_):not(#_):not(#_) .scandi-abt-title em {
  background: linear-gradient(135deg, #d4ad6e, #e8c987) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
}
html body .scandi-abt-principles:not(#_):not(#_):not(#_) .scandi-abt-lead {
  color: rgba(243, 236, 220, .78) !important; -webkit-text-fill-color: rgba(243, 236, 220, .78) !important;
}

/* ── КОМАНДА: портреты из assets/team (Kie), карточки-медальоны ── */
.scandi-abt-team { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-team__grid { list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:clamp(14px,1.8vw,22px); }
.scandi-abt-person { display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; }
.scandi-abt-person__photo { display:block; width:100%; aspect-ratio:3/4; border-radius:18px; overflow:hidden;
  background:#e8e0d2; border:1px solid rgba(166,124,58,.18); margin-bottom:10px;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, border-color .35s; }
.scandi-abt-person__photo img { width:100%; height:100%; object-fit:cover; display:block; }
.scandi-abt-person:hover .scandi-abt-person__photo { transform:translateY(-4px); border-color:rgba(166,124,58,.45);
  box-shadow:0 22px 46px -26px rgba(90,64,20,.55); }
.scandi-abt-person__name { font-size:15px; font-weight:700; color:var(--ab-ink); }
.scandi-abt-person__role { font-size:12.5px; line-height:1.4; color:var(--ab-mut); }

/* ── ДОКУМЕНТЫ: сканы дипломов/аттестаций ──
   Ключевое: документы ПОРТРЕТНЫЕ → aspect-ratio 3/4 + object-fit:contain на белой
   «бумаге», чтобы документ был виден целиком, а не обрезан. Клик — полный скан. */
.scandi-abt-certs { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-docs { list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:clamp(14px,1.8vw,22px); }
.scandi-abt-doc__link { display:flex; flex-direction:column; gap:10px; text-decoration:none; }
.scandi-abt-doc__paper { position:relative; display:block; aspect-ratio:3/4; border-radius:12px; overflow:hidden;
  background:#fff; border:1px solid rgba(166,124,58,.2); padding:10px; box-sizing:border-box;
  box-shadow:0 14px 34px -22px rgba(60,42,16,.5);
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s, border-color .35s; }
.scandi-abt-doc__paper img { width:100%; height:100%; object-fit:contain; display:block; }
.scandi-abt-doc__link:hover .scandi-abt-doc__paper { transform:translateY(-4px); border-color:rgba(166,124,58,.5);
  box-shadow:0 26px 54px -24px rgba(60,42,16,.6); }
.scandi-abt-doc__zoom { position:absolute; right:10px; bottom:10px; width:30px; height:30px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fffdf9;
  background:linear-gradient(135deg,#a67c3a,#c19a5b); box-shadow:0 6px 16px -6px rgba(90,64,20,.8);
  opacity:0; transform:translateY(4px); transition:opacity .3s, transform .3s; }
.scandi-abt-doc__link:hover .scandi-abt-doc__zoom { opacity:1; transform:translateY(0); }
.scandi-abt-doc__title { font-size:12.5px; line-height:1.45; color:var(--ab-mut); text-align:center; }

@media (max-width:640px) {
  .scandi-abt-team__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scandi-abt-docs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scandi-abt-doc__zoom { opacity:1; transform:none; }
}

/* фиксы блока команды: маркеры списка и колонки на мобиле (базовое правило
   auto-fill minmax(190px) на 375px давало ОДНУ колонку с гигантским портретом) */
.scandi-about-page .scandi-abt-team__grid,
.scandi-about-page .scandi-abt-docs { list-style:none !important; }
.scandi-about-page .scandi-abt-team__grid > li,
.scandi-about-page .scandi-abt-docs > li { list-style:none !important; }
.scandi-about-page .scandi-abt-team__grid > li::marker,
.scandi-about-page .scandi-abt-docs > li::marker { content:''; }
@media (max-width:640px) {
  .scandi-about-page .scandi-abt-team__grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .scandi-about-page .scandi-abt-docs { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .scandi-about-page .scandi-abt-person__name { font-size:13.5px; }
  .scandi-about-page .scandi-abt-person__role { font-size:11.5px; }
}

/* ── SEO-ПРОЗА: текст ВОЗВРАЩЁН, подача редакционная ──
   Две колонки на десктопе (мера ~65 знаков — комфортно читать), одна на
   мобильном. Первый абзац крупнее — работает как лид. */
.scandi-abt-prose-sec { padding:clamp(44px,6vw,76px) 0; background:var(--ab-cream); }
.scandi-abt-head--left { text-align:left; margin-left:0; max-width:820px; }
.scandi-abt-prose { max-width:1000px; column-gap:clamp(28px,3.4vw,52px); color:#4a3f31; font-size:15px; line-height:1.75; }
@media (min-width:900px) { .scandi-abt-prose { column-count:2; } }
.scandi-abt-prose > *:first-child { font-size:16.5px; line-height:1.65; color:#2f2417; font-weight:500; }
.scandi-abt-prose p { margin:0 0 15px; break-inside:avoid; }
.scandi-abt-prose ul, .scandi-abt-prose ol { margin:0 0 15px; padding-left:20px; break-inside:avoid; }
.scandi-abt-prose li { margin:0 0 8px; }
.scandi-abt-prose b, .scandi-abt-prose strong { color:var(--ab-ink); font-weight:700; }
.scandi-abt-prose i, .scandi-abt-prose em { font-style:normal; font-weight:600; color:var(--ab-ink); }
.scandi-abt-prose h3, .scandi-abt-prose h4 { font-size:17px; font-weight:700; color:var(--ab-ink); margin:4px 0 10px; break-after:avoid; }

/* ── золотой разделитель — ритм как в «Коротко о компании» ── */
.scandi-about-page .scandi-divider { height:1px; margin:clamp(28px,4vw,48px) auto; max-width:1200px;
  background:linear-gradient(90deg,transparent,rgba(166,124,58,.42) 18%,rgba(166,124,58,.42) 82%,transparent); }

/* ── CTA-блоки из ACF: описание — тоже контент, а не только кнопка ── */
.scandi-abt-cta__desc { max-width:720px; margin:0 auto 24px; font-size:15px; line-height:1.7; color:var(--ab-mut); }
.scandi-abt-cta__desc p { margin:0 0 12px; }
.scandi-abt-cta__desc ul { margin:0 0 12px; padding-left:20px; text-align:left; }

/* ── карусель команды: воздух под неё на этой странице ── */
.scandi-abt-team { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-team .scandi-team__title { font-size:clamp(26px,2.6vw,32px); font-weight:700; color:var(--ab-ink); margin:0; }
.scandi-abt-team .scandi-team__title b { font-weight:700; background:linear-gradient(135deg,var(--ab-gold),var(--ab-gold2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* ── карусель сертификатов на кремовом полотне страницы ── */
.scandi-about-page .scandi-certs { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }

@media (max-width:640px) {
  .scandi-abt-prose { font-size:14.5px; line-height:1.7; }
  .scandi-abt-prose > *:first-child { font-size:15.5px; }
}

/* Карусель сертификатов НЕ переопределяем: механика штатная (scandi.css), а
   стрелки чинит общий биндер в js/scandi-redesign.js. Здесь была заплатка
   width:max-content — она лечила симптом и ломала мобильный режим, где
   скроллером работает сам трек. */

/* ── Золото не должно течь внутрь ссылок ────────────────────────────────────
   Ссылкам сайт задаёт color:#a67c3a. Потомки наследуют уже ВЫЧИСЛЕННЫЙ
   -webkit-text-fill-color (rgb(166,124,58)), а он сильнее их собственного
   color — поэтому заголовки/описания карточек, подписи сертификатов, гео-блок
   и соцсети заливались золотом целиком (замерено 37 узлов, 7 уникальных
   классов). Одно правило вместо перечисления классов: fill следует за
   СОБСТВЕННЫМ цветом элемента. currentColor резолвится поэлементно, поэтому
   наследование золота обрывается.

   Два подводных камня, оба проверены замером:

   1) currentColor на самой <a> НЕ помогает: он резолвится в цвет ссылки, и
      потомки наследуют уже готовое золото. Fill надо ставить на сами текстовые
      узлы, тогда каждый берёт свой color.
   2) Писать `a *` нельзя — это снесёт намеренные градиентные заголовки
      (у них fill:transparent + background-clip:text). Поэтому перечисляем
      ровно те 7 классов, что реально протекли.

   Буст :not(#_) обязателен: перебиваем scandi.css:2505
   `section a:not(.button):not([class*="btn"]):not([class*="cta"]):not(.catalog-item):not(.scandi-burger)`
   — это (0,5,2). Одного ID хватает: ID сильнее любого числа классов. */
.scandi-about-page:not(#_) .scandi-abt-type__t,
.scandi-about-page:not(#_) .scandi-abt-type__d,
.scandi-about-page:not(#_) .scandi-abt-type__more,
.scandi-about-page:not(#_) .scandi-georegion__title,
.scandi-about-page:not(#_) .scandi-georegion__desc,
.scandi-about-page:not(#_) .scandi-cert__caption,
.scandi-about-page:not(#_) .scandi-abt-soc__t,
.scandi-about-page:not(#_) .scandi-abt-soc__d { -webkit-text-fill-color: currentColor; }

/* ── Адаптив новых секций (материалы / оплата / финальный CTA) ──────────────
   Правила намеренно в КОНЦЕ файла: media-запрос с той же специфичностью, что
   у базового правила, выигрывает только порядком в источнике. Ставить их выше
   базовых объявлений — классическая ловушка «медиа не применяется». */
@media (max-width:900px) {
  .scandi-abt-split__grid { grid-template-columns:1fr; gap:clamp(20px,3vw,30px); }
  /* Фото — над текстом: на узком экране картинка должна открывать секцию,
     иначе до неё нужно пролистать всю простыню текста. */
  .scandi-abt-split__media { order:-1; }
  .scandi-abt-title--left { text-align:left; }
}
@media (max-width:640px) {
  .scandi-abt-steps { grid-template-columns:1fr; }
  .scandi-abt-final__cta { flex-direction:column; align-items:stretch; gap:14px; }
  .scandi-abt-final__cta .scandi-abt-btn { width:100%; }
  .scandi-abt-final__cta .scandi-abt-inline { justify-content:center; }
  .scandi-abt-brands { gap:6px; }
  .scandi-abt-brand { font-size:11.5px; padding:6px 11px; }
}

/* Секция материалов без фото (файл ещё не залит) — одна колонка, а не
   осиротевшая половина сетки. */
.scandi-abt-split__grid--solo { grid-template-columns:1fr; max-width:820px; }

/* ═══ РАЗВЕДЕНИЕ ТИПОЛОГИЙ ═══════════════════════════════════════════════════
   Проверка показала: пять секций собраны из ОДНОЙ карточки — border-radius:18px
   + background:var(--ab-card) + padding:clamp(20px,2.4vw,26px) + рамка
   rgba(166,124,58,.16—.18). У «Соцсетей» и «Шагов оплаты» различалась только
   альфа рамки. Отсюда ощущение «куча одинаковых блоков».

   Коробку оставляем ОДНОЙ сущности — тёмным «Принципам». Остальные получают
   свою типологию. Правила в конце файла, чтобы гарантированно перебить базовые
   объявления выше по источнику. */

/* Цифры — без рамок: крупное число прямо на полотне, волосяные разделители. */
.scandi-abt-fact { background:transparent; border:0; border-radius:0; padding:clamp(14px,1.8vw,20px) clamp(10px,1.4vw,18px);
  box-shadow:none; border-left:1px solid rgba(166,124,58,.22); }
.scandi-abt-fact:hover { transform:none; box-shadow:none; border-color:rgba(166,124,58,.45); }
.scandi-abt-facts__grid { gap:clamp(6px,1vw,14px); }
.scandi-abt-fact__n { font-size:clamp(34px,4vw,46px); }

/* Оплата — таймлайн: номера на оси, без коробок. */
.scandi-abt-steps { position:relative; gap:clamp(16px,2vw,26px); }
.scandi-abt-step { background:transparent; border:0; border-radius:0; padding:0 clamp(8px,1.2vw,14px) 0 0; }
.scandi-abt-step__n { margin-bottom:4px; }
/* Ось: тонкая линия от номера вправо, соединяет шаги в последовательность. */
.scandi-abt-step::before { content:''; position:absolute; top:15px; left:0; right:0; height:1px;
  background:linear-gradient(90deg,rgba(166,124,58,.32),rgba(166,124,58,.06)); z-index:0; }
.scandi-abt-step > * { position:relative; z-index:1; }
.scandi-abt-step__n { background:var(--ab-cream); }

/* Соцсети — компактные строки-пилюли, а не панели в сетке. */
.scandi-abt-social__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.scandi-abt-soc { flex-direction:row; align-items:center; gap:14px; flex-wrap:wrap;
  background:transparent; border:0; border-bottom:1px solid rgba(166,124,58,.18); border-radius:0;
  padding:16px 4px; }
.scandi-abt-soc:hover { transform:none; box-shadow:none; background:rgba(166,124,58,.05); border-color:rgba(166,124,58,.45); }
.scandi-abt-soc__i { flex:0 0 auto; }
.scandi-abt-soc__t { flex:0 0 auto; }
.scandi-abt-soc__d { flex:1 1 100%; margin-left:36px; }

@media (max-width:640px) {
  .scandi-abt-social__grid { grid-template-columns:1fr; }
  .scandi-abt-step::before { display:none; }   /* в одну колонку ось бессмысленна */
}

/* Проза: ведущий кусок — в две колонки, остальные узкой мерой.
   Раньше все шесть шли одинаково, и текст читался как одна простыня. */
.scandi-abt-prose-sec--narrow .container { max-width:820px; }
.scandi-abt-prose--single { column-count:1; max-width:720px; }

/* ── ПУБЛИКАЦИИ В СМИ ───────────────────────────────────────────────────────
   Своя типология: карточка-«вырезка» с верхней строкой (издание + год),
   заголовком публикации и подвалом (тег + «Читать»). Форма не повторяет ни
   плитки направлений, ни шаги оплаты — страница и так уже боролась с
   монотонностью. */
.scandi-abt-smi { padding:clamp(52px,7vw,90px) 0; background:var(--ab-cream); }
.scandi-abt-smi__grid { list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:clamp(12px,1.6vw,20px); }
.scandi-abt-press { display:flex; flex-direction:column; gap:12px; height:100%; box-sizing:border-box;
  padding:clamp(20px,2.4vw,26px); border-radius:16px; text-decoration:none;
  background:var(--ab-card); border:1px solid rgba(166,124,58,.16);
  border-left:3px solid rgba(166,124,58,.45);
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s, border-color .3s; }
.scandi-abt-press:hover { transform:translateY(-3px); border-color:rgba(166,124,58,.5);
  border-left-color:var(--ab-gold); box-shadow:0 22px 46px -28px rgba(90,64,20,.5); }
.scandi-abt-press__head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
.scandi-abt-press__outlet { font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ab-gold); }
.scandi-abt-press__year { font-size:12px; color:var(--ab-mut); flex:0 0 auto; }
.scandi-abt-press__title { font-size:15px; font-weight:700; line-height:1.4; color:var(--ab-ink); flex:1 1 auto; }
.scandi-abt-press__foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:2px; }
.scandi-abt-press__tag { font-size:11.5px; font-weight:700; letter-spacing:.03em; color:var(--ab-mut);
  padding:5px 11px; border-radius:999px; background:rgba(166,124,58,.09); border:1px solid rgba(166,124,58,.2); }
.scandi-abt-press__more { font-size:12.5px; font-weight:700; color:var(--ab-gold); flex:0 0 auto; }

/* Ссылки-карточки: гасим наследование золотого fill от <a> (та же ловушка,
   что уже ловилась на карточках направлений и подписях сертификатов). */
.scandi-about-page:not(#_) .scandi-abt-press__title,
.scandi-about-page:not(#_) .scandi-abt-press__year,
.scandi-about-page:not(#_) .scandi-abt-press__tag,
.scandi-about-page:not(#_) .scandi-abt-press__outlet,
.scandi-about-page:not(#_) .scandi-abt-press__more { -webkit-text-fill-color: currentColor; }

@media (max-width:640px) {
  .scandi-abt-smi__grid { grid-template-columns:1fr; }
}

/* ── Философия: текст + круговой коллаж команды ─────────────────────────────
   Ведущий блок прозы получает картинку сбоку. Внутри грида проза идёт ОДНОЙ
   колонкой: две колонки в узком столбце превратились бы в газетные строчки. */
.scandi-abt-lead-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(24px,4vw,56px); align-items:start; }
.scandi-abt-lead-grid .scandi-abt-prose { column-count:1; max-width:none; }
.scandi-abt-circle { margin:0; position:sticky; top:96px; }
.scandi-abt-circle img { width:100%; height:auto; display:block; }
.scandi-abt-circle figcaption { margin-top:10px; text-align:center; font-size:12.5px; line-height:1.5; color:var(--ab-mut); }

@media (max-width:900px) {
  .scandi-abt-lead-grid { grid-template-columns:1fr; }
  /* Коллаж — ПЕРВЫМ: на телефоне картинка должна открывать блок, а не
     прятаться под простынёй текста. */
  .scandi-abt-circle { order:-1; position:static; max-width:460px; margin:0 auto; }
}

/* ══ ПРАВКИ ПО ЗАМЕЧАНИЯМ ВЛАДЕЛЬЦА (десктоп) ═══════════════════════════════

   1) «Слишком большие отступы, визуально пустоты много».
      Было clamp(52px,7vw,90px) сверху и снизу у каждой секции → на 1440px это
      90+90 = 180px между соседними блоками, да ещё разделитель посередине.
      Сжимаем до 44…64px: ритм сохраняется, воздух перестаёт быть дырой. */
.scandi-about-page .scandi-abt-facts,
.scandi-about-page .scandi-abt-build,
.scandi-about-page .scandi-abt-principles,
.scandi-about-page .scandi-abt-team,
.scandi-about-page .scandi-abt-geo,
.scandi-about-page .scandi-abt-split,
.scandi-about-page .scandi-abt-pay,
.scandi-about-page .scandi-abt-smi,
.scandi-about-page .scandi-abt-social,
.scandi-about-page .scandi-abt-certs { padding-block: clamp(40px, 4.2vw, 64px); }
.scandi-about-page .scandi-abt-prose-sec { padding-block: clamp(28px, 3vw, 44px); }
.scandi-about-page .scandi-abt-final { padding-block: clamp(40px, 4.2vw, 64px) clamp(48px, 5vw, 72px); }
.scandi-about-page .scandi-abt-video { padding-block: clamp(32px, 3.4vw, 48px); }
/* Заголовок секции ближе к своему содержимому */
.scandi-about-page .scandi-abt-head { margin-bottom: clamp(20px, 2.4vw, 32px); }
/* Разделители не должны добавлять ещё по 40px сверху и снизу */
.scandi-about-page .scandi-divider { margin-block: clamp(8px, 1vw, 16px); }

/* 2) Блок «О нас пишут» — карточки были узкими колонками в ряд по четыре
      и смотрелись мелко. Делаем 2×2: карточка крупнее, заголовок читается,
      блок перестаёт выглядеть подвалом. */
.scandi-abt-smi__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 20px); }
.scandi-abt-press { gap: 14px; padding: clamp(22px, 2.2vw, 30px); border-radius: 18px; }
.scandi-abt-press__outlet { font-size: 12px; letter-spacing: .07em; }
.scandi-abt-press__title  { font-size: clamp(16px, 1.25vw, 18px); line-height: 1.35; }
.scandi-abt-press__foot   { margin-top: auto; padding-top: 4px; }

@media (max-width: 760px) {
  .scandi-abt-smi__grid { grid-template-columns: 1fr; }
}

/* ══ ФОНОВЫЕ ПОДЛОЖКИ ДВУХ СЕКЦИЙ ═══════════════════════════════════════════
   Подложка не должна спорить с текстом, поэтому везде схема «картинка + скрим»:
   фон уходит в ::before, а поверх — градиентная вуаль, и только потом контент.
   Контраст держим вуалью, а не самим кадром: так одна и та же картинка годится
   и под светлый, и под тёмный текст.

   Секции выбраны осознанно: «Принципы» — единственный тёмный островок (плоская
   заливка смотрелась пусто), финальный CTA — последний экран перед футером,
   ему нужен вес. Остальные секции остаются чистым кремом: подложка везде
   превратится в шум. */

.scandi-abt-principles,
.scandi-abt-final { position: relative; isolation: isolate; overflow: hidden; }

.scandi-abt-principles::before,
.scandi-abt-final::before {
  content: ''; position: absolute; inset: 0; z-index: -2;
  background-size: cover; background-position: center;
}
.scandi-abt-principles::after,
.scandi-abt-final::after { content: ''; position: absolute; inset: 0; z-index: -1; }

/* Тёмный островок: фактура дерева.
   🚨 Первая версия была не видна ВООБЩЕ: картинка opacity .5 под вуалью
   .90–.94 даёт итоговую видимость около 5%, а на мобильном (.35) — 3%.
   Владелец справедливо сказал, что подложку видно только одну, нижнюю.
   Теперь картинка почти непрозрачная, а темноту держит вуаль средней
   плотности: светлый текст (#f4ead9 на ~#241a10) остаётся с большим запасом
   по контрасту, зато дерево читается. */
.scandi-abt-principles::before { background-image: var(--ab-bg-prin, none); opacity: .95; }
.scandi-abt-principles::after {
  background:
    linear-gradient(160deg, rgba(30,19,10,.72), rgba(20,16,13,.80)),
    radial-gradient(120% 90% at 15% 0%, rgba(212,173,110,.16), transparent 60%);
}

/* Финальный CTA. Первая версия была задушена вуалью .94 — кадр не читался
   вовсе. Здесь это допустимо ослабить: текст лежит на СВОЕЙ плотной карточке,
   поэтому фону вокруг неё контраст не нужен, он работает как атмосфера. */
.scandi-abt-final::before { background-image: var(--ab-bg-cta, none); opacity: .9; }
.scandi-abt-final::after {
  background:
    linear-gradient(180deg, rgba(245,241,235,.62), rgba(245,241,235,.44) 55%, rgba(245,241,235,.72)),
    radial-gradient(90% 70% at 85% 80%, rgba(166,124,58,.10), transparent 65%);
}
/* Панель CTA поверх подложки — чуть плотнее, иначе теряется на фоне. */
.scandi-abt-final .scandi-abt-final__panel { backdrop-filter: blur(2px); }

@media (max-width: 640px) {
  /* На телефоне НЕ гасим: именно из-за этого подложку не было видно.
     Экран меньше, фактура и так мельче — душить её нечем. */
  .scandi-abt-principles::before { opacity: .9; }
  .scandi-abt-final::before { opacity: .85; }
}

/* ══ КАНАЛЫ КОМПАНИИ + ПРЕВЬЮ РОЛИКА ═══════════════════════════════════════
   Слева крупное превью видео, справа список каналов. Раньше здесь была сетка
   из четырёх одинаковых плиток со ссылками на формы — и по смыслу неверно
   (человек хочет подписаться, а не оставить телефон), и визуально ещё одна
   безликая сетка на странице, где их и так хватало. */
.scandi-abt-channels { padding-block: clamp(40px,4.2vw,64px); background: var(--ab-cream); }
.scandi-abt-channels__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(20px,2.6vw,34px); align-items: start; }

/* ── Превью ролика ── */
.scandi-abt-vid { position: relative; margin: 0; border-radius: 20px; overflow: hidden;
  background: #14100d; box-shadow: 0 26px 60px -34px rgba(60,42,16,.6);
  border: 1px solid rgba(166,124,58,.18); cursor: pointer; }
.scandi-abt-vid__poster,
.scandi-abt-vid video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.scandi-abt-vid__poster { transition: transform .5s cubic-bezier(.22,1,.36,1), filter .4s; }
.scandi-abt-vid:hover .scandi-abt-vid__poster { transform: scale(1.03); filter: brightness(1.05); }

/* Кнопка play — золотой круг с мягким свечением, по канону акцентов сайта. */
.scandi-abt-vid__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 64px; height: 64px; border-radius: 50%; border: 0; cursor: pointer; color: #241a10;
  display: flex; align-items: center; justify-content: center; padding-left: 4px;
  background: linear-gradient(135deg,#d9b06e,#c19a5b);
  box-shadow: 0 10px 30px -8px rgba(166,124,58,.9), 0 0 0 10px rgba(245,241,235,.22);
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s; }
.scandi-abt-vid:hover .scandi-abt-vid__play { transform: translate(-50%,-50%) scale(1.08);
  box-shadow: 0 14px 38px -8px rgba(166,124,58,1), 0 0 0 14px rgba(245,241,235,.26); }
.scandi-abt-vid.is-playing .scandi-abt-vid__play,
.scandi-abt-vid.is-playing .scandi-abt-vid__poster { display: none; }

/* Подпись поверх нижней кромки — на градиенте, чтобы читалась на любом кадре. */
.scandi-abt-vid__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 20px 16px;
  display: flex; flex-direction: column; gap: 3px;
  background: linear-gradient(180deg, transparent, rgba(20,16,13,.82)); }
.scandi-abt-vid__t { font-size: 15px; font-weight: 700; color: #f6efe2; -webkit-text-fill-color: #f6efe2; }
.scandi-abt-vid__d { font-size: 12.5px; color: rgba(243,236,220,.78); -webkit-text-fill-color: rgba(243,236,220,.78); }
.scandi-abt-vid.is-playing .scandi-abt-vid__cap { display: none; }

/* ── Список каналов ── */
.scandi-abt-channels__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.scandi-abt-ch { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px;
  text-decoration: none; background: var(--ab-card); border: 1px solid rgba(166,124,58,.16);
  transition: transform .28s cubic-bezier(.22,1,.36,1), border-color .28s, box-shadow .28s; }
.scandi-abt-ch:hover { transform: translateX(3px); border-color: rgba(166,124,58,.5);
  box-shadow: 0 18px 38px -26px rgba(90,64,20,.5); }
.scandi-abt-ch__i { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; color: var(--ab-gold);
  display: flex; align-items: center; justify-content: center;
  background: rgba(166,124,58,.10); border: 1px solid rgba(166,124,58,.22); }
.scandi-abt-ch__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.scandi-abt-ch__n { font-size: 15.5px; font-weight: 700; color: var(--ab-ink); }
.scandi-abt-ch__d { font-size: 12.5px; line-height: 1.45; color: var(--ab-mut); }
.scandi-abt-ch__go { margin-left: auto; flex: 0 0 auto; font-size: 17px; color: var(--ab-gold);
  transition: transform .28s; }
.scandi-abt-ch:hover .scandi-abt-ch__go { transform: translateX(4px); }

/* Гасим наследование золотого fill от ссылки (та же ловушка, что и в карточках
   направлений: потомки <a> берут ВЫЧИСЛЕННЫЙ fill и свой color им не помогает). */
.scandi-about-page:not(#_) .scandi-abt-ch__n,
.scandi-about-page:not(#_) .scandi-abt-ch__d,
.scandi-about-page:not(#_) .scandi-abt-ch__go { -webkit-text-fill-color: currentColor; }

@media (max-width: 900px) {
  .scandi-abt-channels__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .scandi-abt-vid__play { width: 54px; height: 54px; }
  .scandi-abt-ch { padding: 14px 15px; gap: 12px; }
  .scandi-abt-ch__i { width: 38px; height: 38px; }
}