/*section La Maison*/

.la-maison-section {
    height: 100vh;
    overflow: hidden;
    height: 60vw;

}

.la-maison-section .padding-global {
    height: 100%;
    margin-top: 5vw;
}

.lm-card-1 img {
    object-position: right;
}
.lm-card-2 img {
    object-position: left;
}


.lm-card-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.lm-card-2 img {
    /* width: 95% !important; */
    transform: scale(.95) translate(-3%, 2%);
}

.lm-cards-wrapper {
    display: flex;
    gap: 0.3vw;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.lm-card-wrapper {
    position:relative; 
    display:flex;
    justify-content: center;
    text-align: center;
    padding: var(--spacing-64);
    /*transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);*/
    will-change: transform;
    aspect-ratio: 675 / 840;
    height: 100%;
    width: 38vw;
}

.lm-card-media {
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--blue-gradient);
}

.lm-card-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lm-card-media img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.lm-card-content {
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.lm-card-content-top{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lm-card-content-top p {
    max-width: 300px;
}

.lm-card-wrapper .button {
    opacity: 0;
}

a.lm-card-wrapper {
    cursor:pointer;
}

@media (min-width: 1025px) {
    .lm-card-wrapper:hover .button {
        opacity: 1;
    }

    .lm-card-wrapper:hover .button.button-outline.button-outline-white {
        background-color: var(--white);
        color: var(--dark-blue);
    }
}


@media (max-width: 991px) { 
        /*La maison section*/



        .la-maison-section {
            min-height: 200vh;
            overflow:visible;
            height:auto;
        }
    
        .la-maison-section .padding-global {
            padding:0px;
            width: 100vw;
            height: 100vh;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            overflow: hidden;
        }
    
        .lm-cards-wrapper {
            width: 200vw;
            display: flex;
            gap:0px;
        }
    
        .lm-card-wrapper {
            height: 100vh;
            padding-top: 100px;
            width: 100vw;
        }
    
        .lm-card-wrapper .button {
            opacity: 1;
        }
    
        .lm-card-content {
            max-height:95%;
        }
        
}

@media (max-width: 767px) {  
    .lm-card-wrapper {
        padding-top: 36vw;
    }

    .lm-card-content {
        max-height: 85%;
    }
}