/* /luxury/: el mateix G&P en espai VIP — negre profund, or i tipografia de gamma alta. */
.lux {
  --gold: #d6b26a;
  --gold-soft: #e9d3a1;
  --serif: 'Cormorant Garamond', Georgia, serif;
  background: #050505;
}
.lux main { pointer-events: auto; }
.lux .bar { background: linear-gradient(to bottom, rgba(5, 5, 5, 0.85), rgba(5, 5, 5, 0)); }
.lux .lux-btn { background: var(--gold); border-color: var(--gold); color: #050505; }

.l-hero { position: relative; min-height: 100vh; min-height: 100svh; display: grid; align-items: end; overflow: hidden; }
#chain { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.l-hero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(60% 50% at 50% 42%, rgba(214, 178, 106, 0.1), rgba(5, 5, 5, 0) 70%), linear-gradient(to top, #050505 4%, rgba(5, 5, 5, 0) 45%);
}
.l-hero-copy { position: relative; z-index: 1; padding: 0 var(--gutter) clamp(36px, 8vh, 80px); }
.lux .eyebrow { color: var(--gold); }
.l-title {
  margin: 0; font-family: var(--serif); font-weight: 500; font-size: clamp(3.4rem, 10vw, 9rem); line-height: 0.9;
  letter-spacing: 0.01em; text-transform: none;
}
.l-title em { font-style: italic; color: var(--gold-soft); }
.l-lead { max-width: 44ch; margin: 22px 0 30px; font-family: var(--serif); font-size: clamp(1.15rem, 1.8vw, 1.5rem); line-height: 1.45; text-transform: none; letter-spacing: 0.01em; color: #d8d2c4; }
.l-cta {
  display: inline-block; padding: 17px 28px; border: 1px solid var(--gold); color: var(--gold-soft);
  transition: background 0.4s var(--ease), color 0.4s;
}
.l-cta:hover { background: var(--gold); color: #050505; }

.l-block { padding: 14vh var(--gutter); border-top: 1px solid rgba(214, 178, 106, 0.18); }
.l-statement { max-width: 22ch; margin: 0 auto; font-family: var(--serif); font-weight: 400; font-size: clamp(2rem, 4.6vw, 4.2rem); line-height: 1.08; text-align: center; text-transform: none; letter-spacing: 0; }
.l-kicker { margin: 0 0 32px; color: var(--gold); font-size: 12px; font-weight: 400; }
.l-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0 0 44px; padding: 0; list-style: none; background: rgba(214, 178, 106, 0.18); border: 1px solid rgba(214, 178, 106, 0.18); }
.l-grid li { display: grid; gap: 12px; align-content: end; min-height: 260px; padding: 28px; background: #070707; transition: background 0.5s; }
.l-grid li:hover { background: #0d0b07; }
.l-grid h3 { margin: 0; font-family: var(--serif); font-weight: 500; font-size: clamp(1.6rem, 2.4vw, 2.2rem); line-height: 1.05; text-transform: none; letter-spacing: 0; }
.l-grid p { margin: 0; font-family: var(--serif); font-size: 1.1rem; text-transform: none; letter-spacing: 0; color: #b7b0a2; }
.l-grid span { color: var(--gold); }

.l-seo { background: #050505; border-top: 1px solid rgba(214, 178, 106, 0.18); }
.l-seo h2 { font-family: var(--serif); font-weight: 500; font-stretch: normal; text-transform: none; letter-spacing: 0; }
.l-seo p { color: #bdb6a8; }
.l-seo .seo-links a { color: var(--gold-soft); }
.lux .site-foot { background: #050505; border-top-color: rgba(214, 178, 106, 0.18); }

@media (max-width: 860px) {
  .l-grid { grid-template-columns: 1fr; }
  .l-grid li { min-height: 170px; }
}