body .scroll-text {
    align-items: center;
    background-color: var(--background-background-primary);
    display: flex;
    justify-content: center;
    /* min-height: 100dvh; */
    overflow: hidden;
    padding: 180px 20px 180px;
}
    /* padding: 160px 20px 120px; */

    @media(max-width: 767px) {body .scroll-text {
        min-height:0;
        padding: 100px 20px 20px
}
    }

    body .scroll-text .block__inner {
        color: #000;
        margin: 0 auto;
        max-width: 1008px;
        text-align: center;
        width: 100%;
    }

    body .scroll-text__title {
        color: var(--text-text-primary, #041A2A);
        text-align: center;
        font-family: "Corporate A Cond";
        font-size: clamp(56px, calc(56px + (110 - 56) * ((100vw - 390px) / (1728 - 390))), 110px);
        font-style: normal;
        font-weight: 500;
        line-height: 105%;
        letter-spacing: -2.2px;
        margin-bottom: 20px;
        
    }

    body .scroll-text__description {
        color: var(--text-text-primary, #041A2A);
        font-family: "Corporate A Cond";
        font-size: clamp(34px, calc(34px + (60 - 34) * ((100vw - 390px) / (1728 - 390))), 60px);
        font-style: normal;
        font-weight: 500;
        line-height: 106.667%;
        letter-spacing: -1.2px;
        margin: 0 0 20px;
        text-align: center;
    }

    @media (max-width: 767px) {

    body .scroll-text__description {
            display: flex;
            flex-direction: column;
            align-items: center
    }
        }

    body .scroll-text__citation {
        color: var(--text-text-primary, #041A2A);
        text-align: center;
        font-family: "Neue Haas Grotesk Display Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 450;
        line-height: 122.222%;
    }