/* =========================================================
   About
   ========================================================= */

.about {
    position: relative;

    width: 1200px;
    min-height: 900px;

    margin: 0 auto;

    background-image: url('/images/home/home_1200.png');
    background-repeat: no-repeat;
    background-position: left top;

    overflow: hidden;
}


/* =========================================================
   Контент
   ========================================================= */

.about-content {
    width: 510px;

    margin-left: auto;

    padding: 38px 70px 10px 0;

    box-sizing: border-box;
}


/* =========================================================
   Верхний текст
   ========================================================= */

.about-intro h1 {
    margin: 0 0 12px;

    font-family: var(--font-heading);
    font-size: 42px;
    line-height: 1.08;
    font-weight: 600;
}

.about-intro p {
    margin: 0 0 18px;

    font-size: 23px;
    line-height: 1.35;
    font-weight: 500;
}


/* =========================================================
   Разделитель
   ========================================================= */

.about-divider {
    width: 315px;
    height: 2px;

    margin: 30px 0;

    background: var(--sand-500);
}


/* =========================================================
   Нижний текст
   ========================================================= */

.about-story h2 {
    margin: 0 0 20px;

    font-family: var(--font-heading);
    font-size: 38px;
    line-height: 1.15;
    font-weight: 500;
}

.about-story p {
    margin: 0 0 22px;

    font-size: 21px;
    line-height: 1.35;
    font-weight: 500;
}


/* =========================================================
   Акцент
   ========================================================= */

.about-accent {
    margin-top: 30px;

    padding-left: 28px;

    border-left: 2px solid var(--sand-500);

    font-size: 25px;
    line-height: 1.35;
    font-weight: 600;
}