/* nx-lusso-landing.css — landing «super lusso» (19/10/2026)
   Design: notte profonda + oro, tipografia alta, molto respiro. Nessun colore imposto altrove. */

.nx-lusso {
    --oro: #c9a227;
    --oro-chiaro: #f3d98b;
    --notte: #08090d;
    --notte-2: #0e1118;
    --avorio: #f6f2e9;
    --fumo: #9aa0ab;
    --linea: rgba(201, 162, 39, .28);
    background: radial-gradient(900px 500px at 80% -10%, rgba(201, 162, 39, .16), transparent 60%), var(--notte);
    color: var(--avorio);
    font: 16px/1.65 "Georgia", "Times New Roman", serif;
    margin: 0;
}

.nx-lusso * { box-sizing: border-box; }

.nx-lusso .l-wrap { width: min(1180px, calc(100vw - 40px)); margin: 0 auto; }

/* ---------- testata ---------- */
.nx-lusso .l-top {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; padding: 22px 0;
    border-bottom: 1px solid var(--linea);
}
.nx-lusso .l-marchio {
    font: 700 20px/1 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .34em; text-transform: uppercase; color: var(--oro-chiaro);
    text-decoration: none;
}
.nx-lusso .l-top nav { display: flex; gap: 22px; flex-wrap: wrap; }
.nx-lusso .l-top nav a {
    color: var(--fumo); text-decoration: none;
    font: 500 12px/1 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .16em; text-transform: uppercase;
}
.nx-lusso .l-top nav a:hover { color: var(--oro-chiaro); }

/* ---------- hero ---------- */
.nx-lusso .l-hero { padding: 96px 0 72px; text-align: center; }
.nx-lusso .l-eti {
    font: 600 11px/1 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .42em; text-transform: uppercase; color: var(--oro);
}
.nx-lusso .l-hero h1 {
    font-size: clamp(38px, 6vw, 82px);
    line-height: 1.03; margin: 22px 0 18px; font-weight: 400;
    letter-spacing: -.02em;
}
.nx-lusso .l-hero h1 em { font-style: italic; color: var(--oro-chiaro); }
.nx-lusso .l-hero p {
    max-width: 720px; margin: 0 auto 34px;
    color: var(--fumo); font-size: 18px;
}

/* ---------- bottoni ---------- */
.nx-lusso .l-cta {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 15px 34px; border-radius: 999px;
    background: linear-gradient(135deg, var(--oro), #a8851b);
    color: #151004; text-decoration: none; font-weight: 700;
    font: 700 13px/1 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .18em; text-transform: uppercase;
    box-shadow: 0 16px 40px rgba(201, 162, 39, .28);
    transition: transform .15s ease, filter .15s ease;
}
.nx-lusso .l-cta:hover { transform: translateY(-2px); filter: brightness(1.06); }
.nx-lusso .l-cta--fantasma {
    background: transparent; color: var(--oro-chiaro);
    border: 1px solid var(--linea); box-shadow: none;
}

/* ---------- categorie ---------- */
.nx-lusso .l-griglia {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px; margin: 60px 0 80px;
}
.nx-lusso .l-scheda {
    border: 1px solid var(--linea); border-radius: 18px;
    padding: 26px 22px; background: linear-gradient(180deg, rgba(255,255,255,.03), transparent);
    text-decoration: none; color: inherit;
    transition: transform .18s ease, border-color .18s ease;
}
.nx-lusso .l-scheda:hover { transform: translateY(-3px); border-color: var(--oro); }
.nx-lusso .l-scheda h3 {
    margin: 0 0 8px; font-size: 21px; font-weight: 400; color: var(--avorio);
}
.nx-lusso .l-scheda p { margin: 0; color: var(--fumo); font-size: 14px; }
.nx-lusso .l-scheda .l-num {
    display: block; margin-bottom: 14px;
    font: 600 11px/1 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .3em; color: var(--oro);
}

/* ---------- fascia dichiarazione ---------- */
.nx-lusso .l-fascia {
    padding: 70px 0; text-align: center;
    border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea);
}
.nx-lusso .l-fascia p {
    margin: 0 auto; max-width: 820px;
    font-size: clamp(22px, 3vw, 34px); line-height: 1.35; font-style: italic;
    color: var(--avorio);
}

/* ---------- chiusura ---------- */
.nx-lusso .l-chiusura { padding: 84px 0 90px; text-align: center; }
.nx-lusso .l-chiusura h2 { font-size: clamp(26px, 3.6vw, 44px); margin: 0 0 14px; font-weight: 400; }
.nx-lusso .l-chiusura p { color: var(--fumo); margin: 0 0 30px; }
.nx-lusso .l-piede {
    padding: 26px 0; border-top: 1px solid var(--linea);
    color: var(--fumo); font-size: 12px;
    font: 500 12px/1.6 "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .06em; display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.nx-lusso .l-piede a { color: var(--oro-chiaro); text-decoration: none; }

@media (max-width: 900px) {
    .nx-lusso .l-griglia { grid-template-columns: 1fr 1fr; }
    .nx-lusso .l-hero { padding: 64px 0 48px; }
}
@media (max-width: 560px) {
    .nx-lusso .l-griglia { grid-template-columns: 1fr; }
    .nx-lusso .l-top { flex-direction: column; align-items: flex-start; }
}