
:root{
  --black:#050505;
  --black-soft:#0b090d;
  --plum:#1a0f20;
  --gold:#d2ab62;
  --gold-soft:#ead39a;
  --ivory:#f6f0e8;
  --muted:#b9adb8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{
  margin:0;
  background:
    radial-gradient(circle at 50% 0%, rgba(64,24,74,.24), transparent 34rem),
    var(--black);
  color:var(--ivory);
  font-family: Georgia, "Times New Roman", serif;
  overflow-x:hidden;
}
a{color:inherit}
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(5,5,5,.92);
  border-bottom:1px solid rgba(210,171,98,.22);
  backdrop-filter:blur(14px);
}
.header-inner{
  max-width:1400px;
  margin:auto;
  height:78px;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.brand img{
  display:block;
  width:150px;
  height:auto;
  max-height:62px;
  object-fit:contain;
}
.nav{display:flex;gap:30px}
.nav a{
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.73rem;
  color:#e7d4aa;
}
.nav a:hover{color:white}
.hero{
  min-height:640px;
  padding:60px 24px 78px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.hero-logo-wrap{
  width:min(620px,88vw);
  height:auto;
  overflow:visible;
  margin-bottom:18px;
}
.hero-logo{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}
.eyebrow{
  color:var(--gold);
  letter-spacing:.34em;
  font-size:.73rem;
  margin:12px 0 18px;
}
h1{
  margin:0;
  font-weight:400;
  font-size:clamp(2.35rem,5vw,5.25rem);
  letter-spacing:.015em;
  line-height:1.04;
}
.intro{
  color:#d5c8d2;
  font-size:clamp(1rem,1.8vw,1.25rem);
  max-width:640px;
  line-height:1.7;
  margin:22px auto 32px;
}
.cta{
  display:inline-block;
  border:1px solid rgba(210,171,98,.72);
  color:var(--gold-soft);
  padding:14px 24px;
  text-transform:uppercase;
  text-decoration:none;
  letter-spacing:.19em;
  font-size:.72rem;
  transition:.2s ease;
}
.cta:hover{
  background:var(--gold);
  color:#120d0b;
}
.showcase-shell{
  background:#fff;
  color:#111;
  border-top:1px solid rgba(210,171,98,.35);
  min-height:900px;
}
.section-heading{
  background:linear-gradient(90deg,#09070a,#190e1d,#09070a);
  color:var(--gold-soft);
  text-align:center;
  letter-spacing:.34em;
  font-size:.76rem;
  padding:17px 20px;
  border-bottom:1px solid rgba(210,171,98,.28);
}
#luxamara-showcase{
  display:block;
  border:0;
  width:100%;
  min-height:1500px;
  background:#fff;
}
.fallback{
  text-align:center;
  padding:20px;
}
footer{
  text-align:center;
  padding:60px 24px 70px;
  border-top:1px solid rgba(210,171,98,.24);
  background:linear-gradient(180deg,#080709,#050505);
}
.footer-brand{
  color:var(--gold-soft);
  font-size:1.15rem;
  letter-spacing:.18em;
}
.footer-brand span{
  display:block;
  margin-top:10px;
  font-size:.75rem;
  letter-spacing:.35em;
  color:#ad78bc;
}
footer p{color:#bfb2bd}
.footer-note{
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.72rem;
  color:#8d828a;
}
@media (max-width:720px){
  .header-inner{height:68px;padding:0 16px}
  .brand img{
  display:block;
  width:150px;
  height:auto;
  max-height:62px;
  object-fit:contain;
}
  .nav{gap:14px}
  .nav a{font-size:.62rem;letter-spacing:.12em}
  .nav a:nth-child(2){display:none}
  .hero{min-height:560px;padding:40px 18px 58px}
  .hero-logo-wrap{
  width:min(620px,88vw);
  height:auto;
  overflow:visible;
  margin-bottom:18px;
}
  #luxamara-showcase{min-height:1800px}
}
