/* =========================================================
   About — мобильная версия
   ========================================================= */

    .about {
        position: relative;

        width: 375px;
        min-height: 720px;

        margin: 0 auto;

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

        overflow: hidden;
    }


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

    .about-content {
        width: 100%;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* =====================================================
       Верхняя светлая часть
       ===================================================== */

    .about-intro {
        width: 175px;

        margin-left: 200px;
        padding-top: 30px;
        padding-right: 18px;

        box-sizing: border-box;
    }


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

        font-size: 20px;
        line-height: 1.25;
        font-weight: 600;
    }


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

        font-size: 12px;
        line-height: 1.65;
        font-weight: 500;
    }


    /* Разделитель в верхней части */

    .about-divider {
        width: 58px;
        height: 1px;

        margin: 24px 0;

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


    /* =====================================================
       Нижняя тёмная часть
       ===================================================== */

    .about-story {
        margin-left: 50px;
        padding-top: 40px;
        padding-right: 30px;
        padding-bottom: 28px;

        box-sizing: border-box;

        color: var(--cream-50);
        
        
    }


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

        font-size: 18px;
        line-height: 1.25;
        font-weight: 500;
    }


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

        font-size: 11px;
        line-height: 1.65;
        font-weight: 500;
    }


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

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

        padding-left: 18px;

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

        font-size: 15px;
        line-height: 1.4;
        font-weight: 500;
    }