/* Ainzay Creation — design tokens (kept identical to the homepage bundle
   so both plugins produce pixel-matching output). */
:root{
  --nxs-ivory:#F6F1E7;
  --nxs-beige:#EAE0CC;
  --nxs-walnut:#6B4429;
  --nxs-olive:#454F3D;
  --nxs-gold:#B08A4E;
  --nxs-gold-light:#D3AF77;
  --nxs-charcoal:#2A2620;
  --nxs-charcoal-soft:#4A453C;
  --nxs-serif:'Fraunces', serif;
  --nxs-sans:'Sora', sans-serif;
}

.nxs-empty{ padding:40px; text-align:center; color:var(--nxs-charcoal-soft); }

/* ---- Buttons ---- */
.nxs-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:16px 34px; font-family:var(--nxs-sans); font-size:.82rem;
  letter-spacing:.08em; text-transform:uppercase; border-radius:2px; cursor:pointer;
  border:1px solid var(--nxs-charcoal); background:transparent; color:var(--nxs-charcoal);
  transition:all .4s ease; text-decoration:none;
  margin:0; box-sizing:border-box; line-height:1.2; font-weight:400;
  -webkit-appearance:none; appearance:none; vertical-align:middle;
}
.nxs-btn-solid{ background:var(--nxs-charcoal); color:var(--nxs-ivory); }
.nxs-btn-ghost{ border-color:rgba(246,241,231,.55); color:var(--nxs-ivory); }
.nxs-btn-ghost:hover{ background:rgba(246,241,231,.12); }
.nxs-btn-solid:hover{ background:var(--nxs-walnut); }

/* ---- Gold brush divider ---- */
.nxs-brush{ width:120px !important; height:14px !important; max-width:120px !important; margin:20px 0; display:block; overflow:hidden; }
.nxs-brush svg{ width:120px !important; height:14px !important; max-width:100% !important; display:block; }
.nxs-brush path{ stroke:var(--nxs-gold); stroke-width:3; fill:none; stroke-linecap:round; }
.nxs-brush-center{ margin-left:auto; margin-right:auto; }

/* ---- Hero (About page: shorter, no buttons) ---- */
.nxs-hero{ position:relative; min-height:70vh; display:flex; align-items:flex-end; overflow:hidden; color:var(--nxs-ivory); }
.nxs-hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; z-index:0; }
.nxs-hero::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(20,16,10,.35), rgba(20,16,10,.78)); z-index:1; }
.nxs-hero-content{ position:relative; z-index:2; padding:0 6vw 60px; max-width:900px; }
.nxs-hero-eyebrow{ font-size:.72rem; letter-spacing:.32em; text-transform:uppercase; color:var(--nxs-gold-light) !important; margin-bottom:14px; }
.nxs-hero-headline{ font-family:var(--nxs-serif); font-size:clamp(2.3rem,5.4vw,4.2rem); line-height:1.08; margin:0 0 18px; color:#F6F1E7; }
.nxs-hero-sub{ font-size:1.05rem; max-width:600px; color:rgba(246,241,231,.88) !important; margin:0; }

/* ---- Philosophy split (Story) ---- */
.nxs-story{ padding:100px 6vw 80px; background:var(--nxs-ivory); }
.nxs-story-grid{ display:grid; grid-template-columns:1fr; gap:56px; align-items:center; max-width:1280px; margin:0 auto; }
@media(min-width:900px){ .nxs-story-grid{ grid-template-columns:1fr 1fr; gap:80px; } }
.nxs-story-reverse{ direction:rtl; }
.nxs-story-reverse > *{ direction:ltr; }
.nxs-story-img{ aspect-ratio:4/5; overflow:hidden; position:relative; }
.nxs-story-img::before{ content:''; position:absolute; inset:-14px; border:1px solid var(--nxs-gold); z-index:-1; }
.nxs-story-img img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block; }
.nxs-story-eyebrow{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:var(--nxs-gold) !important; margin-bottom:10px; }
.nxs-story-headline{ font-family:var(--nxs-serif); font-size:clamp(1.9rem,3.4vw,2.9rem); margin:0; line-height:1.15; color:var(--nxs-charcoal); }
.nxs-story-body{ font-size:1.02rem; max-width:44ch; margin:20px 0 0; color:var(--nxs-charcoal-soft); }

/* ---- Values Grid (About page) — reuses the collections card visual system,
   but description text stays always-visible since these are informational
   principles rather than clickable, hover-to-discover collection links. ---- */
.nxs-collections{ padding:90px 0; background:var(--nxs-beige); }
.nxs-col-grid-head{ max-width:640px; margin:0 auto 50px; padding:0 6vw; }
.nxs-collections-eyebrow{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:var(--nxs-gold) !important; margin-bottom:10px; }
.nxs-col-grid-head h2{ font-family:var(--nxs-serif); font-size:clamp(1.9rem,3.4vw,2.7rem); margin:0; color:var(--nxs-charcoal); }
.nxs-collections-grid{ display:grid; grid-template-columns:1fr; gap:2px; padding:0 6vw; max-width:1280px; margin:0 auto; box-sizing:border-box; }
@media(min-width:700px){ .nxs-collections-grid{ grid-template-columns:repeat(3,1fr); gap:24px; } }
.nxs-col-card{ position:relative !important; aspect-ratio:3/4; overflow:hidden; display:block !important; background:var(--nxs-charcoal); text-decoration:none; }
.nxs-col-card img{ width:100% !important; height:100% !important; object-fit:cover !important; opacity:.82; transition:transform 1.2s ease, opacity .5s ease; position:relative; }
.nxs-col-card:hover img{ transform:scale(1.08); opacity:.55; }
.nxs-col-card::before{ content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(20,16,10,.86), transparent 75%); pointer-events:none; }
.nxs-col-info{ position:absolute !important; left:24px; right:24px; bottom:24px; z-index:2; margin:0 !important; }
.nxs-col-num{ font-family:var(--nxs-serif); font-size:.85rem; color:var(--nxs-gold-light) !important; }
.nxs-col-info h3{ font-family:var(--nxs-serif); font-size:1.35rem; color:var(--nxs-ivory); margin:8px 0 6px; }
/* Values cards: description always visible (no hover-to-reveal, unlike Collections page links) */
.nxs-col-card-static .nxs-col-info p{ font-size:.88rem; color:rgba(246,241,231,.85); margin:0; max-width:30ch; max-height:none !important; opacity:1 !important; }

/* ---- Founder Quote ---- */
.nxs-quote-section{ padding:100px 6vw; text-align:center; background:var(--nxs-olive); }
.nxs-quote-inner{ max-width:820px; margin:0 auto; }
.nxs-quote-eyebrow{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:var(--nxs-gold-light) !important; margin-bottom:16px; }
.nxs-quote-text{ font-family:var(--nxs-serif); font-size:clamp(1.5rem,3vw,2.3rem); line-height:1.4; margin:0; color:#F6F1E7; }

/* ---- Craftsmanship Timeline (mobile-first, matching homepage bundle fix) ---- */
.nxs-timeline{ background:#2A2620; color:#F6F1E7; padding:100px 6vw; }
.nxs-tl-head{ max-width:640px; margin:0 auto 60px; text-align:left; }
.nxs-tl-eyebrow{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:var(--nxs-gold-light) !important; margin-bottom:10px; }
.nxs-tl-head h2{ font-family:var(--nxs-serif); font-size:clamp(1.9rem,3.4vw,2.7rem); margin:0 0 14px; color:#F6F1E7 !important; }
.nxs-tl-head p{ color:rgba(246,241,231,.7) !important; }
.nxs-tl-grid{ display:grid; grid-template-columns:1fr; gap:56px; max-width:1280px; margin:0 auto; position:relative; }
@media(min-width:900px){ .nxs-tl-grid{ grid-template-columns:repeat(4,1fr); gap:30px; } }
.nxs-tl-line{ display:none; position:absolute; top:22px; left:0; right:0; height:1px; background:rgba(246,241,231,.18); z-index:0; }
@media(min-width:900px){ .nxs-tl-line{ display:block; } }
.nxs-tl-item{ position:relative; padding-top:46px; z-index:1; }
.nxs-tl-dot{ position:absolute; top:14px; left:0; width:15px; height:15px; border-radius:50%; background:#2A2620; border:1px solid var(--nxs-gold); }
.nxs-tl-num{ font-family:var(--nxs-serif); font-size:.95rem; color:var(--nxs-gold-light); }
.nxs-tl-item h3{ font-family:var(--nxs-serif); font-size:1.25rem; margin:10px 0; color:#F6F1E7; }
.nxs-tl-item p{ font-size:.9rem; color:rgba(246,241,231,.65) !important; max-width:30ch; margin:0; }

/* ---- CTA Banner (closing section) ---- */
.nxs-cta-banner{ padding:100px 6vw; text-align:center; background:#2A2620; }
.nxs-cta-inner{ max-width:640px; margin:0 auto; }
.nxs-cta-eyebrow{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:var(--nxs-gold-light) !important; margin-bottom:14px; }
.nxs-cta-headline{ font-family:var(--nxs-serif); font-size:clamp(1.8rem,3.2vw,2.5rem); margin:0 0 30px; color:#F6F1E7; }