.culture-section .culture-wrapper {
    display: flex;
    height: 111rem;
}

.culture-section .col-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.culture-section .descriptions {
    display: flex;
    flex-direction: column;
    padding-top: 10.8rem;
    padding-left: 9.5rem;
    position: relative;
}

.descriptions-wrapper {
    position: relative;
    width: 57.1rem;
    height: 100%;
}

.culture-section .description {
    font-family: Helvetica Neue;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 160%;
    max-width: 57rem;
    color: #ffff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.culture-section .options {
    padding: 5.4rem 9.5rem 7rem;
    max-width: 70.4rem;
    width: 100%;
    background: linear-gradient(99deg, rgba(212, 168, 150, 0.4) 0%, rgba(212, 168, 150, 0) 100%);
}

.culture-section .options h2 {
    font-family: Helvetica Neue !important;
    font-weight: 200;
    font-style: italic;
    font-size: 6.4rem;
    line-height: 8rem;
    color: #ffff;
    width: fit-content;
    transition: background-size 0.35s linear, font-weight .2s ease;
    background-size: 0% 6px; 
}

.culture-section .options h2.active {
    cursor: pointer;
    font-weight: 400 !important;
    text-decoration: none;
    display: inline;
    padding-bottom: 0px;
    background-image: linear-gradient(to right, #D4A896 0%, #D4A896 100%);
    background-repeat: no-repeat;
    background-position: 0 54%;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-size: 100% 6px;
}

.culture-section .col-content {
    flex: 1;
    padding-left: 3.8rem;
}

.culture-section .col-content-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.culture-section div.content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.culture-section h2.content__title {
    font-family: Helvetica Neue !important;
    font-weight: 200;
    font-style: italic;
    font-size: 12.8rem;
    line-height: 8rem;
    color: #ffff;
    top: 50rem;
    position: relative;
    z-index: 5;
    opacity: 0;
}

.culture-section h2.content__title:before {
    position: absolute;
    top: -10rem;
    left: -8rem;
    content: '';
    background: url(/wp-content/uploads/sites/2/2025/07/svg-titles.svg);
    width: 15.3rem;
    height: 15.3rem;
}

.culture-section h2.content__title .bold {
    font-weight: 400 !important;
    font-family: Prata !important;
    font-style: normal;
    display: inline;
}

.culture-section .content__img.pos-1 {
    width: 45rem;
    height: 28rem;
    z-index: 3;
    position: absolute;
    left: 6rem;
}

.culture-section .content__img.pos-2 {
    width: 50.7rem;
    height: 32.4rem;
    z-index: 2;
    position: absolute;
    right: 8rem;
    top: 13rem;
}

.culture-section .content__img.pos-3 {
    width: 93rem;
    height: 38rem;
    z-index: 2;
    position: absolute;
    left: 0rem;
    bottom: 7rem;
}

.culture-section .content__img.pos-4 {
    width: 36.8rem;
    height: 26.2rem;
    z-index: 3;
    position: absolute;
    left: 7rem;
    top: 12rem;
}

.culture-section .content__img.pos-5 {
    width: 43rem;
    height: 52.8rem;
    z-index: 3;
    position: absolute;
    right: 9.6rem;
    bottom: 23rem;
}

.culture-section .content__img.pos-6 {
    width: 54.4rem;
    height: 31.5rem;
    z-index: 3;
    position: absolute;
    left: -2.3rem;
    bottom: 14rem;
}

.culture-section .content__img.pos-7 {
    width: 36.8rem;
    height: 26.2rem;
    z-index: 3;
    position: absolute;
    top: 12rem;
    left: 7rem;
}

.culture-section .content__img.pos-8 {
    width: 43rem;
    height: 52.8rem;
    z-index: 1;
    position: absolute;
    right: 9.6rem;
    bottom: 23rem;
}

.culture-section .content__img.pos-9 {
    width: 54.4rem;
    height: 31.5rem;
    z-index: 2;
    position: absolute;
    left: -0.9rem;
    bottom: 12rem;
}

.culture-section .content__img.pos-10 {
    width: 36.8rem;
    height: 26.2rem;
    z-index: 3;
    position: absolute;
    top: 12rem;
    left: 7rem;
}

.culture-section .content__img.pos-11 {
    width: 43rem;
    height: 52.8rem;
    z-index: 1;
    position: absolute;
    right: 9.6rem;
    bottom: 23.6rem;
}

.culture-section .content__img.pos-12 {
    width: 54.4rem;
    height: 31.5rem;
    z-index: 2;
    position: absolute;
    left: -2.3rem;
    bottom: 14rem;
}

.culture-section .content__img {
    will-change: clip-path, filter;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.content__img-inner {
    background-size: cover;
    background-position: 50% 0%;
    width: 100%;
    height: 100%;
}


.page-id-2067 .culture-section .options h2 {
    font-size: 4.4rem;
    line-height: 7rem;
}


@media (max-width: 767px) {
    .culture-section .culture-wrapper {
        height: 117rem;
        flex-direction: column;
    }
    .culture-section .descriptions {
        flex-direction: column;
       padding-top: 4.6rem;
        padding-left: 3.5rem;
        padding-right: 3.8rem !important;
        position: relative;
    }
    .descriptions-wrapper {
        width: 100%;
        height: 28rem;
    }
    .culture-section .description {
        max-width: 100% !important;
        width: 100%;
        font-size: 1.6rem;
        line-height: 134%;
    }
    .culture-section .options {
        padding: 2.2rem 3.2rem 2.9rem;
    }
    .culture-section .options h2{ 
        font-size: 4rem;
        line-height: 6rem;
    }
    .culture-section h2.content__title {
        display: NONE;
    }
    
    .culture-section .content__img.pos-10,
    .culture-section .content__img.pos-7,
    .culture-section .content__img.pos-4,
    .culture-section .content__img.pos-1 {
        width: 24.5rem;
        height: 15rem;
        z-index: 3;
        position: absolute;
        left: 0;
        top: 2.3rem;
    }
    .culture-section .content__img.pos-11,
    .culture-section .content__img.pos-8,
    .culture-section .content__img.pos-5,
    .culture-section .content__img.pos-2 {
        width: 28.9rem;
        height: 18.6rem;
        z-index: 2;
        position: absolute;
        right: .5rem;
        top: 16rem;
    }
    .culture-section .content__img.pos-12,
    .culture-section .content__img.pos-9,
    .culture-section .content__img.pos-6,
    .culture-section .content__img.pos-3 {
        width: 33rem;
        height: 14rem;
        z-index: 2;
        position: absolute;
        left: 0rem;
        bottom: 3.6rem;
    }
    .culture-section .col-content {
        padding-left: 0rem;
    }
    
    .hide-desktop h2 {
        display: block !important;
        top: 0 !important;
        opacity: 1 !important;
        font-size: 4.8rem !important; 
        padding-left: 3rem
    }
    
    .culture-section h2.content__title:before {
        top: -3rem;
        left: -1rem;
        width: 8.7rem;
        height: 8.7rem;
        background-size: contain;
    }
    
    
}

@media (max-width: 375px) {
    .culture-section .descriptions {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important;
    }
    .culture-section .options {
        padding: 2.2rem 2.4rem 2.9rem;
    }
}

@media (max-width: 360px) {
    .hide-desktop h2 {
        font-size: 3.8rem !important;
    }
    
    .culture-section .description{
        font-size: 1.4rem;
    }
}