/* Страница «about»: собрано build_css.sh из redesigne/css/about.css (.redesign → .body.rd-page). Правки стилей — в /Users/andrejkulikov/projects/mh/www/mhave-rd/local/templates/mhave/redesign/pages/about.local.css или в вёрстке с пересборкой. */
.body.rd-page .ab-page{--ab-gap:96px;             
	--ab-muted:#8C857B;}
.body.rd-page .ab-label{display:inline-flex;align-self:flex-start;align-items:center;padding:9px 16px;border-radius:12px;background:var(--rp-beige);
	font-size:14px;line-height:19px;font-weight:500;color:var(--ab-muted);}
.body.rd-page .ab-h2{margin-top:18px;font-size:40px;line-height:48px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .ab-section-title{font-size:48px;line-height:66px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .ab-hero{display:flex;flex-direction:column;margin-top:4px;background:#fff;border-radius:26.6px;overflow:hidden;}
.body.rd-page .ab-hero__media{position:relative;height:520px;background:var(--rp-beige);}
.body.rd-page .ab-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.body.rd-page .ab-hero__body{display:flex;flex-direction:column;padding:44px 48px 48px;}
.body.rd-page .ab-hero__title{max-width:1300px;margin-top:18px;font-size:48px;line-height:58px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .ab-hero__text{max-width:1100px;margin-top:20px;font-size:20px;line-height:32px;color:var(--ab-muted);}
.body.rd-page .ab-split{display:flex;align-items:center;gap:40px;margin-top:var(--ab-gap);}
.body.rd-page .ab-split__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;}
.body.rd-page .ab-split__media{flex:0 0 calc((100% - 40px) / 2);min-width:0;position:relative;aspect-ratio:860/540;border-radius:20px;overflow:hidden;background:var(--rp-beige);}
.body.rd-page .ab-split__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.body.rd-page .ab-history .ab-h2{line-height:55px;}
.body.rd-page .ab-text{display:flex;flex-direction:column;gap:18px;margin-top:22px;}
.body.rd-page .ab-text p{font-size:18px;line-height:29px;color:var(--ab-muted);}
.body.rd-page .ab-principles__img{position:absolute;left:18.02%;bottom:0;width:60%;height:auto;aspect-ratio:1032/1055;}
.body.rd-page .ab-principles__list{display:flex;flex-direction:column;gap:20px;margin-top:26px;}
.body.rd-page .ab-principle{display:flex;align-items:flex-start;gap:16px;}
.body.rd-page .ab-principle__icon{flex:0 0 24px;width:24px;height:24px;}
.body.rd-page .ab-principle__num{display:none;}
.body.rd-page .ab-principle__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;}
.body.rd-page .ab-principle__title{font-size:19px;line-height:26px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .ab-principle__text{font-size:16px;line-height:25px;color:var(--ab-muted);}
.body.rd-page .ab-stats{margin-top:var(--ab-gap);}
.body.rd-page .ab-stats__list{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;}
.body.rd-page .ab-stat{flex:0 0 calc((100% - 60px) / 4);min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:38px 28px;
	background:#fff;border-radius:20px;text-align:center;}
.body.rd-page .ab-stat__value{font-size:48px;line-height:66px;letter-spacing:-.0208em;color:var(--rp-accent);}
.body.rd-page .ab-stat__label{font-size:16px;line-height:24px;color:var(--ab-muted);}
.body.rd-page .ab-gallery{margin-top:var(--ab-gap);}
.body.rd-page .ab-gallery__list{display:flex;gap:20px;margin-top:40px;}
.body.rd-page .ab-gallery__item{flex:0 0 calc((100% - 60px) / 4);min-width:0;}
.body.rd-page .ab-gallery__link{position:relative;display:block;height:425px;border-radius:20px;overflow:hidden;background:var(--rp-beige);cursor:zoom-in;}
.body.rd-page .ab-gallery__link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.body.rd-page .ab-gallery__link:hover img{transform:scale(1.03);}
.body.rd-page .ab-cta{display:flex;flex-direction:column;align-items:center;margin-top:var(--ab-gap);padding:56px 48px 60px;border-radius:26.6px;background:var(--rp-line);text-align:center;}
.body.rd-page .ab-cta__title{font-size:36px;line-height:49px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .ab-cta__text{margin-top:14px;font-size:18px;line-height:25px;color:var(--rp-body);}
.body.rd-page .ab-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;}
.body.rd-page .ab-cta__btn{padding:0 34px;}
.body.rd-page .ab-cta__btn--white{background:#fff;color:var(--rp-ink);}
.body.rd-page .ab-cta__btn--white:hover{background:var(--rp-beige);}
.body.rd-page .ab-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:64px 96px;background:rgba(25,23,19,.88);
	opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.body.rd-page .ab-lightbox.is-open{opacity:1;visibility:visible;}
.body.rd-page .ab-lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:20px;object-fit:contain;}
.body.rd-page .ab-lightbox__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
	background:rgba(255,255,255,.12);color:#fff;transition:background .2s;}
.body.rd-page .ab-lightbox__btn:hover{background:rgba(255,255,255,.24);}
.body.rd-page .ab-lightbox__btn svg{width:22px;height:22px;}
.body.rd-page .ab-lightbox__btn--close{top:20px;right:20px;}
.body.rd-page .ab-lightbox__btn--prev{left:24px;top:50%;margin-top:-26px;}
.body.rd-page .ab-lightbox__btn--next{right:24px;top:50%;margin-top:-26px;}
.body.rd-page .ab-lightbox__count{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:14px;line-height:20px;color:rgba(255,255,255,.7);}
@media (max-width:1440px){
.body.rd-page .ab-page{--ab-gap:80px;}
.body.rd-page .ab-hero__media{height:auto;aspect-ratio:1760/520;min-height:320px;}
.body.rd-page .ab-gallery__link{height:auto;aspect-ratio:1;}
.body.rd-page .ab-h2{font-size:36px;line-height:44px;}
.body.rd-page .ab-history .ab-h2{line-height:44px;}
.body.rd-page .ab-text p{font-size:17px;line-height:27px;}
}
@media (max-width:1200px){
.body.rd-page .ab-hero__title{font-size:40px;line-height:50px;}
.body.rd-page .ab-hero__text{font-size:18px;line-height:29px;}
.body.rd-page .ab-section-title{font-size:40px;line-height:52px;}
.body.rd-page .ab-split{align-items:flex-start;}
.body.rd-page .ab-split__media{aspect-ratio:1;}
.body.rd-page .ab-stat{flex-basis:calc((100% - 20px) / 2);}
.body.rd-page .ab-principle__title{font-size:17px;line-height:24px;}
.body.rd-page .ab-principle__text{font-size:15px;line-height:23px;}
}
@media (max-width:900px){
.body.rd-page .ab-page{--ab-gap:36px;}
.body.rd-page .ab-label{padding:0;border-radius:0;background:none;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.1333em;text-transform:uppercase;color:var(--rp-rose);}
.body.rd-page .ab-h2,
.body.rd-page .ab-section-title,
.body.rd-page .ab-history .ab-h2{margin-top:12px;font-size:24px;line-height:30px;letter-spacing:-.0208em;}
.body.rd-page .ab-section-title{margin-top:0;}
.body.rd-page .ab-hero{gap:14px;margin-top:0;background:none;border-radius:0;overflow:visible;}
.body.rd-page .ab-hero__media{order:2;height:auto;min-height:0;aspect-ratio:358/240;border-radius:22px;overflow:hidden;background:#EFEAE3;}
.body.rd-page .ab-hero__body{order:1;padding:0;}
.body.rd-page .ab-hero .ab-label{align-self:flex-start;padding:7px 13px;border-radius:100px;background:#F2EFE9;letter-spacing:0;text-transform:none;color:var(--rp-body);}
.body.rd-page .ab-hero__title{margin-top:14px;font-size:26px;line-height:32px;letter-spacing:-.0231em;}
.body.rd-page .ab-hero__text{margin-top:14px;font-size:13px;line-height:20px;color:var(--rp-body);}
.body.rd-page .ab-split{display:block;}
.body.rd-page .ab-split__media{display:none;}
.body.rd-page .ab-text{gap:12px;margin-top:12px;}
.body.rd-page .ab-text p{font-size:13px;line-height:21px;color:var(--rp-body);}
.body.rd-page .ab-principles__list{gap:12px;margin-top:26px;}
.body.rd-page .ab-principle{flex-direction:column;gap:8px;padding:18px;border:1px solid var(--rp-line-3);border-radius:20px;background:#fff;}
.body.rd-page .ab-principle__icon{display:none;}
.body.rd-page .ab-principle__num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100px;background:#F7EDE6;
		font-size:13px;line-height:18px;font-weight:500;color:#A8623F;}
.body.rd-page .ab-principle__body{gap:8px;}
.body.rd-page .ab-principle__title{font-size:17px;line-height:23px;}
.body.rd-page .ab-principle__text{font-size:12.5px;line-height:19px;color:var(--rp-body);}
.body.rd-page .ab-stats__list{gap:12px;margin-top:16px;}
.body.rd-page .ab-stat{flex-basis:calc((100% - 12px) / 2);align-items:stretch;gap:6px;padding:20px 18px;border:1px solid var(--rp-line-3);text-align:left;}
.body.rd-page .ab-stat__value{font-size:30px;line-height:36px;letter-spacing:-.0267em;color:var(--rp-ink-strong);}
.body.rd-page .ab-stat__label{font-size:12px;line-height:17px;}
.body.rd-page .ab-gallery__wrap{padding:0;}
.body.rd-page .ab-gallery__list{gap:12px;margin-top:16px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;
		-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.body.rd-page .ab-gallery__list::-webkit-scrollbar{display:none;}
.body.rd-page .ab-gallery__item{flex:0 0 260px;scroll-snap-align:start;}
.body.rd-page .ab-gallery__link{height:200px;aspect-ratio:auto;background:#EFEAE3;}
.body.rd-page .ab-gallery .rp-hscroll-bar{margin:16px 16px 0;}
.body.rd-page .ab-cta{padding:28px 22px;border-radius:22px;background:#EFEDE7;}
.body.rd-page .ab-cta__title{font-size:22px;line-height:28px;letter-spacing:-.0182em;}
.body.rd-page .ab-cta__text{margin-top:12px;font-size:12.5px;line-height:19px;}
.body.rd-page .ab-cta__actions{align-self:stretch;margin-top:12px;}
.body.rd-page .ab-cta__btn{flex:1 1 100%;height:auto;padding:14px 0;border-radius:15px;font-size:13.5px;line-height:18px;}
.body.rd-page .ab-cta__btn--white{display:none;}
.body.rd-page .ab-lightbox{padding:56px 12px 64px;}
.body.rd-page .ab-lightbox__img{border-radius:14px;}
.body.rd-page .ab-lightbox__btn{width:44px;height:44px;}
.body.rd-page .ab-lightbox__btn--prev,
.body.rd-page .ab-lightbox__btn--next{top:auto;bottom:12px;margin-top:0;}
.body.rd-page .ab-lightbox__btn--prev{left:12px;}
.body.rd-page .ab-lightbox__btn--next{right:12px;}
.body.rd-page .ab-lightbox__btn--close{top:8px;right:8px;}
.body.rd-page .ab-lightbox__count{bottom:24px;}
}

/* ===== about.local.css — поправки под разметку Bitrix/Aspro (дописываются в конец about.css при сборке build_css.sh) ===== */
/* крошки страницы: общее правило .body.rd-page #navigation{margin:0} (id) перебивает отступ .rp-crumbs вёрстки */
.body.rd-page--about .rp-crumbs#navigation{margin-bottom:24px;}
/* Aspro: у ul li — margin-bottom 8px, у ol li — 4px 0 12px; в вёрстке отступы задаёт gap списков */
.body.rd-page--about :where(.rp-content) li{margin:0;}
/* счётчик «2 / 4» во всю ширину окна просмотра перекрывал кнопки ‹ › на мобилке (в вёрстке так же) */
.body.rd-page--about .ab-lightbox__count{pointer-events:none;}

@media (max-width:900px){
	.body.rd-page--about .rp-crumbs#navigation{margin-bottom:14px;}
	/* галерея-слайдер во всю ширину экрана: поля даёт .maxwidth-theme Aspro, а не .rp-container вёрстки */
	.body.rd-page--about .ab-gallery__wrap{margin:0 calc(-1 * var(--rp-gutter, 16px));}
}