/**
 * Position Block — front office
 * Top-center radial glow (reference: views/img/bg-1.png).
 */

.ss-postion-blocks {
    /* background-color: #ffffff; */
    /*background-image: radial-gradient(
        ellipse 25% 29% at 50% 0%,
        #F2C1AE 0%,
        #F2CCB6 10%,
        #F2DCC9 25%,
        #F2EDDF 55%,
        #F2F2F2 90%,
        #ffffff 100%
    );*/
    background-repeat: no-repeat;
    /* gradient - v2 */
    /*background-image: radial-gradient(ellipse 22% 23% at 50% -4%, #F2C1AE 0%, #F2CCB6 7%, #F2DCC9 12%, #F2EDDF 60%, #ffffff 100%);*/
    /* gradient - v3 (active) */
    /* background-image: radial-gradient(
        ellipse 22% 23% at 50% -4%,
        #F2C1AE 0%,
        #F2CCB6 7%,
        #F2DCC9 15%,
        #F2EDDF 67%,
        #ffffff 108%
    ); */
    padding-top: 55px;
}

.ss-postion-blocks .positionblock__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Homepage hero block (#1) — typography + stage overlap */
.ss-postion-blocks .positionblock--1 .positionblock__text {
    max-width: 441px;
    margin: 0 auto;
}

.ss-postion-blocks .positionblock--1 .positionblock__text p {
    font-family: 'Geist', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #222222;
    opacity: 0.7;
    margin: 0;
}

.ss-postion-blocks .positionblock--1 .positionblock__text h2 {
    color: var(--title-dark-color);
    font-family: Instrument Serif, "Times New Roman", Times, serif;
    font-size: 56px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.01em;
    margin: 0;
    line-height: 1;
}

.ss-postion-blocks .positionblock--1 .positionblock__text h3 {
    color: var(--main-color);
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    text-transform: lowercase;
    margin-bottom: 40px;
    line-height: 1;
}

.ss-postion-blocks .positionblock--1 .positionblock__text .icon-check {
    font-weight: 700;
}

.ss-postion-blocks .positionblock--1 .positionblock__stage {
    margin-top: -55px;
}

.ss-postion-blocks .positionblock--1 .positionblock__text.positionblock__text--bottom {
    max-width: unset;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #222222;
    margin-top: 50px;
}

.ss-postion-blocks .positionblock--1 .positionblock__text.positionblock__text--bottom > div {
    display: flex;
    gap: 40px;
}

.ss-postion-blocks .positionblock--1 .positionblock__text.positionblock__text--bottom .icon-check {
    font-weight: 700;
}

.positionblock--1 .positionblock__layer[data-layout-uid="pb-img-5"] {
	max-width: 30%;
}

.positionblock--1 .positionblock__img {
	max-width: 100%;
}

@media (max-width: 768px) {
    .ss-postion-blocks {
        background-image: radial-gradient(
            ellipse 100% 23% at 50% -4%,
            #F2C1AE 0%,
            #F2CCB6 7%,
            #F2DCC9 15%,
            #F2EDDF 67%,
            #ffffff 108%
        );
    }

    .ss-postion-blocks .positionblock--1 .positionblock__stage {
        margin-top: 64px;
    }

    .ss-postion-blocks .positionblock--1 .positionblock__text.positionblock__text--bottom {
        font-size: 18px;
    }

    .ss-postion-blocks .positionblock--1 .positionblock__text.positionblock__text--bottom > div {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .ss-postion-blocks .positionblock--1 .positionblock__text p {
        max-width: 95%;
    }
}