.about-hero{padding:32px 0 0}
.about-hero__title{font-size:2rem;font-weight:800;color:var(--dark)}

.about-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-split__title{font-size:1.6rem;font-weight:700;margin-bottom:16px;color:var(--dark)}
.about-split__img{border-radius:var(--radius-lg);overflow:hidden}
.about-split__img img{width:100%;height:auto}

.about-stats{background:var(--dark);padding:48px 0}
.about-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.about-stat__number{font-size:2.6rem;font-weight:800;color:var(--primary-light)}
.about-stat__suffix{font-size:1.4rem;font-weight:700;color:var(--primary-light)}
.about-stat__label{font-size:.88rem;color:rgba(255,255,255,.7);margin-top:4px}

.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.about-gallery__item{border-radius:var(--radius);overflow:hidden}
.about-gallery__item img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}
.about-gallery__item:hover img{transform:scale(1.05)}

.about-cta{background:var(--primary);border-radius:var(--radius-lg);padding:48px;text-align:center;color:var(--white)}
.about-cta__title{font-size:1.6rem;font-weight:700;margin-bottom:8px}
.about-cta__text{opacity:.85;margin-bottom:24px}

.about-requisites{background:var(--white);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow)}
.requisites-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.req-item{display:flex;flex-direction:column;padding:12px 16px;border-radius:var(--radius);background:var(--bg)}
.req-item__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.req-item__value{font-size:.9rem;font-weight:500;color:var(--dark);word-break:break-word}

@media(max-width:919px){
    .about-split{grid-template-columns:1fr;gap:24px}
    .about-split__img{order:-1}
    .about-stats__grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .about-gallery{grid-template-columns:repeat(2,1fr)}
    .requisites-grid{grid-template-columns:1fr}
}
@media(max-width:519px){
    .about-hero__title{font-size:1.5rem}
    .about-stats__grid{grid-template-columns:1fr 1fr;gap:16px}
    .about-stat__number{font-size:2rem}
    .about-gallery{grid-template-columns:1fr}
    .about-gallery__item img{height:180px}
    .about-cta{padding:28px 16px}
    .about-requisites{padding:24px 12px}
}
@media(max-width:299px){
    .about-hero__title{font-size:1.2rem}
    .about-stats__grid{grid-template-columns:1fr}
    .about-requisites{padding:16px 8px}
    .req-item{padding:8px 10px}
}