.about-page { background: var(--light); }
.about-page .advantages { margin-top: 50px; }
.about-page .desktop-nav__group { border-left: 0; }
.about-cover { position:relative; display:flex; min-height:605px; padding:240px 3.125vw 60px; align-items:flex-end; overflow:hidden; }
.about-cover__title,.about-section-title { font-family:"LT Superior",Arial,sans-serif; font-weight:450; line-height:1; }
.about-cover__title { font-size:130px; }
.about-hero { height:903px; overflow:hidden; }
.about-hero img { width:100%; height:100%; object-fit:cover; }
.about-page .company-intro__copy p { width:100%; max-width:none; }
.about-section-title { font-size:130px; }
.about-section-title span { display:inline-block; width:34%; }
.about-leadership article>p,.about-clients__copy { font-size:16px; line-height:1.4; text-transform:uppercase; }
.about-leadership { padding:80px 3.125vw; }
.about-leadership__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:80px 20px; margin-top:70px; }
.about-leadership__photo { width:100%; aspect-ratio:435/463; overflow:hidden; background:var(--blue); }
.about-leadership__photo img { width:100%; height:100%; object-fit:cover; }
.about-leadership__photo { display:block; padding:0; border:0; color:inherit; cursor:pointer; }
.about-leadership h3 { margin:30px 0 10px; font-family:"LT Superior",Arial,sans-serif; font-size:40px; font-weight:450; line-height:1; }
.about-career { display:grid; grid-template-columns:1fr 1fr; padding:80px 3.125vw 0; }
.about-career__label { font-size:16px; text-transform:uppercase; }
.about-career__content { max-width:848px; }
.about-career__content>p { font-family:"LT Superior",Arial,sans-serif; font-size:30px; line-height:1.1; }
.about-career__button { width:318px; height:80px; margin-top:40px; font-size:19px; }
.about-career__image { grid-column:1/-1; height:623px; margin-top:70px; overflow:hidden; }
.about-career__image img { width:100%; height:100%; object-fit:cover; object-position:center 66%; }
.about-clients { position:relative; overflow:hidden; }
/* Заголовок стоит по своей длине, но не длиннее колонки: правка из админки
   переносится на вторую строку, а не уезжает за экран (на мобильном) и не
   наползает на логотипы (на десктопе — предел до второй линии, 66.3021vw). */
.about-clients .about-section-title { width:max-content; max-width:100%; }
.about-clients__copy { width:388px; }
.about-clients__logos { display:flex; flex-wrap:wrap; justify-content:center; }
.about-clients__logos img { display:block; flex:0 0 auto; object-fit:contain; mix-blend-mode:multiply; transform:scale(1); transform-origin:center; transition:transform 420ms cubic-bezier(.22,1,.36,1); will-change:transform; }

@media(hover:hover) and (pointer:fine){
 .about-clients__logos img:hover{transform:scale(1.1)}
}

.leadership-modal__backdrop { position:fixed; z-index:2147483646; inset:0; background:rgba(8,37,84,.28); opacity:0; visibility:hidden; pointer-events:none; transition:opacity 300ms ease,visibility 0s linear 300ms; }
.leadership-modal__backdrop.is-open { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.leadership-modal { --leadership-control-size:clamp(48px,calc(6.6667vw - 48px),80px); --leadership-person-height:clamp(220px,calc(28.5417vw - 171px),377px); position:fixed; z-index:2147483647; top:0; right:0; bottom:0; width:min(1102px,57.4vw); padding:clamp(24px,2.0833vw,40px) clamp(32px,3.125vw,60px); color:var(--light); background:var(--dark); opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(100%,0,0); transition:opacity 420ms ease,transform 500ms cubic-bezier(.55,.085,.68,.53),visibility 0s linear 500ms; will-change:opacity,transform; }
.leadership-modal.is-open,.leadership-modal.is-closing { visibility:visible; }
.leadership-modal.is-open { opacity:1; pointer-events:auto; transform:translate3d(0,0,0); transition-delay:0s; }
.leadership-modal.is-closing { pointer-events:none; transition:opacity 520ms ease,transform 980ms cubic-bezier(.33,1,.68,1),visibility 0s linear 980ms; }
.leadership-modal__header { display:flex; height:var(--leadership-control-size); gap:3px; }
.leadership-modal__pager { display:flex; flex:1; align-items:center; justify-content:space-between; color:var(--dark); background:var(--light); font-family:"LT Superior",Arial,sans-serif; font-size:clamp(18px,calc(2.0833vw - 10px),30px); line-height:1.1; }
.leadership-modal__pager button,.leadership-modal__close { display:flex; width:var(--leadership-control-size); height:var(--leadership-control-size); align-items:center; justify-content:center; padding:0; border:0; color:var(--dark); background:var(--light); font:inherit; cursor:pointer; }
.leadership-modal__arrow { display:block; width:clamp(18px,calc(1.6667vw - 6px),26px); height:auto; }
.leadership-modal__arrow--prev { transform:rotate(180deg); }
.leadership-modal__close-icon { display:block; width:clamp(16px,calc(1.25vw - 2px),22px); height:clamp(16px,calc(1.25vw - 2px),22px); }
.leadership-modal__body { display:flex; height:calc(100% - var(--leadership-control-size)); min-height:0; flex-direction:column; overflow-y:auto; overscroll-behavior:none; touch-action:pan-y; -webkit-overflow-scrolling:auto; border:1px solid var(--light); border-top:0; scrollbar-color:var(--light) var(--muted); scrollbar-width:thin; }
.leadership-modal__body::-webkit-scrollbar { width:7px; }
.leadership-modal__body::-webkit-scrollbar-track { background:var(--muted); }
.leadership-modal__body::-webkit-scrollbar-thumb { background:var(--light); }
.leadership-modal__person { position:relative; display:flex; min-height:var(--leadership-person-height); flex:0 0 var(--leadership-person-height); align-items:flex-end; gap:clamp(20px,calc(3.3333vw - 24px),40px); padding:clamp(20px,calc(3.3333vw - 24px),40px); border-bottom:1px solid var(--light); background:var(--dark); }
.leadership-modal__person img { width:clamp(150px,calc(20.8333vw - 120px),280px); height:clamp(165px,calc(22.2917vw - 131px),297px); flex:0 0 clamp(150px,calc(20.8333vw - 120px),280px); object-fit:cover; object-position:bottom; }
.leadership-modal__person>div { display:flex; min-width:0; flex:1; flex-direction:column; gap:clamp(12px,1.0417vw,20px); justify-content:center; }
.leadership-modal__person h2 { margin:0; overflow-wrap:normal; word-break:normal; hyphens:none; white-space:normal; font-family:"LT Superior",Arial,sans-serif; font-size:clamp(34px,calc(5vw - 32px),64px); font-weight:450; line-height:1.1; }
.leadership-modal__person p { margin:0; font-size:clamp(12px,calc(1.4583vw - 9px),19px); line-height:1.4; text-transform:uppercase; }
.leadership-modal__details { display:flex; flex:0 0 auto; flex-direction:column; gap:clamp(28px,2.0833vw,40px); padding:clamp(36px,3.125vw,60px) clamp(24px,2.0833vw,40px); }
.leadership-modal__detail { display:grid; grid-template-columns:clamp(140px,9.8958vw,190px) minmax(0,1fr); gap:clamp(24px,2.0833vw,40px); align-items:start; }
.leadership-modal__detail-label { color:var(--muted); font-size:clamp(12px,.8333vw,16px); line-height:1.4; text-transform:uppercase; }
.leadership-modal__detail-value { display:flex; flex-direction:column; gap:clamp(14px,1.0417vw,20px); color:var(--light); font-family:"LT Superior",Arial,sans-serif; font-size:clamp(16px,1.1458vw,22px); font-weight:450; line-height:1.2; }
.leadership-modal__detail-value p { margin:0; }
body.leadership-modal-open { overflow:hidden; }

.leadership-modal__header,.leadership-modal__person,.leadership-modal__details { opacity:0; transform:translate3d(0,18px,0); transition:opacity 360ms ease,transform 620ms cubic-bezier(.22,1,.36,1); }
.leadership-modal.is-open .leadership-modal__header { opacity:1; transform:translate3d(0,0,0); transition-delay:150ms; }
.leadership-modal.is-open .leadership-modal__person { opacity:1; transform:translate3d(0,0,0); transition-delay:230ms; }
.leadership-modal.is-open .leadership-modal__details { opacity:1; transform:translate3d(0,0,0); transition-delay:335ms; }
.leadership-modal.is-closing .leadership-modal__header,.leadership-modal.is-closing .leadership-modal__person,.leadership-modal.is-closing .leadership-modal__details { transition-duration:760ms; }
.leadership-modal--gsap,.leadership-modal--gsap .leadership-modal__header,.leadership-modal--gsap .leadership-modal__person,.leadership-modal--gsap .leadership-modal__details { transition:none!important; }
.leadership-modal--gsap { transform:translate3d(var(--leadership-modal-x,100%),0,0)!important; }

@media (min-width:600px) and (max-width:1199px){
 .about-cover{min-height:430px;padding:240px 4.1667vw 50px}.about-cover__title{font-size:100px}.about-hero{height:550px}
 .about-section-title{font-size:80px}.about-section-title span{width:auto}
 .about-leadership{padding:60px 4.1667vw}.about-leadership__grid{grid-template-columns:repeat(2,1fr);gap:45px 20px;margin-top:80px}.about-leadership h3{font-size:32px;margin:24px 0 8px}.about-leadership article>p{font-size:13px}.leadership-modal{width:100%;padding:24px 32px}
 .about-career{display:block;padding:60px 4.1667vw 0}.about-career__content{max-width:none;margin-top:28px}.about-career__content>p{font-size:30px}.about-career__button{width:239px;height:60px;margin-top:33px;font-size:14px}.about-career__image{height:390px;margin-top:50px}
 .about-clients{min-height:829px;padding:60px 4.1667vw}.about-clients__copy{width:min(469px,91.6667vw);margin-top:45px}.about-clients__logos{width:min(704px,91.6667vw);margin-top:69px;gap:32px 40px}.about-clients__logos img{width:min(208px,calc((100% - 80px)/3));height:auto;aspect-ratio:1}
}
@media(min-width:1200px){
 .about-page .site-header,.about-page .desktop-nav__group{height:10.4167vw}
 .about-page .desktop-nav__group:first-child{left:50.5208vw;width:23.6979vw}
 .about-page .desktop-nav__group:last-child{left:74.2188vw;width:20vw;height:10.4167vw}
 .about-page .desktop-nav__group::before{position:absolute;top:0;left:0;width:1px;height:100%;background:var(--dark);content:"";transition:transform 420ms cubic-bezier(.22,1,.36,1);will-change:transform}
 .about-page.is-scrolled .desktop-nav__group::before{transform:translateY(-100%)}
 .about-clients{display:grid;min-height:54.6875vw;padding:8.3333vw 0 5.7292vw;grid-template-columns:34.7396vw 65.2604vw;align-items:start}.about-clients__intro{padding-left:3.125vw}.about-clients .about-section-title{max-width:calc(66.3021vw - 4.1667vw);font-size:6.7708vw}.about-clients__copy{width:20.2083vw;margin:2.0833vw 0 0 7.9167vw;font-size:.9896vw}.about-clients__logos{display:grid;width:65.2604vw;grid-template-columns:31.5625vw 33.6979vw;grid-auto-rows:12.5vw;row-gap:1.5625vw}.about-clients__logos::before{content:""}.about-clients__logos img{width:12.5vw;height:12.5vw;justify-self:center}
 /* Линию разрывает заголовок, который её пересекает. Границы разрыва берутся
    из фактического бокса заголовка: его публикует initTextBoxVars по метке
    data-box-var="clients-title", остаётся вычесть отступ самой линии от
    верха секции. Заголовок в две строки расширяет разрыв, а не оказывается
    перечёркнутым. Запасные значения — исходные координаты макета. */
 .about-clients{--clients-rule-gap-start:calc(var(--clients-title-top, 8.3333vw) - 2.6042vw);--clients-rule-gap-end:calc(var(--clients-title-bottom, 15.1042vw) - 2.6042vw)}
 .about-clients::before{position:absolute;top:2.6042vw;bottom:2.6042vw;left:34.7396vw;width:1px;background:linear-gradient(to bottom,var(--dark) 0,var(--dark) var(--clients-rule-gap-start),transparent var(--clients-rule-gap-start),transparent var(--clients-rule-gap-end),var(--dark) var(--clients-rule-gap-end),var(--dark) 100%);content:"";pointer-events:none}
 .about-clients::after{position:absolute;top:2.6042vw;bottom:2.6042vw;left:66.3021vw;width:1px;background:var(--dark);content:"";pointer-events:none}
}
@media(min-width:1200px) and (max-width:1919px){
 .about-page .advantages{margin-top:2.6042vw}
 .about-cover{min-height:31.5104vw;padding:12.5vw 3.125vw 3.125vw}.about-cover__title,.about-section-title{font-size:6.7708vw}.about-hero{height:47.0313vw}
 .about-leadership article>p,.about-clients__copy{font-size:.8333vw}.about-leadership{padding:4.1667vw 3.125vw}.about-leadership__grid{gap:4.1667vw 1.0417vw;margin-top:3.6458vw}.about-leadership h3{margin:1.5625vw 0 .5208vw;font-size:2.0833vw}
 .about-career{padding:4.1667vw 3.125vw 0}.about-career__label{font-size:.8333vw}.about-career__content{max-width:44.1667vw}.about-career__content>p{font-size:1.5625vw}.about-career__button{width:16.5625vw;height:4.1667vw;margin-top:2.0833vw;font-size:.9896vw}.about-career__image{height:32.4479vw;margin-top:3.6458vw}
}
@media(max-width:599px){
 .about-cover{min-height:300px;padding:180px 15px 20px}.about-cover__title{font-size:60px}.about-hero{height:420px}.about-hero img{object-position:center}
 .about-section-title{font-size:50px}.about-section-title span{display:block;width:auto}
 .about-leadership{padding:40px 15px}.about-leadership__grid{display:flex;gap:24px;margin-top:50px;flex-direction:column}.about-leadership__photo{aspect-ratio:345/364}.about-leadership h3{font-size:32px;margin:16px 0 6px}.about-leadership article>p{font-size:14px}.leadership-modal{--leadership-control-size:48px;--leadership-person-height:210px;width:100%;padding:14px 15px}.leadership-modal__pager{font-size:18px}.leadership-modal__body{height:calc(100% - var(--leadership-control-size))}.leadership-modal__person{gap:14px;padding:16px;align-items:flex-end}.leadership-modal__person img{width:100px;height:115px;flex-basis:100px;object-position:bottom}.leadership-modal__person h2{font-size:28px}.leadership-modal__person p{font-size:14px}.leadership-modal__details{gap:28px;padding:32px 20px}.leadership-modal__detail{display:block}.leadership-modal__detail-label{margin-bottom:10px;font-size:14px}.leadership-modal__detail-value{font-size:18px}
 .about-career{display:block;padding:35px 15px 0}.about-career__label{font-size:13px}.about-career__content{margin-top:28px}.about-career__content>p{font-size:20px;line-height:1.1}.about-career__button{width:223px;height:56px;margin-top:48px;font-size:14px}.about-career__image{height:240px;margin-top:38px}.about-career__image img{object-position:center}
 .about-clients{min-height:756px;padding:45px 15px 70px}.about-clients__copy{width:344px;margin-top:21px;font-size:14px}.about-clients__logos{width:345px;margin-top:56px;gap:35px 15px}.about-clients__logos img{width:165px;height:150px}
}

/* О компании: внешние отступы только адаптивных секций. */
@media (max-width: 599px) {
body[data-site-page="about"] .company-intro,
body[data-site-page="about"] .advantages,
body[data-site-page="about"] .about-leadership,
body[data-site-page="about"] .about-career,
body[data-site-page="about"] .about-clients { padding-top: 50px; padding-bottom: 50px; }
body[data-site-page="about"] .advantages { margin-top: 0; min-height: 0; border-bottom: 0; }
body[data-site-page="about"] .about-clients { min-height: 0; }
}

/* Лестница в третьей секции повторяет геометрию и общую GSAP-анимацию
   блока на главной. Текст и сетка страницы «О компании» не меняются. */
@media (max-width: 599px) {
  body[data-site-page="about"] .company-intro { min-height: 660px; }
  body[data-site-page="about"] .company-intro__steps span { height: 25%; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(1) { top: 0; left: 0; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(2) { top: 25%; left: 13.0667%; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(3) { top: 50%; left: 30.9333%; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(4) { top: 75%; left: 51.4667%; }
}

@media (min-width: 600px) and (max-width: 1199px) {
  body[data-site-page="about"] .company-intro { min-height: 710px; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(1) { top: 0; left: 0; height: 220px; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(2) { top: 220px; left: 13.0208%; height: 170px; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(3) { top: 390px; left: 30.8594%; height: 170px; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(4) { top: 560px; left: 51.5625%; height: 150px; }
}

@media (min-width: 1200px) {
  body[data-site-page="about"] .company-intro { min-height: 47.0313vw; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(1) { top: 0; left: 0; height: 16.6146vw; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(2) { top: 16.6146vw; left: 6.9792vw; height: 8.4375vw; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(3) { top: 25.0521vw; left: 26.875vw; height: 9.7917vw; }
  body[data-site-page="about"] .company-intro__steps span:nth-child(4) { top: 34.8438vw; left: 50.5208vw; height: 9.5833vw; }
}

@media (min-width: 600px) and (max-width: 1199px) {
body[data-site-page="about"] .company-intro,
body[data-site-page="about"] .advantages,
body[data-site-page="about"] .about-leadership,
body[data-site-page="about"] .about-career,
body[data-site-page="about"] .about-clients { padding-top: 80px; padding-bottom: 80px; }
body[data-site-page="about"] .advantages { margin-top: 0; min-height: 0; }
body[data-site-page="about"] .about-clients { min-height: 0; }
}

@media (max-width: 599px) {
  body[data-site-page="about"] .about-leadership__grid { gap: 40px; }
  body[data-site-page="about"] .about-leadership h3 { margin-top: 20px; }
}