.heroWrap#spring27 {
    background: url(https://static.wixstatic.com/media/5768dd_98247a28e6e5400398f0cbec79f84fd1~mv2_d_3008_2000_s_2.jpg/v1/fill/w_980,h_666,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/5768dd_98247a28e6e5400398f0cbec79f84fd1~mv2_d_3008_2000_s_2.jpg);
    background-position: center;
    background-size: cover;
    background-color: rgba(27, 28, 23, 0.5);
    background-blend-mode: color-burn;
}

.tagline {
    display: flex;
    flex-direction: column;
}

.tagline h3 {
    color:rgb(253, 251, 247);
}


.basics-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 80vw;
    gap: 50px;
    justify-self: center;
}


.basics-image {
    background: url(https://static.wixstatic.com/media/5768dd_6e44c4f15ae74476a6429e9aa353ca72~mv2.jpg/v1/fill/w_744,h_496,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/5768dd_6e44c4f15ae74476a6429e9aa353ca72~mv2.jpg);
    background-position: center;
    background-size: cover;
    width: 400px;
    height: 600px;

}

.basics-wrap {
    width: 50vw;
    max-width: 550px;
}

.basics-info li {
    font-family: Poppins;
    font-size: 0.9rem;
    color:rgb(36, 41, 15);
}

.basics-info p {
    margin-top: 0px;
}

.basics-title h2 {
    margin-bottom: 10px;
}

.retreat-exclusives#spring-exclusives {
    border: none;
    border-radius: unset;
    width: 80vw;
}

.retreat-info {
    padding-bottom: 50px;
}

.retreat-exclusives-wrap {
    padding-bottom: 0px;
}

#house1 {
    background: url(https://images.trvl-media.com/lodging/18000000/17760000/17755800/17755719/48b5999d.jpg?impolicy=resizecrop&rw=1200&ra=fit);
    background-size: cover;
    background-position: center;
    max-width: 300px;
}


#house2 {
    background: url(https://static.wixstatic.com/media/5768dd_71db544de6594a6a8de488ec4ced1e77~mv2_d_2048_1361_s_2.jpg/v1/fill/w_746,h_496,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/5768dd_71db544de6594a6a8de488ec4ced1e77~mv2_d_2048_1361_s_2.jpg);
    background-size: cover;
    background-position: center;
        max-width: 300px;

}

#house3 {
    background: url(https://static.wixstatic.com/media/5768dd_c2b91c31e18b46a295923fb4596ea110~mv2_d_2048_1361_s_2.jpg/v1/fill/w_746,h_496,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/5768dd_c2b91c31e18b46a295923fb4596ea110~mv2_d_2048_1361_s_2.jpg);
    background-size: cover;
    background-position: center;
        max-width: 300px;

}

#house4 {
    background: url(https://luchixaro.com/wp-content/uploads/2026/04/PXL_20260412_153922965.MP-1.webp);
    background-size: cover;
    background-position: center;
        max-width: 300px;

}

#venue-images {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    width: 80vw;
    min-width: 300px;
    justify-self: center;
    justify-content: center;
}

.venue-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.venue-info {
    width: 40%;
}

.venue-info p, .investment p {
    margin-top: 0px;
}

.venue-info h3, .investment h3 {
    margin-bottom: 10px;
}

.venue-tag {
    width: 80vw;
    max-width: 800px;
    padding-bottom: 30px;
}

h3#venue-tag {
    font-size: 1.7rem;
    text-align: center;
}
.getting-there {
    width: 60%;
}

.getting-there p {
    margin-top: 0px;
}

.investment {
    width: 80vw;
    display: flex;
    flex-direction: row;
    column-gap: 0px;
    row-gap:0px;
    height: fit-content;
    border: 1px solid rgb(36, 41, 15,0.4);
    border-radius: 20px;
    background-color: rgb(36, 41, 15, 0.05);
    margin-top: 30px;

}

.investment i {
    color:rgb(36, 41, 15);
    font-size: 0.75rem;
    font-family: Poppins;
}

.investment div {
    display: flex;
    flex-direction: column;
    text-align: center;
    column-gap: 80px;
    row-gap: 0px;
    width: 100%;
    padding: 20px 40px;
}

.investment h4, .investment p {
    font-size: 0.9rem;
}

.investment p {
    margin-bottom: 10px;
}


.details {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 80vw;
    gap: 60px;
}

/* ##### MOBILE RESPONSIVENESS ##### */

@media screen and (max-width: 540px) {
    #venue-images.cooking-images-wrap {
        flex-direction: column;
        width: 80vw;
    }
    #house1.cooking-image, #house2.cooking-image, 
    #house3.cooking-image, #house4.cooking-image {
        width: 80vw;
    }
    .details, .getting-there, .venue-info {
        flex-direction: column;
        width: 80vw;
        gap: 20px;
    }
    .intro-ethos h4 {
        text-align: center;
    }
    .investment {
        flex-direction: column;
        width: 80vw;
        padding: 20px;
    }
    .investment div {
        width: 80vw;
        padding: 0px;
    }
    .investment h3 {
        margin-top: 10px;
    }
    .basics-text {
        flex-direction: column;
        width: 80vw;
    }
    .basics-text p, .basics-image {
        width: 80vw;
    }
    .basics-text ul {
       width: 60vw;
    }
    .heroWrap#spring27 {
        height: 80vh;
    }
    .heroWrap#spring27 .tagline {
        width: 100vw;
        margin-top: 44vh;
        justify-content: center;
        align-items: center;
        gap: 10px;

    }
    .heroWrap#spring27 .tagline h2 {
        width: 100vw;
    }

    .heroWrap#spring27 .tagline h3{
        font-family: Poppins;
        font-size: 0.95rem;
        font-weight: 500;
        color:rgb(253, 251, 247);
    }



}