.sm-areas-v115 {

    padding:
        clamp(54px, 7vw, 94px)
        0;

    background:
        linear-gradient(
            180deg,
            #fffdf9 0%,
            #f7f1eb 100%
        );

}


.sm-areas-v115__inner {

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin:
        0 auto;

}


.sm-areas-v115__head {

    max-width: 760px;

    margin-bottom: 28px;

}


.sm-areas-v115__eyebrow {

    display: block;

    margin-bottom: 10px;

    color: #a63e72;

    font-size: .78rem;

    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;

}


.sm-areas-v115 h2 {

    margin:
        0
        0
        12px;

    color: #25211f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            2rem,
            4vw,
            3.6rem
        );

    font-weight: 400;

    line-height: 1.05;

}


.sm-areas-v115__head p {

    max-width: 650px;

    margin: 0;

    color: #655b60;

    line-height: 1.65;

}


.sm-areas-v115__grid {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}


.sm-areas-v115__grid span {

    display: inline-flex;

    align-items: center;

    min-height: 42px;

    padding:
        9px
        16px;

    border:
        1px
        solid
        rgba(166,62,114,.18);

    border-radius: 999px;

    background:
        rgba(255,255,255,.84);

    color: #30282c;

    font-size: .92rem;

    font-weight: 650;

    box-shadow:
        0
        8px
        26px
        rgba(33,26,30,.04);

}


@media (max-width: 700px) {

    .sm-areas-v115 {

        padding:
            44px
            0;

    }


    .sm-areas-v115__inner {

        width:
            min(
                100% - 28px,
                1180px
            );

    }


    .sm-areas-v115__grid {

        gap: 8px;

    }


    .sm-areas-v115__grid span {

        min-height: 38px;

        padding:
            8px
            13px;

        font-size: .84rem;

    }

}