@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Poppins:wght@300;400;500&display=swap");
:root{
  --gold:#d8b46a;
  --gold-light:#f4e2b8;
}
/* =========================
   PREMIUM BANNER (Optimized)
========================= */
.luxury-banner{
  position:relative;
  width:100%;
  height:320px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(rgba(15,10,8,.55), rgba(8,6,5,.75)),
    url("/Img/Banner.png") center center/cover no-repeat;
  isolation:isolate;
}
/* Soft gold glow (very light) */
.luxury-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at center,
    rgba(216,180,106,.08) 0%,
    transparent 65%);
}
.banner-content{
  position:relative;
  z-index:2;
  width:min(1100px, calc(100% - 40px));
  text-align:center;
}
.banner-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:var(--gold);
  font-family:"Poppins",sans-serif;
  font-size:12px;
  font-weight:500;
  letter-spacing:5px;
  text-transform:uppercase;
}
.banner-title{
  margin:0;
  color:var(--gold-light);
  font-family:"Cinzel",serif;
  font-size:clamp(34px,4.8vw,76px);
  font-weight:500;
  line-height:1;
  letter-spacing:3px;
  white-space:nowrap;
  text-shadow:0 3px 12px rgba(0,0,0,.35);
}
.banner-line{
  width:80px;
  height:3px;
  margin:18px auto;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    transparent,
    var(--gold),
    transparent
  );
}
.banner-text{
  max-width:700px;
  margin:0 auto;
  color:rgba(255,255,255,.85);
  font-family:"Poppins",sans-serif;
  font-size:clamp(14px,1.8vw,18px);
  font-weight:300;
  line-height:1.7;
}
/* =========================
   Tablet
========================= */
@media(max-width:768px){
  .luxury-banner{
    height:260px;
  }
  .banner-eyebrow{
    font-size:11px;
    letter-spacing:4px;
  }
  .banner-title{
    font-size:clamp(28px,5vw,50px);
    letter-spacing:2px;
  }
  .banner-line{
    width:60px;
  }
  .banner-text{
    max-width:90%;
    font-size:14px;
  }
}
/* =========================
   Mobile
========================= */
@media(max-width:480px){
  .luxury-banner{
    height:220px;
  }
  .banner-content{
    width:calc(100% - 24px);
  }
  .banner-eyebrow{
    font-size:9px;
    letter-spacing:3px;
  }
  .banner-title{
    font-size:clamp(22px,6vw,34px);
    letter-spacing:1px;
  }
  .banner-line{
    width:48px;
    margin:14px auto;
  }
  .banner-text{
    font-size:13px;
    line-height:1.6;
  }
}