/* ============================================
   О КОМПАНИИ - MAIN STYLES
   Главный файл стилей страницы "О компании"
   ============================================ */

@import url('../base.css');
@import url('../components.css');
@import url('../header.css');
@import url('../footer.css');

@import url('section-hero.css');
@import url('section-awards.css');
@import url('section-mission.css');
@import url('section-positioning.css');
@import url('../section-competence.css');
@import url('section-equipment.css');
@import url('section-history.css');
@import url('section-partners.css');

.about-page {
    background-color: var(--color-bg-cream);
    color: var(--color-text);
}

.about-container {
    max-width: var(--content-max-width);
    margin: 0 auto;
    padding: 0 var(--content-padding-inline);
}

.about-section-title {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 52px;
    line-height: 0.9;
    letter-spacing: -0.02em;
    margin: 0 0 16px;
}

.about-section-text {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: rgba(32, 32, 32, 0.9);
    margin: 0;
}

@media (min-width: 1920px) {
    .about-section-title {
        font-size: 62px;
    }

    .about-section-text {
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .about-section-title {
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    .about-container {
        padding: 0 24px;
    }

    .about-section-title {
        font-size: 34px;
    }
}

@media (max-width: 576px) {
    .about-container {
        padding: 0 15px;
    }

    .about-section-title {
        font-size: 28px;
        line-height: 1.1;
    }

    .about-section-text {
        font-size: 14px;
        line-height: 1.3;
    }
}