/* ══════════════════════════════════════════════════════════════
   PARAMOUNT — LUX REDESIGN LAYER
   A refined "interface" pass that elevates the existing markup to a
   quieter, more editorial luxury standard: larger display type,
   generous architectural whitespace, hairline detailing, and more
   delicate UI chrome. Loads LAST so it refines the base styles.
   Brand brass + dark palette preserved; nothing structural removed.
   ══════════════════════════════════════════════════════════════ */

:root{
  --lux-brass:#c8a96a;
  --lux-brass-lt:#e6cd9c;
  --lux-brass-dp:#9a7d4a;
  --lux-cream:#f3ecdd;
  --lux-ink:#0a0806;
  --lux-line:rgba(200,169,106,0.16);
  --ff-display:'Cormorant Garamond',Georgia,serif;
}

/* ── Rendering & base rhythm ── */
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
body{ font-size:16.5px; line-height:1.85; letter-spacing:0.004em; }

/* ── Architectural whitespace ── */
section{ padding:clamp(96px,11vw,168px) clamp(24px,6vw,104px) !important; }

/* ── Eyebrow labels — hairline + wide tracking ── */
.section-label{
  font-size:10px !important; letter-spacing:0.46em !important; font-weight:500 !important;
  color:var(--lux-brass) !important; display:inline-flex !important; align-items:center; gap:16px;
}
.section-label::before{ content:''; width:30px; height:1px; background:currentColor; opacity:0.55; }
.section-label[style*="center"]::after,
.mfg-head .section-label::after{ content:''; width:30px; height:1px; background:currentColor; opacity:0.55; }

/* ── Display headings — larger, lighter, tighter ── */
.section-title{
  font-family:var(--ff-display) !important; font-weight:300 !important;
  letter-spacing:-0.012em !important; line-height:1.03 !important;
  font-size:clamp(40px,5.2vw,78px) !important;
}
.hero-title{
  font-family:var(--ff-display) !important; font-weight:300 !important;
  letter-spacing:-0.018em !important; line-height:0.9 !important;
  font-size:clamp(58px,9vw,138px) !important; margin-bottom:30px !important;
}
.section-title em, .hero-title em{ font-weight:400 !important; }

/* ── Refined body copy ── */
.body-text{ font-size:16px !important; line-height:1.9 !important; color:var(--text-secondary) !important; }

/* ── Hairline rules ── */
.gold-rule{ height:1px !important; width:46px !important; opacity:0.8; }

/* ── HERO — more air, more poise ── */
.hero{ min-height:100vh; }
.hero-eyebrow{ font-size:10.5px !important; letter-spacing:0.52em !important; margin-bottom:34px !important; }
.hero-sub{ font-size:12px !important; letter-spacing:0.34em !important; margin-bottom:58px !important; color:var(--text-secondary) !important; }
.hero-eyebrow::before,.hero-eyebrow::after{ width:42px !important; }

/* ── BUTTONS — quieter, more couture ── */
.btn-gold,.btn-ghost,.nav-cta,.btn-submit,.prod-link{ border-radius:0 !important; }
.btn-gold,.nav-cta,.btn-submit{
  background:linear-gradient(180deg,var(--lux-brass-lt),var(--lux-brass)) !important;
  color:#1a140c !important; font-weight:600 !important; letter-spacing:0.28em !important;
  font-size:10px !important; padding:17px 42px !important; border:none !important;
  transition:filter .3s, transform .3s, box-shadow .3s !important;
}
.btn-gold:hover,.nav-cta:hover,.btn-submit:hover{ filter:brightness(1.06); box-shadow:0 14px 40px rgba(200,169,106,0.22); }
.btn-ghost{
  background:transparent !important; color:var(--lux-brass) !important;
  border:1px solid var(--lux-line) !important; letter-spacing:0.28em !important;
  font-size:10px !important; padding:16px 40px !important; transition:all .3s !important;
}
.btn-ghost:hover{ border-color:var(--lux-brass) !important; background:rgba(200,169,106,0.06) !important; }
.hero-btns{ gap:24px !important; }

/* ── NAVIGATION — slimmer, more refined ── */
nav#mainNav{ padding:32px clamp(24px,5vw,64px) !important; }
nav#mainNav.scrolled{ padding:16px clamp(24px,5vw,64px) !important; }
.nav-links{ gap:38px !important; }
.nav-links a{ font-size:10px !important; letter-spacing:0.2em !important; font-weight:400 !important; }
.nav-cta{ padding:13px 30px !important; }

/* ── CARDS — thinner lines, deeper hover ── */
.prod-card,.mfg-card,.mat-item,.show3d-card,
.cert-badge,.form-wrap{ border-color:var(--lux-line) !important; }
.prod-card,.show3d-card{ border-radius:0 !important; }
.prod-info{ padding:26px 28px 30px !important; }
.prod-name{ font-size:24px !important; font-weight:400 !important; }
.prod-cat,.show3d-info .prod-cat{ letter-spacing:0.34em !important; }

/* Materials — more refined grid cells */
.mat-item{ padding:34px 18px !important; transition:background .35s, border-color .35s !important; }
.mat-name{ font-size:17px !important; letter-spacing:0.02em; }

/* ── CERT TICKER — calmer ── */
.cert-strip{ background:linear-gradient(90deg,var(--lux-brass-dp),var(--lux-brass) 50%,var(--lux-brass-dp)) !important; padding:15px 0 !important; }
.cert-track span{ letter-spacing:0.36em !important; font-size:9.5px !important; }

/* ── CONTACT form — refined fields ── */
.form-wrap{ padding:clamp(34px,4vw,52px) !important; }
.f-group input,.f-group select,.f-group textarea{
  border-radius:0 !important; border-color:var(--lux-line) !important;
  transition:border-color .3s !important; font-size:14px !important;
}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{ border-color:var(--lux-brass) !important; outline:none !important; }
.form-title{ font-family:var(--ff-display) !important; font-weight:300 !important; }

/* ── FOOTER — quieter ── */
footer{ padding-top:clamp(80px,9vw,120px) !important; }
.f-col h4{ letter-spacing:0.28em !important; font-size:10px !important; }
.f-col ul a{ transition:color .25s, padding-left .25s !important; }
.f-col ul a:hover{ padding-left:6px; color:var(--lux-brass) !important; }

/* ── Selection & scrollbar polish ── */
::selection{ background:var(--lux-brass); color:#120d07; }
::-webkit-scrollbar{ width:4px; }
::-webkit-scrollbar-thumb{ background:var(--lux-brass-dp); }

/* ── IVORY MANIFESTO — light/dark editorial rhythm ── */
.lux-manifesto{
  background:linear-gradient(165deg,#f4ecdd 0%,#ece0c9 100%);
  color:#2a2014; text-align:center;
  padding:clamp(110px,14vw,190px) clamp(24px,6vw,104px) !important;
  position:relative; overflow:hidden;
}
.lux-manifesto::before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:0.5;
  background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(200,169,106,0.18),transparent 60%);
}
.lux-manifesto .lux-mani-eyebrow{
  position:relative; font-family:var(--ff-body,'Jost',sans-serif); font-size:10px;
  letter-spacing:0.5em; text-transform:uppercase; color:#9a7d4a; margin-bottom:34px;
  display:inline-flex; align-items:center; gap:16px;
}
.lux-manifesto .lux-mani-eyebrow::before,.lux-manifesto .lux-mani-eyebrow::after{ content:''; width:34px; height:1px; background:#b8995f; }
.lux-manifesto blockquote{
  position:relative; max-width:1000px; margin:0 auto;
  font-family:var(--ff-display); font-weight:300; font-style:italic;
  font-size:clamp(30px,4.4vw,60px); line-height:1.22; letter-spacing:-0.01em; color:#231a10;
}
.lux-manifesto blockquote em{ font-style:normal; color:#9a7d4a; }
.lux-manifesto .lux-mani-sig{
  position:relative; margin-top:42px; font-size:10px; letter-spacing:0.4em;
  text-transform:uppercase; color:#7c6748;
}
.lux-manifesto .lux-mani-rule{ width:48px; height:1px; background:#b8995f; margin:42px auto 0; position:relative; }

@media(max-width:760px){
  .nav-links{ gap:24px !important; }
}