.hero-lux-v30{
  position:relative;
  min-height:610px!important;
  border-radius:38px!important;
  overflow:hidden;
  margin-bottom:18px;
  color:#fff;
  background:#171514;
  box-shadow:0 28px 72px rgba(68,34,16,.30),0 6px 18px rgba(68,34,16,.14);
  isolation:isolate;
}
.hero-lux-v30:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(11,16,18,.72) 0%,rgba(14,16,16,.52) 40%,rgba(18,13,10,.08) 76%),
    linear-gradient(180deg,rgba(8,11,13,.12) 0%,rgba(18,12,9,.03) 48%,rgba(20,12,9,.60) 100%),
    url('https://images.unsplash.com/photo-1776236075194-6bc2a2ebf9e5?auto=format&fit=crop&w=1800&q=92');
  background-size:cover;
  background-position:center 52%;
  transform:scale(1.012);
  z-index:0;
}
.hero-lux-v30:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 82% 31%,rgba(255,188,90,.18),transparent 29%),
    linear-gradient(180deg,transparent 54%,rgba(56,29,17,.24) 100%);
  pointer-events:none;
  z-index:1;
}
.hero-lux-v30>*{position:relative;z-index:2}
.hero-lux__inner{
  min-height:610px;
  display:flex;
  flex-direction:column;
  padding:16px 14px 16px;
}
.hero-lux__destinations{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.hero-lux__destination{
  min-width:0;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 10px;
  color:#fff9e8;
  border:1px solid rgba(255,247,230,.55);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(114,98,87,.54),rgba(56,50,47,.48));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(255,255,255,.08),
    0 8px 22px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,232,193,.03);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  font-size:11.6px;
  font-weight:900;
  letter-spacing:-.02em;
  white-space:nowrap;
  cursor:pointer;
}
.hero-lux__destination-icon{
  width:21px;
  height:21px;
  flex:0 0 21px;
  color:#ffe6ad;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 1px 5px rgba(255,215,145,.14));
}
.hero-lux__destination-icon svg{width:100%;height:100%;display:block}
.hero-lux__destination-label{min-width:0;overflow:hidden;text-overflow:clip}
.hero-lux__content{
  margin-top:28px;
  padding:0 5px 14px;
}
.hero-lux__eyebrow{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border:1px solid rgba(255,248,234,.48);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(112,91,76,.50),rgba(57,49,45,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 8px 20px rgba(0,0,0,.13);
  backdrop-filter:blur(15px) saturate(125%);
  -webkit-backdrop-filter:blur(15px) saturate(125%);
  color:#fff1d3;
  font-size:10.8px;
  line-height:1;
  font-weight:760;
  letter-spacing:.13em;
  white-space:nowrap;
}
.hero-lux__eyebrow i{font-style:normal;opacity:.68}
.hero-lux__content h1{
  margin:17px 0 13px;
  font-size:clamp(42px,11.4vw,52px);
  line-height:.92;
  letter-spacing:-.062em;
  font-weight:950;
  text-wrap:balance;
  text-shadow:0 4px 20px rgba(0,0,0,.26);
}
.hero-lux__content h1 span,.hero-lux__content h1 strong{display:block}
.hero-lux__content h1 span{color:#fff}
.hero-lux__content h1 strong{
  margin-top:7px;
  color:#ffe6a4;
  font-weight:950;
  background:linear-gradient(180deg,#fff4d0 0%,#ffd77f 96%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.12));
}
.hero-lux__content p{
  max-width:96%;
  margin:0;
  color:rgba(255,255,255,.90)!important;
  font-size:14px!important;
  line-height:1.43!important;
  font-weight:640!important;
  letter-spacing:-.012em;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}
.hero-lux__actions{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:9px;
  margin-top:auto;
  padding-top:24px;
}
.hero-lux__cta{
  min-width:0;
  min-height:70px;
  border-radius:999px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 18px;
  align-items:center;
  gap:7px;
  padding:11px 14px;
  font-size:13.6px;
  font-weight:920;
  letter-spacing:-.025em;
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 13px 28px rgba(0,0,0,.20);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.hero-lux__cta:active{transform:translateY(1px) scale(.992)}
.hero-lux__cta--primary{
  background:linear-gradient(108deg,#f12626 0%,#ff5a21 46%,#ffb31c 100%);
  border-color:rgba(255,206,117,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 32px rgba(225,68,24,.36),0 0 22px rgba(255,154,38,.14);
}
.hero-lux__cta--glass{
  background:linear-gradient(180deg,rgba(92,76,67,.78),rgba(44,41,40,.76));
  backdrop-filter:blur(16px) saturate(130%);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  border-color:rgba(255,247,235,.50);
}
.hero-lux__cta-icon,.hero-lux__chevron{display:grid;place-items:center}
.hero-lux__cta-icon{width:26px;height:26px}
.hero-lux__chevron{width:18px;height:18px;opacity:.94}
.hero-lux__cta svg{width:100%;height:100%;display:block}
.hero-lux__cta>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}

@media(min-width:560px){
  .hero-lux-v30,.hero-lux__inner{min-height:640px!important}
  .hero-lux__inner{padding:20px}
  .hero-lux__destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px}
  .hero-lux__destination{min-height:66px;font-size:14px;gap:10px;padding:10px 14px}
  .hero-lux__destination-icon{width:27px;height:27px;flex-basis:27px}
  .hero-lux__content{max-width:72%;margin-top:34px;padding:0 8px 18px}
  .hero-lux__eyebrow{font-size:12.5px;padding:12px 18px}
  .hero-lux__content h1{font-size:58px}
  .hero-lux__content p{font-size:16px!important;max-width:88%}
  .hero-lux__actions{grid-template-columns:1fr 1fr;max-width:80%;gap:12px;margin-top:auto;padding-top:30px}
  .hero-lux__cta{min-height:82px;font-size:16px;grid-template-columns:30px minmax(0,1fr) 20px;padding-inline:18px}
  .hero-lux__cta-icon{width:30px;height:30px}.hero-lux__chevron{width:20px;height:20px}
}
@media(max-width:390px){
  .hero-lux-v30,.hero-lux__inner{min-height:590px!important}
  .hero-lux__inner{padding:12px 10px 13px}
  .hero-lux__destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .hero-lux__destination{min-height:50px;padding:7px 8px;font-size:10.8px;gap:6px}
  .hero-lux__destination-icon{width:18px;height:18px;flex-basis:18px}
  .hero-lux__content{margin-top:22px;padding:0 3px 12px}
  .hero-lux__eyebrow{font-size:9.5px;padding:9px 11px;letter-spacing:.105em}
  .hero-lux__content h1{font-size:40px}
  .hero-lux__content p{max-width:100%;font-size:13px!important}
  .hero-lux__actions{margin-top:auto;padding-top:20px}
  .hero-lux__cta{min-height:65px;font-size:12.4px;padding-inline:11px;grid-template-columns:23px minmax(0,1fr) 16px;gap:5px}
  .hero-lux__cta-icon{width:23px;height:23px}.hero-lux__chevron{width:16px;height:16px}
}
@media(max-width:345px){
  .hero-lux-v30,.hero-lux__inner{min-height:570px!important}
  .hero-lux__destination{font-size:9.8px;min-height:47px;padding-inline:5px}
  .hero-lux__destination-icon{width:16px;height:16px;flex-basis:16px}
  .hero-lux__content{margin-top:18px}
  .hero-lux__eyebrow{font-size:8.5px}
  .hero-lux__content h1{font-size:36px}
  .hero-lux__content p{font-size:12.2px!important}
  .hero-lux__actions{margin-top:auto;padding-top:18px}
  .hero-lux__cta{min-height:60px;font-size:11.3px;grid-template-columns:20px minmax(0,1fr) 14px;padding-inline:8px}
  .hero-lux__cta-icon{width:20px;height:20px}.hero-lux__chevron{width:14px;height:14px}
}
