/* Start:/about/about.css?178401637626732*/
/* ============================================================
   О бренде LIBREDERM — /about/ (redesign)
   Все стили заскоуплены под .about-page, классы с префиксом ab-.
   Шрифт GraphikLCG подключён глобально в шаблоне — здесь не дублируем.
   ============================================================ */

.about-page{
  --ab-ink:#111111;
  --ab-ink-soft:#333333;
  --ab-white:#ffffff;
  --ab-plate:#f9f9f9;
  --ab-muted:#777777;
  --ab-line:rgba(17,17,17,.12);
  --ab-line-soft:rgba(17,17,17,.08);
  --ab-maxw:1504px;
  color:var(--ab-ink);
  background:var(--ab-white);
  line-height:1.55;
  font-weight:400;
}
.about-page *{box-sizing:border-box}
.about-page h1,.about-page h2,.about-page h3{
  font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0;color:inherit;
}

/* Ширина совпадает со штатным .container сайта (1504px / 32px / 15px) */
.about-page .ab-wrap{max-width:var(--ab-maxw);margin:0 auto;padding:0 15px}
@media(min-width:768px){.about-page .ab-wrap{padding:0 32px}}
.about-page .ab-eyebrow{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ab-muted);font-weight:500;display:inline-block;
}

/* ---------- breadcrumbs (штатный класс сайта оставляем как есть) ---------- */
.about-page .ab-crumbs{padding-top:24px}

/* ---------- HERO ---------- */
.about-page .ab-hero{
  position:relative;background:var(--ab-white);color:var(--ab-ink);
  overflow:hidden;padding:0;border-bottom:1px solid var(--ab-line-soft);
}
.about-page .ab-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
/* текстовая колонка поверх изображения */
.about-page .ab-hero__text{position:relative;z-index:2;padding:56px 48px 56px 0}
.about-page .ab-hero h1{
  font-size:clamp(44px,6vw,56px);margin:0;
  font-weight:300;letter-spacing:-.01em;line-height:1.06;
  width:100%;max-width:none;position:relative;z-index:2;
}
/* «LIBREDERM» (первое слово) — акцентно Medium на фоне тонкого заголовка */
.about-page .ab-hero h1 .ab-w:first-child .ab-w__i{font-weight:500}
/* фолбэк без сплита (нет GSAP / reduced-motion): бренд не выделен, но заголовок читается */
/* три подзаголовка — единый шрифт + тонкое тире-маркер (editorial-список) */
.about-page .ab-hero-lead,
.about-page .ab-hero-line,
.about-page .ab-hero-slogan{
  position:relative;font-size:clamp(16px,1.5vw,19px);font-weight:400;color:var(--ab-ink);
  line-height:1.5;letter-spacing:0;text-transform:none;max-width:none;
  margin-top:14px;padding-left:24px;border-left:0;
}
.about-page .ab-hero-lead{margin-top:30px}
.about-page .ab-hero-lead::before,
.about-page .ab-hero-line::before,
.about-page .ab-hero-slogan::before{
  content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--ab-ink);
}
/* одно изображение-сцена; текст частично поверх него */
.about-page .ab-hero-media{position:relative;z-index:1;margin-left:-72px;align-self:center;display:flex;align-items:center}
.about-page .ab-hero-stack{
  position:relative;width:100%;aspect-ratio:800/504;
  overflow:hidden;border-radius:3px;
}
.about-page .ab-hero-stack img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;will-change:transform,opacity;backface-visibility:hidden;
}
/* без JS показываем первый кадр; JS управляет остальным */
.about-page .ab-hero-stack img:first-child{opacity:1}
.has-js .about-page .ab-hero-stack img:first-child{opacity:0}

/* индекс цифр */
.about-page .ab-index{
  position:relative;margin-top:64px;
  border-top:1px solid var(--ab-line);
  display:grid;grid-template-columns:repeat(5,1fr);
}
.about-page .ab-index .ab-cell{padding:26px 18px 30px;border-right:1px solid var(--ab-line-soft)}
.about-page .ab-index .ab-cell:last-child{border-right:none}
.about-page .ab-num{font-size:clamp(32px,4vw,46px);color:var(--ab-ink);line-height:1;font-weight:500;letter-spacing:-.02em}
.about-page .ab-num span{font-size:.55em;vertical-align:super;font-weight:400}
.about-page .ab-lab{font-size:13px;color:var(--ab-muted);margin-top:12px;font-weight:400;line-height:1.4}

/* ---------- SECTIONS ---------- */
.about-page .ab-section{padding:92px 0}
.about-page .ab-sec-head{max-width:60ch;margin-bottom:48px}
.about-page .ab-sec-head h2{font-size:clamp(28px,3.4vw,40px);margin-top:14px;font-weight:500;letter-spacing:-.02em}
.about-page .ab-sec-head p{color:var(--ab-muted);font-size:17px;margin-top:18px;font-weight:300;line-height:1.5}

/* mission: логотип | тезис | текст */
.about-page .ab-mission{background:var(--ab-white)}
.about-page .ab-mission-q{font-size:clamp(22px,2.6vw,30px);line-height:1.3;max-width:26ch;font-weight:500;letter-spacing:-.01em}
.about-page .ab-mission-grid{display:grid;grid-template-columns:.4fr .9fr 1fr;gap:56px;align-items:start}
.about-page .ab-mission-logo img{width:100%;max-width:150px;margin:0 auto}
.about-page .ab-mission-body div{color:var(--ab-ink-soft);margin-bottom:18px;font-weight:300;font-size:16px}
.about-page .ab-mission-body div:last-child{margin-bottom:0}

/* council: интро (sticky) + этапы процесса с контурными цифрами */
.about-page .ab-council{background:var(--ab-plate)}
.about-page .ab-council-grid{display:grid;grid-template-columns:.8fr 1fr;gap:72px;align-items:start}
/* «прилипание» интро делает GSAP (плавный догон со scrub), не CSS sticky */
.about-page .ab-council-intro{will-change:transform}
/* видео лаборатории под интро (desktop-файл панорамный 1920×556) */
.about-page .ab-council-media{margin-top:36px}
.about-page .ab-council-media video{
  display:block;width:100%;aspect-ratio:1920/556;object-fit:cover;border-radius:3px;
}
@media(max-width:880px){
  .about-page .ab-council-media video{aspect-ratio:16/9}
}
.about-page .ab-council-intro h2{font-size:clamp(28px,3.4vw,40px);margin-top:14px;font-weight:500;letter-spacing:-.02em}
.about-page .ab-council-intro p{color:var(--ab-muted);font-size:17px;margin-top:18px;font-weight:300;line-height:1.5}
.about-page .ab-cstep{
  display:grid;grid-template-columns:120px 1fr;gap:60px;align-items:start;
  padding:36px 0;border-top:1px solid var(--ab-line);
}
.about-page .ab-cstep:last-child{border-bottom:1px solid var(--ab-line)}
.about-page .ab-cstep__n{
  font-size:clamp(48px,4.8vw,72px);line-height:.85;font-weight:400;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:1px rgba(17,17,17,.34);
  transition:color .35s,-webkit-text-stroke-color .35s;
}
.about-page .ab-cstep:hover .ab-cstep__n,
.about-page .ab-cstep.m-fill .ab-cstep__n{color:var(--ab-ink);-webkit-text-stroke-color:var(--ab-ink)}
.about-page .ab-cstep h3{font-size:21px;color:var(--ab-ink);margin:0 0 10px;font-weight:500}
.about-page .ab-cstep p{font-size:15px;color:var(--ab-muted);font-weight:300;margin:0;max-width:48ch}

/* timeline — лента вех с линией-прогрессом (тот же паттерн, что «Пять этапов»):
   линия заполняется по скроллу, достигнутые вехи зажигаются */
.about-page .ab-timeline{background:var(--ab-white)}
.about-page .ab-tl-wrap{position:relative;margin-top:40px}
.about-page .ab-tl-track{
  position:absolute;top:8px;left:0;right:0;height:2px;
  background:var(--ab-line-soft);overflow:hidden;
}
.about-page .ab-tl-bar{
  display:block;width:100%;height:100%;background:var(--ab-ink);
  transform:scaleX(0);transform-origin:0 50%;
}
.about-page .ab-tl{
  display:flex;gap:0;overflow-x:auto;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  /* верхний паддинг — точки сидят на общей линии-треке */
  padding:10px 0 8px;
  scrollbar-width:none;
}
.about-page .ab-tl::-webkit-scrollbar{display:none}
.about-page .ab-tl-item{
  position:relative;flex:1 1 0;min-width:230px;scroll-snap-align:start;
  padding:26px 28px 0 0;
  transition:opacity .5s ease;
}
.about-page .ab-tl-item::before{
  content:"";position:absolute;left:0;top:-6px;
  width:11px;height:11px;box-sizing:border-box;border-radius:50%;
  background:var(--ab-line);transition:background-color .4s ease;
}
/* приглушение будущих вех (только в GSAP-режиме) */
.ab-gsap .about-page .ab-tl-item:not(.m-on){opacity:.3}
.about-page .ab-tl-item.m-on::before{background:var(--ab-ink)}
.about-page .ab-tl-year{color:var(--ab-muted);font-size:13px;letter-spacing:.04em;font-weight:500;text-transform:uppercase}
.about-page .ab-tl-item h3{font-size:20px;margin:6px 0 8px;font-weight:500}
.about-page .ab-tl-item p{color:var(--ab-muted);font-size:15px;font-weight:300;margin:0}


/* production: манифест данных — гигантские цифры + линия стандартов */
.about-page .ab-prod{background:var(--ab-plate)}
.about-page .ab-prod-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--ab-line);margin-bottom:0;
}
.about-page .ab-pstat{padding:44px 36px 44px 0}
.about-page .ab-pstat + .ab-pstat{padding-left:36px;border-left:1px solid var(--ab-line-soft)}
.about-page .ab-pstat__n{
  font-size:clamp(64px,8vw,72px);line-height:.9;font-weight:500;letter-spacing:-.04em;color:var(--ab-ink);
}
.about-page .ab-pstat__t{margin-top:16px;font-size:15px;color:var(--ab-muted);font-weight:300;max-width:24ch}
/* видео-полоса производства: параллакс внутри, текст поверх */
.about-page .ab-video-strip{
  position:relative;overflow:hidden;border-radius:3px;
  height:clamp(360px,46vw,600px);margin-bottom:64px;
}
.about-page .ab-video-strip__v{
  position:absolute;left:0;top:-9%;width:100%;height:118%;
  object-fit:cover;will-change:transform;
}
/* оверлей: градиент слева для читаемости, текст белый */
.about-page .ab-video-strip__overlay{
  position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;
  padding:48px clamp(28px,5vw,72px);
  background:linear-gradient(90deg,rgba(17,17,17,.55) 0%,rgba(17,17,17,.25) 45%,rgba(17,17,17,0) 75%);
}
.about-page .ab-video-strip__head{margin-bottom:0;max-width:52ch}
.about-page .ab-video-strip__head .ab-eyebrow{color:rgba(255,255,255,.72)}
.about-page .ab-video-strip__head h2{color:var(--ab-white)}
.about-page .ab-video-strip__head p{color:rgba(255,255,255,.78)}
@media(max-width:880px){
  .about-page .ab-video-strip{height:440px}
  .about-page .ab-video-strip__overlay{
    align-items:flex-end;padding:24px 20px 32px;
    background:linear-gradient(0deg,rgba(17,17,17,.6) 0%,rgba(17,17,17,.2) 55%,rgba(17,17,17,0) 80%);
  }
}

.about-page .ab-quality-line{
  display:grid;grid-template-columns:.8fr 1fr;gap:48px;align-items:center;
  border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line);padding:30px 0;
}
.about-page .ab-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.about-page .ab-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;letter-spacing:.06em;border:1px solid var(--ab-ink);
  padding:8px 14px;border-radius:2px;color:var(--ab-ink);font-weight:500;
}
.about-page .ab-badge svg{width:18px;height:18px;flex:0 0 auto}
.about-page .ab-dual{
  color:var(--ab-ink);font-size:clamp(17px,1.5vw,20px);font-weight:400;line-height:1.45;
  max-width:52ch;padding-left:18px;border-left:3px solid var(--ab-ink);
}

/* testing: этапы в ряд под линией-прогрессом (рисуется по скроллу) */
.about-page .ab-testing{background:var(--ab-white)}
.about-page .ab-steps{
  position:relative;display:grid;grid-template-columns:repeat(5,1fr);
  gap:0 32px;padding-top:34px;margin-bottom:64px;
}
.about-page .ab-steps__track{
  position:absolute;top:0;left:0;right:0;height:2px;background:var(--ab-line-soft);overflow:hidden;
}
.about-page .ab-steps__bar{
  display:block;width:100%;height:100%;background:var(--ab-ink);
  transform:scaleX(0);transform-origin:0 50%;
}
.about-page .ab-step{position:relative}
.about-page .ab-step::before{
  content:"";position:absolute;top:-37px;left:0;width:8px;height:8px;
  border-radius:50%;background:var(--ab-ink);
}
.about-page .ab-step .ab-n{
  font-size:clamp(28px,3vw,40px);line-height:1;font-weight:400;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:1px rgba(17,17,17,.38);
  transition:color .45s ease,-webkit-text-stroke-color .45s ease;
}
/* «зажигается», когда линия-прогресс доходит до этапа */
.about-page .ab-step .ab-n.m-on{color:var(--ab-ink);-webkit-text-stroke-color:var(--ab-ink)}
.about-page .ab-step p{font-size:15px;color:var(--ab-ink-soft);margin:14px 0 0;font-weight:300;max-width:24ch}
.about-page .ab-clinics{border-top:1px solid var(--ab-line);padding-top:34px}
.about-page .ab-clinic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;margin-top:18px}
.about-page .ab-clinic{display:flex;gap:14px;align-items:baseline;color:var(--ab-ink-soft);font-size:15px;font-weight:300;padding-bottom:14px;border-bottom:1px solid var(--ab-line-soft)}
.about-page .ab-clinic span{
  flex:0 0 auto;font-size:11px;letter-spacing:.08em;font-weight:500;color:var(--ab-ink);
  border:1px solid var(--ab-line);border-radius:2px;padding:3px 7px;
}

/* ethics: инверсная полоса-манифест */
.about-page .ab-ethics{background:var(--ab-plate);padding:92px 0}
.about-page .ab-ethics-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.about-page .ab-ecard{padding:0 64px}
.about-page .ab-ecard:first-child{padding-left:0}
.about-page .ab-ecard + .ab-ecard{border-left:1px solid var(--ab-line)}
.about-page .ab-ecard .ab-mark{display:flex;align-items:center;margin-bottom:26px;color:var(--ab-ink)}
.about-page .ab-ecard .ab-mark svg,
.about-page .ab-ecard .ab-mark img{width:60px;height:60px;display:block}
.about-page .ab-ecard h3{font-size:clamp(24px,2.6vw,34px);margin-bottom:16px;font-weight:500;letter-spacing:-.01em;color:var(--ab-ink)}
.about-page .ab-ecard p{color:var(--ab-muted);font-size:16px;font-weight:300;margin:0;max-width:44ch}

/* awards — Swiper с той же механикой, что у каталога */
.about-page .ab-awards{background:var(--ab-white)}
.about-page .ab-awards-slider{overflow:hidden;margin-top:14px}
/* правый край растворяется в белом; у конца ленты градиент исчезает */
.about-page .ab-awards-slider::after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:120px;z-index:2;
  pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);
  opacity:1;transition:opacity .35s ease;
}
.about-page .ab-awards-slider.m-at-end::after{opacity:0}
.about-page .ab-awards-slider .swiper-wrapper{transition-timing-function:cubic-bezier(.25,1,.5,1)}
.about-page .ab-awards-slider .swiper-slide{width:250px;height:auto}
/* фолбэк: пока/если Swiper не инициализирован — нативный скролл */
.about-page .ab-awards-slider:not(.swiper-initialized){overflow-x:auto;scrollbar-width:none}
.about-page .ab-awards-slider:not(.swiper-initialized)::-webkit-scrollbar{display:none}
.about-page .ab-awards-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:28px}
.about-page .ab-award{width:100%;aspect-ratio:3/4;border:1px solid var(--ab-line-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:var(--ab-plate);color:var(--ab-muted);overflow:hidden;transition:border-color .25s}
.about-page .ab-award img{width:100%;height:100%;object-fit:cover}
/* карточка с реальным фото премии: белая рамка, фото «дышит» и зумится при наведении */
.about-page .ab-award.m-photo{padding:20px;background:var(--ab-white);border:1px solid rgba(17,17,17,.14)}
.about-page .ab-award.m-photo img{object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.about-page .ab-award-cap{margin-top:16px;text-align:left}
.about-page .ab-award-cap__yr{font-size:12px;color:var(--ab-muted);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.about-page .ab-award-cap__t{font-size:13px;line-height:1.4;color:var(--ab-ink-soft);margin-top:4px;font-weight:400}
/* при наведении картинка увеличивается (рамка обрезает выступающее) */
@media (pointer:fine){
  .about-page .ab-awards-slider .swiper-slide:hover .ab-award.m-photo img{transform:scale(1.12)}
  .about-page .ab-awards-slider .swiper-slide:hover .ab-award.m-photo{border-color:rgba(17,17,17,.24)}
}
.about-page .ab-award .ab-yr{color:var(--ab-ink);font-size:13px;font-weight:500}
.about-page .ab-award .ab-t{font-size:18px;color:var(--ab-ink);margin-top:8px;line-height:1.2;font-weight:500}
.about-page .ab-award .ab-ph{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:14px;opacity:.5}

/* ---------- общие: стрелки слайдеров + шапка с навигацией ---------- */
.about-page .ab-cat__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.about-page .ab-cat__head .ab-sec-head{margin-bottom:0}
.about-page .ab-cat__nav{display:flex;gap:8px;flex:0 0 auto}
.about-page .ab-arrow{
  width:46px;height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--ab-line);background:var(--ab-white);color:var(--ab-ink);
  cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;
}
.about-page .ab-arrow:hover:not(:disabled){border-color:var(--ab-ink);background:var(--ab-ink);color:var(--ab-white)}
.about-page .ab-arrow:disabled,
.about-page .ab-arrow.swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none}
.about-page .ab-arrow.swiper-button-lock{display:none}
.about-page .ab-arrow svg{width:20px;height:20px;fill:currentColor}
.about-page #js-ab-col-prev svg,
.about-page #js-ab-award-prev svg{transform:rotate(180deg)}

/* ---------- collections (кастомный шаблон about компонента) ---------- */
.about-page .ab-collections{background:var(--ab-plate)}
.about-page .ab-cat__tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;overflow-x:auto;scrollbar-width:none}
.about-page .ab-cat__tabs::-webkit-scrollbar{display:none}
.about-page .ab-cat__tab input{position:absolute;opacity:0;width:0;height:0}
.about-page .ab-cat__tab span{
  display:inline-block;padding:8px 16px;border:1px solid var(--ab-line);border-radius:2px;
  font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ab-ink-soft);
  white-space:nowrap;cursor:pointer;transition:.2s;
}
.about-page .ab-cat__tab span:hover{border-color:var(--ab-ink)}
.about-page .ab-cat__tab input:checked + span{background:var(--ab-ink);color:var(--ab-white);border-color:var(--ab-ink)}
.about-page .ab-cat__panel[hidden]{display:none}
/* мягкое переключение табов: панель проявляется при каждом показе
   (display none -> block перезапускает анимацию) */
.about-page .ab-cat__panel:not([hidden]){animation:ab-panel-in .45s ease both}
@keyframes ab-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* краткое описание направления (UF_HEADER_TEXT) — догоняет панель с лёгкой задержкой;
   типографика — как у лида в hero (.ab-hero-lead) */
.about-page .ab-cat__desc{
  max-width:62ch;margin:0 0 26px;
  font-size:18px;line-height:1.5;color:var(--ab-ink-soft);font-weight:500;
}
.about-page .ab-cat__panel:not([hidden]) .ab-cat__desc{animation:ab-desc-in .55s ease .1s both}
@keyframes ab-desc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.about-page .ab-cat .swiper{overflow:hidden}
/* длинная плавная кривая движения ленты (ease-out-quart) */
.about-page .ab-cat .swiper-wrapper{transition-timing-function:cubic-bezier(.25,1,.5,1)}
.about-page .ab-cat .swiper-slide{height:auto}
.about-page .ab-cat-card{
  display:flex;flex-direction:column;height:100%;background:var(--ab-white);
  border:1px solid var(--ab-line-soft);border-radius:2px;padding:0 0 22px;
  color:var(--ab-ink);text-decoration:none;transition:border-color .2s;
}
.about-page .ab-cat-card:hover{border-color:var(--ab-ink)}
/* соотношение сторон через padding-hack (как .main-set__image:before в оригинале) —
   надёжнее aspect-ratio и совпадает с пропорциями картинок коллекций */
.about-page .ab-cat-card__media{position:relative;background:var(--ab-plate);overflow:hidden;margin-bottom:18px}
.about-page .ab-cat-card__media::before{display:block;content:"";width:100%;padding-top:63%}
.about-page .ab-cat-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-page .ab-cat-card__title{font-size:18px;font-weight:500;padding:0 22px;line-height:1.25}
.about-page .ab-cat-card__text{font-size:14px;color:var(--ab-muted);font-weight:300;margin-top:6px;padding:0 22px;flex:1 1 auto}
/* раскладка внутри карточки; внешний вид ссылки даёт глобальный .border-link */
.about-page .ab-cat-card__go{margin-top:16px;padding:0 22px}
.about-page .ab-cat__all{display:block;max-width:max-content;margin:32px auto 0}

@media(max-width:767px){
  .about-page .ab-cat__nav{display:none}
  .about-page .ab-cat__head{margin-bottom:20px}
}

/* final */
.about-page .ab-final{background:var(--ab-white);text-align:center;padding:110px 0;border-top:1px solid var(--ab-line-soft)}
.about-page .ab-slogan{margin:0 auto}
/* акцент: имя бренда — герой финала */
.about-page .ab-slogan__logo{
  display:block;width:clamp(130px,17vw,190px);height:auto;margin:0 auto;
  color:var(--ab-ink);overflow:visible;
}
.about-page .ab-slogan__text{
  display:block;margin:20px auto 0;max-width:30ch;
  font-size:clamp(20px,2.4vw,30px);line-height:1.25;
  font-weight:400;letter-spacing:-.01em;color:var(--ab-ink-soft);
}
.about-page .ab-btn{display:inline-block;margin-top:38px;background:var(--ab-ink);color:var(--ab-white);text-decoration:none;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:16px 34px;border-radius:2px;transition:.2s;border:1px solid var(--ab-ink);font-weight:300}
.about-page .ab-btn:hover{background:var(--ab-white);color:var(--ab-ink)}

/* scroll-reveal (фолбэк без GSAP) */
.about-page .ab-reveal{opacity:0;transform:translateY(18px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.about-page .ab-reveal.ab-in{opacity:1;transform:none}
/* GSAP-режим: скрытием/показом управляет GSAP, CSS-переход отключён */
.ab-gsap .about-page .ab-reveal{opacity:1;transform:none;transition:none}
/* увертюра hero: до инициализации текст скрыт (JS гарантированно возвращает видимость) */
.has-js .about-page .ab-hero__text > *{opacity:0}

/* сплит заголовков: слова в масках, появление «из-под линии» */
.about-page .ab-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.about-page .ab-w__i{display:inline-block;will-change:transform}

/* финальный слоган: побуквенное проявление из блюра */
.about-page .ab-fw{display:inline-block;white-space:nowrap}
.about-page .ab-fl{display:inline-block;will-change:filter,transform,opacity}

/* тонкое «плёночное» зерно на hero */
.about-page .ab-hero::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


@media(max-width:880px){
  .about-page .ab-hero-grid,
  .about-page .ab-mission-grid,
  .about-page .ab-ethics-grid{grid-template-columns:1fr}
  .about-page .ab-hero__text{padding:40px 0 0}
  .about-page .ab-hero h1{width:100%}
  .about-page .ab-mission-grid{gap:32px}
  .about-page .ab-mission-logo img{max-width:96px}
  .about-page .ab-hero-media{margin:28px 0 40px;order:2}
  .about-page .ab-index{grid-template-columns:repeat(2,1fr)}
  .about-page .ab-index .ab-cell:nth-child(2){border-right:none}
  .about-page .ab-council-grid{grid-template-columns:1fr;gap:40px}
  .about-page .ab-cstep{grid-template-columns:72px 1fr;gap:20px;padding:28px 0}
  /* производство: цифры в столбик */
  .about-page .ab-prod-stats{grid-template-columns:1fr;margin-bottom:48px}
  .about-page .ab-pstat{padding:28px 0 0}
  .about-page .ab-pstat + .ab-pstat{padding-left:0;border-left:none;border-top:1px solid var(--ab-line-soft);margin-top:28px}
  .about-page .ab-quality-line{grid-template-columns:1fr;gap:22px}
  /* тестирование: этапы в столбик, линия-прогресс скрыта */
  .about-page .ab-steps{grid-template-columns:1fr;gap:0;padding-top:0}
  .about-page .ab-steps__track{display:none}
  .about-page .ab-step{display:flex;gap:20px;align-items:baseline;padding:20px 0;border-top:1px solid var(--ab-line)}
  .about-page .ab-step::before{display:none}
  .about-page .ab-step .ab-n{font-size:24px;flex:0 0 auto}
  .about-page .ab-step p{margin:0;max-width:none}
  /* этика: манифесты в столбик */
  .about-page .ab-ethics{padding:64px 0}
  .about-page .ab-ecard{padding:0}
  .about-page .ab-ecard + .ab-ecard{border-left:none;border-top:1px solid var(--ab-line);margin-top:40px;padding-top:40px}
  .about-page .ab-award-grid{grid-template-columns:repeat(2,1fr)}
  .about-page .ab-clinic-list{grid-template-columns:1fr}
  .about-page .ab-section{padding:64px 0}
}
@media(prefers-reduced-motion:reduce){
  .about-page .ab-reveal{transition:none;opacity:1;transform:none}
  .about-page .ab-cat__desc,
  .about-page .ab-cat__panel:not([hidden]){animation:none}
}

/* End */
/* /about/about.css?178401637626732 */