/* Melaaura Home — Contract & Hospitality band. Scoped under .mh-ct.
   Shared fonts/tokens + data-reveal come from melaaura-home-base. */

.mh-ct{ padding:clamp(40px,6vh,80px) clamp(20px,5vw,100px); }
.mh-ct__card{
  position:relative; max-width:1600px; margin:0 auto;
  min-height:clamp(520px,76vh,820px);
  display:flex; align-items:center; overflow:hidden;
  border-radius:var(--mh-ct-radius,28px); background:#000;
}
.mh-ct__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mh-ct__scrim{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.42) 46%, rgba(0,0,0,0.1) 100%); }
.mh-ct__inner{ position:relative; z-index:2; width:100%; padding:clamp(40px,6vw,92px); }
.mh-ct__body{ max-width:620px; color:#FFFFFF; }
.mh-ct__eyebrow{ display:flex; align-items:center; gap:14px; margin-bottom:26px; }
.mh-ct__rule{ width:36px; height:1px; background:var(--mh-gold,#B28C3F); display:block; flex:none; }
.mh-ct__eyebrow span:last-child{ font-size:12px; letter-spacing:0.28em; text-transform:uppercase; color:rgba(255,255,255,0.85); font-weight:500; }
.mh-ct__title{ font-weight:400; font-size:clamp(36px,4.6vw,76px); line-height:1.02; letter-spacing:-0.01em; color:#FFFFFF !important; margin:0 0 26px; }
.mh-ct__text{ font-weight:300; font-size:clamp(15px,1.1vw,17.5px); line-height:1.78; color:rgba(255,255,255,0.85); max-width:520px; margin:0; }
.mh-ct__tags{ display:flex; flex-wrap:wrap; gap:16px 36px; margin-top:38px; padding-top:26px; border-top:1px solid rgba(255,255,255,0.28); font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(255,255,255,0.78); }
.mh-ct__cta-wrap{ margin-top:42px; }
.mh-ct__cta{ display:inline-flex; align-items:center; gap:12px; font-size:12px; letter-spacing:0.16em; text-transform:uppercase; font-weight:500; color:#16130F !important; background:#FFFFFF; border:1px solid #16130F; padding:15px 30px; border-radius:999px; text-decoration:none; transition:background .35s ease, color .35s ease, border-color .35s ease; }
.mh-ct__cta:hover{ background:#16130F; color:#FFFFFF !important; border-color:#16130F; }
.mh-ct__caption{ position:absolute; right:clamp(24px,4vw,68px); bottom:clamp(22px,4vh,40px); z-index:2; color:rgba(255,255,255,0.72); font-size:11px; letter-spacing:0.22em; text-transform:uppercase; }

@media (max-width:767px){
  .mh-ct{ padding:clamp(28px,5vh,48px) 16px; }
  .mh-ct__card{ min-height:0 !important; height:auto !important; aspect-ratio:auto; align-items:stretch; }
  .mh-ct__inner{ padding:0; }
  .mh-ct__body{ max-width:none; padding:clamp(32px,9vw,52px) 22px clamp(78px,20vw,104px); min-height:clamp(440px,82vh,600px); display:flex; flex-direction:column; justify-content:flex-end; }
  .mh-ct__scrim{ background:linear-gradient(0deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.32) 60%, rgba(0,0,0,0.15) 100%); }
  .mh-ct__caption{ display:none; }
}