/* ===================================== */
/* LOUNGE SHOWCASE */
/* ===================================== */

.lounge-showcase{
    width:100%;
    max-width:1597px;
    margin:0 auto;
    padding:50px;
    background:#eef3f4;
    border-radius:30px;
    box-sizing:border-box;
    overflow:hidden;
}

/* TOP */

.lounge-showcase-top{
    max-width:540px;
    margin-bottom:30px;
}

.lounge-showcase-top h2{
    margin:0 0 14px;
    color:#152420;
    font-size:58px;
    line-height:1;
    font-weight:700;
    letter-spacing:-2px;
}

.lounge-showcase-top p{
    margin:0;
    color:#30443f;
    font-size:18px;
    line-height:1.7;
}

/* GRID */

.lounge-showcase-grid{
    display:grid;
    grid-template-columns:42% 58%;
    gap:30px;
    align-items:stretch;
}

/* LEFT */

.lounge-showcase-left{
    display:grid;
    grid-template-rows:auto auto;
    gap:30px;
}

/* SMALL GRID */

.lounge-showcase-small{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

/* CARD */

.lounge-card{
    position:relative;
    overflow:hidden;
    border-radius:22px;
}

.lounge-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* LARGE */

.lounge-card-large{
    min-height:650px;
}

/* MEDIUM */

.lounge-card-medium{
    min-height:340px;
}

/* SMALL */

.lounge-showcase-small .lounge-card{
    min-height:220px;
}

/* LABEL */

.lounge-label{
    position:absolute;
    left:25px;
    bottom:25px;
    background:#ffffff;
    padding:16px 22px;
    border-radius:14px;
    min-width:170px;
    box-sizing:border-box;
}

.lounge-label h3{
    margin:0 0 6px;
    font-size:18px;
    line-height:1.1;
    color:#111;
}

.lounge-label span{
    color:#5d646d;
    font-size:15px;
}

/* RESPONSIVE */

@media (max-width:991px){

    .lounge-showcase-grid{
        grid-template-columns:1fr;
    }

    .lounge-card-large{
        min-height:500px;
    }
}

@media (max-width:767px){

    .lounge-showcase{
        padding:20px;
    }

    .lounge-showcase-top h2{
        font-size:36px;
    }

    .lounge-showcase-small{
        grid-template-columns:1fr;
    }

    .lounge-card-large{
        min-height:420px;
    }

    .lounge-card-medium{
        min-height:280px;
    }

    .lounge-showcase-small .lounge-card{
        min-height:220px;
    }
}