.services-page {
    width:min(1210px,calc(100% - 64px));
    margin:0 auto;
    color:#fff;
    padding:180px 0 100px;
}
.services-hero {
    min-height:520px;
    position:relative;
}
.services-hero .spaced-label {
    font:700 10px"Roboto Serif";
    letter-spacing:7px;
    text-transform:uppercase;
    margin-bottom:22px;
}
.services-hero h1 {
    font:400 clamp(72px,8vw,112px)/0.78"Playfair Display SC";
    letter-spacing:-6px;
    text-transform:uppercase;
    margin:0;
        background: linear-gradient(90deg, white, #f87c93 42%);
    color:transparent;
    background-clip:text;
    -webkit-background-clip:text;
    padding-bottom: 5px;
    font-weight: 600;
}
.services-hero p {
    max-width:620px;
    margin:38px 0 0;
    color:#777;
    font:400 14px/2.2 Roboto,sans-serif;
}
.booking-btn {
    font: 700 13px "Roboto Serif";
    letter-spacing: 1.4px;
    text-transform: uppercase;
    background: #fff;
    color: #090909;
    border: 0;
    border-radius: 6px;
    padding: 19px 28px 19px 58px;
    cursor: pointer;
    background-image: var(--calendar);
    background-repeat: no-repeat;
    background-position: 35px center;
    background-size: 23px;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 100px !important;
}
.hero-book {
    margin-top:58px;
    min-width:355px;
    padding-top:22px;
    padding-bottom:22px;
}
.services-nav .nav-nav .active {
    color:#fff;
}
.service-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 22px;
    align-items:stretch;
}
.service-card {
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:8px 8px 18px;
    /* border:1px solid rgba(255,153,81,0.3); */
    border-radius:22px;
    background:linear-gradient(145deg,rgba(255,153,81,0.055),rgba(252,116,151,0.025) 45%,rgba(255,255,255,0.012));
    overflow:hidden;
}
.service-image {
    height:280px;
    border-radius:17px;
    overflow:hidden;
    background:#d9d9d9;
    position:relative;
}
.service-image:after {
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:32%;
    background:linear-gradient(transparent,#070707);
}
.service-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.service-card h2 {
    margin:15px 12px 5px;
    font:600 29px/1"Playfair Display SC";
    text-transform:uppercase;
    background: linear-gradient(90deg, #ffffff, #ffbb6d 80%);
    color:transparent;
    background-clip:text;
    -webkit-background-clip:text;
    font-size: 32px;
    letter-spacing: -1.4px;
}
.service-card>p {
    margin: 10px 12px 6px;
    min-height:48px;
    color:#aaa;
    font:400 13px/1.55 Roboto,sans-serif;
}
.service-list {
    margin:0 12px;
    /* border-top:1px solid rgba(255,255,255,0.12); */
    padding-top:6px;
}
.service-list>div {
    min-height:36px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,0.08);
    font:500 12px/1.25 Roboto,sans-serif;
}
.service-list>div:last-child {
    border-bottom:0;
}
.service-list span {
    position:relative;
    /* padding-left:24px; */
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.service-list span:before {
    /* content:"›"; */
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:16px;
    height:16px;
    border:1px solid #ff9951;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:15px;
    line-height:12px;
}
.service-list strong {
    font-weight:500;
    color:#eee;
    white-space:nowrap;
}
.service-card:nth-child(1),.service-card:nth-child(2),.service-card:nth-child(3) {
    min-height:590px;
}
.service-card:nth-child(4),.service-card:nth-child(5),.service-card:nth-child(6) {
    min-height:530px;
}
.service-card:nth-child(7),.service-card:nth-child(8),.service-card:nth-child(9) {
    min-height:690px;
}
.service-card:nth-child(10),.service-card:nth-child(11) {
    min-height:500px;
}
@media (max-width:900px) {
    .services-page {
        width:min(100% - 40px,700px);
        padding-top:150px;
    }
    .services-hero {
        min-height:480px;
    }
    .services-hero h1 {
        font-size:76px;
        letter-spacing:-4px;
    }
    .service-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .service-card {
        min-height:0!important;
    }
    .services-menu-btn {
        display:flex;
    }
    .services-nav .nav-nav {
        display:none;
    }
}
@media (max-width:620px) {
    .services-page {
        width:calc(100% - 28px);
        padding-top:130px;
    }
    .services-hero {
        min-height:430px;
    }
    .services-hero h1 {
        font-size:clamp(54px,17vw,72px);
        line-height:0.84;
        letter-spacing:-3px;
    }
    .services-hero p {
        font-size:13px;
        line-height:1.9;
    }
    .hero-book {
        min-width:0;
        width:100%;
        margin-top:38px;
    }
    .service-grid {
        grid-template-columns:1fr;
        gap:16px;
    }
    .service-image {
        height:330px;
    }
    .service-card h2 {
        font-size:27px;
    }
}
.services-menu-btn {
    background:none;
    border:0;
    flex-direction:column;
    gap:5px;
}