/* --------------------------------
Concierge Page
-------------------------------- */

.concierge{
max-width:1100px;
margin:auto;
padding:80px 20px;
text-align:center;
}


/* title */

.concierge-title{
font-size:46px;
margin-bottom:18px;
font-weight:700;
}

.concierge-title:after{
content:"";
display:block;
width:80px;
height:3px;
background:linear-gradient(90deg,#844747,#d39fa7);
margin:18px auto 0;
}


/* intro */

.concierge-intro{
max-width:720px;
margin:0 auto 70px;
line-height:1.7;
color:#555;
}


/* tier layout */

.concierge-list{
display:flex;
flex-direction:column;
gap:30px;
}


/* tier card */

.tier-card{
position:relative;
background:#fff;
border:1px solid rgba(0,0,0,.06);
text-align:left;
transition:all .25s ease;
}

.tier-card:hover{
box-shadow:0 16px 40px rgba(0,0,0,.08);
transform:translateY(-4px);
}


/* accent borders */

.tier-gold{
border-left:5px solid #d39fa7;
}

.tier-diamond{
border-left:5px solid #844747;
}

.tier-platinum{
border-left:5px solid #000;
}


/* badge */

.tier-badge{
position:absolute;
top:-12px;
left:25px;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
padding:6px 14px;
background:#000;
color:#fff;
}


/* inner */

.tier-inner{
padding:40px 40px;
}


/* header */

.tier-header h2{
margin:0 0 20px 0;
font-size:24px;
}


/* services */

.tier-services{
list-style:none;
padding:0;
margin:0;
}

.tier-services li{
display:flex;
justify-content:space-between;
padding:12px 0;
border-bottom:1px solid rgba(0,0,0,.05);
font-size:15px;
}

.tier-price{
font-weight:600;
}


/* note box */

.concierge-note{
margin-top:60px;
padding:35px;
background:#f7f2f3;
max-width:760px;
margin-left:auto;
margin-right:auto;
line-height:1.7;
}

.concierge-note h3{
margin-bottom:12px;
}


/* CTA */

.concierge-cta{
margin-top:40px;
display:flex;
justify-content:center;
gap:20px;
}


/* mobile */

@media(max-width:768px){

.tier-inner{
padding:30px;
}

.concierge{
padding:60px 20px;
}

.concierge-list, .concierge-note{
 width: 100vw;
 margin-left: calc(-50vw + 50%);
}
}