/* ============================================================
   NÉVORA — Heritage lifestyle store
   Palette: Warm Ivory #F3EBDD · Deep Olive #3F4434 · Espresso #2B241D
            Antique Bronze #A88955 · Taupe #A99A87 · Muted Blush #C9AAA0
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');

:root{
  --ivory:      #F3EBDD;
  --ivory-soft: #F8F1E4;
  --ivory-deep: #EDE3D0;
  --olive:      #3F4434;
  --olive-soft: #565C45;
  --espresso:   #2B241D;
  --bronze:     #A88955;
  --taupe:      #A99A87;
  --blush:      #C9AAA0;

  --ink-70: rgba(43,36,29,.70);
  --ink-55: rgba(43,36,29,.55);
  --hair-bronze: rgba(168,137,85,.45);
  --hair-soft:   rgba(43,36,29,.16);

  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:  'Jost', 'Avenir Next', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --radius: 3px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --container: 1180px;

  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.55'/></svg>");
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--ivory);
  color:var(--espresso);
  font-family:var(--font-sans);
  font-weight:400;
  font-size:16.5px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{ /* paper grain over everything, whisper-quiet */
  content:""; position:fixed; inset:0; z-index:2000; pointer-events:none;
  background-image:var(--grain); opacity:.035; mix-blend-mode:multiply;
}

::selection{ background:var(--olive); color:var(--ivory); }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }

:focus-visible{ outline:2px solid var(--bronze); outline-offset:3px; }

::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--ivory-deep); }
::-webkit-scrollbar-thumb{ background:var(--taupe); border:2px solid var(--ivory-deep); }

.container{ max-width:var(--container); margin-inline:auto; padding-inline:clamp(1.2rem,4vw,3rem); }

h1,h2,h3,h4{ font-family:var(--font-serif); font-weight:500; line-height:1.12; margin:0; }
p{ margin:0 0 1.1em; }
p:last-child{ margin-bottom:0; }

.nv-caps{
  font-family:var(--font-sans); font-weight:600; font-size:.72rem;
  letter-spacing:.34em; text-transform:uppercase; color:var(--bronze);
}

/* ---------- buttons ---------- */
.nv-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  background:var(--olive); color:var(--ivory); border:1px solid var(--olive);
  font-family:var(--font-sans); font-weight:500; font-size:.74rem;
  letter-spacing:.28em; text-transform:uppercase;
  padding:1.05em 2.4em; cursor:pointer; border-radius:var(--radius);
  transition:background .45s var(--ease), border-color .45s var(--ease), transform .45s var(--ease);
}
.nv-btn:hover{ background:var(--espresso); border-color:var(--espresso); transform:translateY(-2px); }
.nv-btn:active{ transform:translateY(0); }

.nv-btn-ghost{
  background:transparent; color:var(--espresso); border:1px solid rgba(43,36,29,.4);
}
.nv-btn-ghost:hover{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }

.nv-btn-bronze{ background:transparent; color:var(--bronze); border:1px solid var(--hair-bronze); }
.nv-btn-bronze:hover{ background:var(--bronze); color:var(--ivory); border-color:var(--bronze); }

.nv-btn[disabled]{ opacity:.45; cursor:not-allowed; }

/* ---------- forms ---------- */
.nv-field{ display:block; margin-bottom:1.35rem; }
.nv-field label{
  display:block; margin-bottom:.45rem;
  font-size:.68rem; font-weight:600; letter-spacing:.3em; text-transform:uppercase; color:var(--taupe);
}
.nv-field input, .nv-field select, .nv-field textarea{
  width:100%; background:var(--ivory-soft); color:var(--espresso);
  border:1px solid rgba(43,36,29,.22); border-radius:var(--radius);
  font-family:var(--font-sans); font-size:.95rem; padding:.85em 1em;
  transition:border-color .35s, box-shadow .35s;
}
.nv-field textarea{ min-height:130px; resize:vertical; }
.nv-field input:focus, .nv-field select:focus, .nv-field textarea:focus{
  outline:none; border-color:var(--olive); box-shadow:0 0 0 3px rgba(63,68,52,.12);
}
.nv-field input::placeholder, .nv-field textarea::placeholder{ color:rgba(169,154,135,.8); }
.nv-field .nv-hint{ font-size:.78rem; color:var(--taupe); margin-top:.35rem; }

.nv-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 1.6rem; }
.nv-form-grid .nv-field--wide{ grid-column:1 / -1; }

/* ============================================================
   ANNOUNCEMENT + HEADER
   ============================================================ */
.nv-announce{
  background:var(--olive); color:var(--ivory); text-align:center;
  font-size:.68rem; font-weight:500; letter-spacing:.3em; text-transform:uppercase;
  padding:.6em 1em;
}
.nv-announce a{ color:var(--ivory); }

.nv-header{
  position:sticky; top:0; z-index:1000;
  background:rgba(243,235,221,.93);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hair-bronze);
}
.nv-header-inner{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  max-width:var(--container); margin-inline:auto; padding:.9rem clamp(1.2rem,4vw,3rem);
}
.nv-brand{ display:flex; align-items:baseline; gap:.55rem; }
.nv-brand .nv-brand-star{ color:var(--bronze); font-size:.6rem; transform:translateY(-2px); }
.nv-wordmark{
  font-family:var(--font-serif); font-weight:600; font-size:1.6rem;
  letter-spacing:.3em; color:var(--espresso); white-space:nowrap;
}
.nv-nav{ display:flex; gap:2.4rem; }
.nv-nav a{
  font-size:.7rem; font-weight:500; letter-spacing:.26em; text-transform:uppercase;
  color:var(--ink-70); padding:.4em 0; position:relative;
}
.nv-nav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:0;
  border-bottom:1px solid var(--bronze); transition:right .45s var(--ease);
}
.nv-nav a:hover::after, .nv-nav a.is-active::after{ right:0; }
.nv-nav a.is-active{ color:var(--espresso); }

.nv-header-actions{ display:flex; align-items:center; gap:1.3rem; }
.nv-cart-link{
  position:relative; display:inline-flex; align-items:center; gap:.55rem;
  font-size:.7rem; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--espresso);
  padding:.5em .2em;
}
.nv-cart-link svg{ width:19px; height:19px; stroke:currentColor; }
.nv-cart-badge{
  position:absolute; top:-6px; right:-14px;
  background:var(--olive); color:var(--ivory);
  font-size:.62rem; font-weight:600; letter-spacing:0;
  min-width:19px; height:19px; border-radius:50%;
  display:none; align-items:center; justify-content:center; padding:0 4px;
}
.nv-cart-badge.has-items{ display:inline-flex; }

.nv-burger{
  display:none; background:none; border:1px solid var(--hair-soft); border-radius:var(--radius);
  width:42px; height:42px; cursor:pointer; align-items:center; justify-content:center;
}
.nv-burger span{ display:block; width:18px; height:1px; background:var(--espresso); margin:2.5px 0; transition:.3s; }

/* ============================================================
   FOOTER
   ============================================================ */
.nv-footer{ background:var(--olive); color:var(--ivory); margin-top:0; }
.nv-footer-inner{
  max-width:var(--container); margin-inline:auto;
  padding:4.5rem clamp(1.2rem,4vw,3rem) 2rem;
}
.nv-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1.2fr; gap:3rem; }
.nv-social{ display:flex; gap:.9rem; margin-top:1.7rem; }
.nv-social a{
  width:42px; height:42px; border:1px solid rgba(243,235,221,.3); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  color:rgba(243,235,221,.78);
  transition:border-color .4s var(--ease), color .4s var(--ease), transform .4s var(--ease);
}
.nv-social a:hover{ border-color:var(--bronze); color:var(--ivory); transform:translateY(-3px); }
.nv-social svg{ width:17px; height:17px; }
.nv-footer-tagline{ font-size:.7rem; letter-spacing:.28em; text-transform:uppercase; color:rgba(243,235,221,.65); }
.nv-footer h4{
  color:var(--ivory); font-family:var(--font-sans); font-weight:600; font-size:.7rem;
  letter-spacing:.3em; text-transform:uppercase; margin-bottom:1.3rem;
}
.nv-footer ul{ list-style:none; margin:0; padding:0; }
.nv-footer li{ margin-bottom:.65rem; }
.nv-footer a, .nv-footer .nv-footer-link{
  color:rgba(243,235,221,.75); font-size:.9rem; transition:color .3s;
}
.nv-footer a:hover{ color:var(--ivory); }
.nv-footer .nv-contact-line{ color:rgba(243,235,221,.75); font-size:.9rem; margin-bottom:.6rem; }
.nv-footer-bottom{
  margin-top:3.2rem; padding-top:1.4rem; border-top:1px solid rgba(243,235,221,.16);
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:rgba(243,235,221,.55);
}
.nv-footer-admin{ opacity:.6; }
.nv-footer-admin:hover{ opacity:1; color:var(--ivory); }

/* ============================================================
   HERO — cinematic "film" layering
   ============================================================ */
.nv-hero{
  position:relative; min-height:calc(100svh - 110px);
  display:flex; align-items:center; overflow:hidden;
}
.nv-hero-media{ position:absolute; inset:0; z-index:0; }
.nv-orb{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.6; will-change:transform; }
.nv-orb--blush{  width:52vmin; height:52vmin; background:radial-gradient(circle, rgba(201,170,160,.85), transparent 70%); top:-12%; left:-8%;  animation:nv-drift-a 74s var(--ease) infinite alternate; }
.nv-orb--bronze{ width:46vmin; height:46vmin; background:radial-gradient(circle, rgba(168,137,85,.55), transparent 70%); bottom:-18%; right:2%; animation:nv-drift-b 92s var(--ease) infinite alternate; }
.nv-orb--olive{  width:58vmin; height:58vmin; background:radial-gradient(circle, rgba(86,92,69,.45), transparent 72%); top:8%; right:-16%; animation:nv-drift-c 84s var(--ease) infinite alternate; }
.nv-orb--deep{   width:34vmin; height:34vmin; background:radial-gradient(circle, rgba(237,227,208,.95), transparent 70%); bottom:6%; left:18%; animation:nv-drift-a 66s var(--ease) infinite alternate-reverse; }

.nv-hero-sweep{ /* travelling beam of warm light */
  position:absolute; z-index:2; top:-20%; bottom:-20%; width:34%;
  background:linear-gradient(100deg, transparent, rgba(248,241,228,.5) 45%, rgba(248,241,228,.7) 50%, rgba(248,241,228,.5) 55%, transparent);
  transform:skewX(-14deg); mix-blend-mode:soft-light;
  animation:nv-sweep 16s var(--ease) infinite;
}
.nv-hero-grain{
  position:absolute; inset:0; z-index:3; pointer-events:none;
  background-image:var(--grain); opacity:.07; mix-blend-mode:multiply;
  animation:nv-flicker 5s steps(6) infinite;
}
.nv-hero-vignette{
  position:absolute; inset:0; z-index:4; pointer-events:none;
  background:radial-gradient(120% 90% at 50% 42%, transparent 55%, rgba(43,36,29,.22) 100%);
}

.nv-hero-content{ position:relative; z-index:5; padding:6rem 0 7rem; }
.nv-hero-eyebrow{ margin-bottom:2.2rem; }
.nv-hero-eyebrow .nv-caps{ color:var(--bronze); }
.nv-hero-title{
  font-size:clamp(3.2rem, 9.5vw, 7.2rem); font-weight:500; color:var(--espresso);
  line-height:1.04; margin:0 0 1.6rem;
}
.nv-hero-title .nv-line{ display:block; }
.nv-hero-title .nv-line--italic{ font-style:italic; font-weight:400; color:var(--olive); }
.nv-hero-title .nv-ch{ display:inline-block; opacity:0; transform:translateY(.35em); animation:nv-ch-in .9s var(--ease) forwards; animation-delay:var(--d,0s); }
.nv-hero-sub{
  max-width:34em; color:var(--ink-70); font-size:1.05rem; font-weight:300;
  margin:0 0 2.8rem; opacity:0; animation:nv-rise 1.1s var(--ease) .9s forwards;
}
.nv-hero-cta{ display:flex; gap:1.1rem; flex-wrap:wrap; opacity:0; animation:nv-rise 1.1s var(--ease) 1.15s forwards; }
.nv-hero-rule{
  width:64px; border:none; border-top:1px solid var(--hair-bronze); margin:0 0 2.2rem;
  opacity:0; animation:nv-rise 1s var(--ease) .7s forwards;
}
.nv-scroll-cue{
  position:absolute; z-index:5; bottom:2.2rem; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:.7rem;
  font-size:.62rem; letter-spacing:.4em; text-transform:uppercase; color:var(--ink-55);
}
.nv-scroll-cue::after{
  content:""; width:1px; height:52px;
  background:linear-gradient(var(--bronze), transparent);
  animation:nv-cue 2.6s var(--ease) infinite;
}

/* ============================================================
   SECTIONS — shared rhythm
   ============================================================ */
.nv-section{ padding-block:clamp(4.5rem, 9vw, 7.5rem); position:relative; }
.nv-section--deep{ background:var(--ivory-deep); }
.nv-section-head{ text-align:center; max-width:720px; margin:0 auto clamp(2.5rem,5vw,4rem); }
.nv-section-head h2{ font-size:clamp(2.1rem, 4.5vw, 3.3rem); margin:.7rem 0 1.1rem; }
.nv-section-head p{ color:var(--ink-70); font-weight:300; }
.nv-rule-center{ width:64px; height:1px; background:var(--hair-bronze); border:none; margin:0 auto; }

.nv-reveal{ opacity:0; transform:translateY(30px); transition:opacity 1s var(--ease), transform 1s var(--ease); }
.nv-reveal.on{ opacity:1; transform:none; }

/* ---------- maison intro ---------- */
.nv-maison{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
.nv-maison h2{ font-size:clamp(2rem,4vw,3rem); margin:.8rem 0 1.4rem; }
.nv-maison p{ color:var(--ink-70); font-weight:300; }
.nv-maison .nv-caps{ display:block; margin-bottom:.6rem; }
.nv-link-more{
  display:inline-block; margin-top:1.6rem; font-size:.72rem; font-weight:600;
  letter-spacing:.3em; text-transform:uppercase; color:var(--espresso);
  border-bottom:1px solid var(--bronze); padding-bottom:.35em; transition:color .3s;
}
.nv-link-more:hover{ color:var(--bronze); }

/* ---------- principles ---------- */
.nv-principles{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.5rem,3.5vw,3rem); }
.nv-principle{ border-top:1px solid var(--hair-bronze); padding-top:2rem; }
.nv-principle .nv-numeral{ font-family:var(--font-serif); font-style:italic; font-size:2.6rem; color:var(--bronze); line-height:1; }
.nv-principle h3{ font-size:1.5rem; margin:1.1rem 0 .7rem; }
.nv-principle p{ color:var(--ink-70); font-weight:300; font-size:.95rem; }

/* ---------- quote band ---------- */
.nv-quote{
  background:var(--olive); color:var(--ivory); text-align:center;
  padding-block:clamp(5rem,10vw,8rem);
  position:relative; overflow:hidden;
}
.nv-quote-star{ color:var(--bronze); font-size:.8rem; letter-spacing:1.2em; margin-left:1.2em; display:block; margin-bottom:2rem; }
.nv-quote blockquote{
  margin:0 auto; max-width:22ch; font-family:var(--font-serif); font-style:italic; font-weight:400;
  font-size:clamp(1.7rem,3.6vw,2.7rem); line-height:1.35;
}
.nv-quote figcaption{ margin-top:2.2rem; font-size:.7rem; letter-spacing:.34em; text-transform:uppercase; color:rgba(243,235,221,.6); }

/* ---------- categories ---------- */
.nv-cats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
.nv-cat{
  border:1px solid var(--hair-bronze); border-radius:var(--radius); padding:2.2rem 2rem;
  display:flex; flex-direction:column; gap:.5rem; background:transparent;
  transition:background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);
}
.nv-cat:hover{ background:var(--olive); color:var(--ivory); transform:translateY(-4px); }
.nv-cat .nv-numeral{ font-family:var(--font-serif); font-style:italic; font-size:1.5rem; color:var(--bronze); }
.nv-cat h3{ font-size:1.6rem; }
.nv-cat span{ font-size:.68rem; letter-spacing:.28em; text-transform:uppercase; color:var(--taupe); transition:color .5s; }
.nv-cat:hover span{ color:rgba(243,235,221,.7); }

/* ---------- contact strip ---------- */
.nv-channel-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; max-width:880px; margin:0 auto; }
.nv-channel{
  border:1px solid var(--hair-bronze); border-radius:var(--radius); padding:2.6rem 2.2rem;
  text-align:center; transition:transform .5s var(--ease), box-shadow .5s var(--ease);
}
.nv-channel:hover{ transform:translateY(-4px); box-shadow:0 18px 40px -28px rgba(43,36,29,.4); }
.nv-channel svg{ width:26px; height:26px; stroke:var(--bronze); margin-bottom:1rem; }
.nv-channel h3{ font-size:1.45rem; margin-bottom:.4rem; }
.nv-channel p{ color:var(--ink-70); font-size:.92rem; }
.nv-channel .nv-caps{ display:block; margin-bottom:.6rem; }

/* ============================================================
   PRODUCTS
   ============================================================ */
.nv-toolbar{
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
  margin-bottom:2.8rem; padding-bottom:1.4rem; border-bottom:1px solid var(--hair-soft);
}
.nv-filters{ display:flex; flex-wrap:wrap; gap:.5rem; }
.nv-filter{
  background:none; border:1px solid var(--hair-soft); border-radius:var(--radius);
  font-size:.66rem; font-weight:500; letter-spacing:.22em; text-transform:uppercase;
  color:var(--ink-70); padding:.7em 1.3em; cursor:pointer;
  transition:all .35s var(--ease);
}
.nv-filter:hover{ border-color:var(--bronze); color:var(--espresso); }
.nv-filter.is-active{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }
.nv-sort{ max-width:230px; }

.nv-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
  gap:clamp(1.6rem,3vw,2.6rem);
}

/* ---- 3D tilt card ---- */
.nv-card{
  background:var(--ivory-soft); border:1px solid var(--hair-bronze); border-radius:var(--radius);
  transform-style:preserve-3d; transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .5s var(--ease), box-shadow .5s var(--ease);
  position:relative;
}
@media (hover:hover){
  .nv-card:hover{ box-shadow:0 30px 50px -30px rgba(43,36,29,.45); }
}
.nv-card-media{
  position:relative; display:block; aspect-ratio:4/5; overflow:hidden; cursor:pointer;
  transform:translateZ(0); background:var(--ivory-deep);
}
.nv-card-art{ position:absolute; inset:0; transform:translateZ(26px); transition:transform .6s var(--ease); }
.nv-card-art svg, .nv-card-art img{ width:100%; height:100%; object-fit:cover; }
.nv-card:hover .nv-card-art{ transform:translateZ(40px) scale(1.045); }
.nv-glare{
  position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .4s;
  background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%), rgba(248,241,228,.5), transparent 55%);
  mix-blend-mode:soft-light;
}
.nv-card:hover .nv-glare{ opacity:1; }
.nv-badge{
  position:absolute; top:.9rem; left:.9rem; z-index:2;
  background:rgba(243,235,221,.92); border:1px solid var(--hair-bronze); border-radius:var(--radius);
  font-size:.6rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--olive); padding:.45em .9em;
}
.nv-card-body{ padding:1.3rem 1.4rem 1.5rem; transform:translateZ(14px); }
.nv-card-cat{ display:block; font-size:.64rem; font-weight:600; letter-spacing:.26em; text-transform:uppercase; color:var(--taupe); margin-bottom:.4rem; }
.nv-card-name{ font-size:1.35rem; margin:0 0 .55rem; }
.nv-price{ display:flex; align-items:baseline; gap:.7rem; margin-bottom:1.1rem; }
.nv-price .nv-price-now{ font-weight:500; font-size:1rem; }
.nv-price s{ color:var(--taupe); font-size:.85rem; }
.nv-add{
  width:100%; background:none; border:1px solid rgba(43,36,29,.4); border-radius:var(--radius);
  font-size:.66rem; font-weight:500; letter-spacing:.26em; text-transform:uppercase; color:var(--espresso);
  padding:.95em; cursor:pointer; transition:all .4s var(--ease);
}
.nv-add:hover{ background:var(--olive); border-color:var(--olive); color:var(--ivory); }

.nv-empty{ text-align:center; padding:5rem 1rem; }
.nv-empty h3{ font-size:1.8rem; margin-bottom:.8rem; }
.nv-empty p{ color:var(--ink-55); margin-bottom:2rem; }

/* ---- quick-view modal ---- */
.nv-modal{ position:fixed; inset:0; z-index:3000; display:none; }
.nv-modal.is-open{ display:block; }
.nv-modal-veil{ position:absolute; inset:0; background:rgba(43,36,29,.55); backdrop-filter:blur(5px); }
.nv-modal-panel{
  position:relative; z-index:1; background:var(--ivory);
  max-width:900px; margin:5vh auto; border:1px solid var(--hair-bronze); border-radius:var(--radius);
  display:grid; grid-template-columns:1fr 1.1fr; overflow:hidden;
  max-height:90vh;
}
.nv-modal-art{ background:var(--ivory-deep); min-height:300px; }
.nv-modal-art svg, .nv-modal-art img{ width:100%; height:100%; object-fit:cover; display:block; }
.nv-modal-info{ padding:2.6rem 2.4rem; overflow-y:auto; }
.nv-modal-close{
  position:absolute; top:.8rem; right:1rem; z-index:2; background:none; border:none;
  font-size:1.6rem; color:var(--ink-55); cursor:pointer; padding:.3em; line-height:1;
}
.nv-modal-close:hover{ color:var(--espresso); }
.nv-modal-name{ font-size:2rem; margin:.5rem 0 .6rem; }
.nv-modal-desc{ color:var(--ink-70); font-weight:300; font-size:.98rem; }
.nv-qty{ display:inline-flex; border:1px solid rgba(43,36,29,.3); border-radius:var(--radius); margin:1.2rem 0 1.4rem; }
.nv-qty button{
  background:none; border:none; width:44px; height:44px; cursor:pointer;
  font-size:1.1rem; color:var(--espresso);
}
.nv-qty button:hover{ background:var(--ivory-deep); }
.nv-qty .nv-qty-val{ width:48px; display:flex; align-items:center; justify-content:center; font-weight:500; }
.nv-modal-note{
  border-top:1px solid var(--hair-soft); margin-top:1.6rem; padding-top:1.2rem;
  font-size:.8rem; color:var(--taupe); letter-spacing:.06em;
}

/* ============================================================
   ABOUT
   ============================================================ */
.nv-about-plate{ text-align:center; padding:clamp(3.5rem,7vw,5.5rem) 1rem 1rem; }
.nv-about-plate img{
  max-width:420px; margin:0 auto; border:1px solid var(--hair-bronze); border-radius:var(--radius);
  padding:1.6rem; background:var(--ivory-soft);
}
.nv-article{ max-width:760px; margin:0 auto; padding-bottom:clamp(4rem,8vw,6rem); }
.nv-article > p{ font-size:1.06rem; color:var(--ink-70); }
.nv-article > p:first-of-type::first-letter{
  font-family:var(--font-serif); font-size:3.6em; line-height:.8; float:left;
  color:var(--bronze); padding:.06em .12em 0 0;
}
.nv-article h2{
  font-size:clamp(1.7rem,3.2vw,2.3rem); text-align:center; margin:3.6rem 0 1.6rem;
  position:relative;
}
.nv-article h2::after{ content:""; display:block; width:56px; height:1px; background:var(--hair-bronze); margin:1.1rem auto 0; }
.nv-pull{
  font-family:var(--font-serif); font-style:italic; font-size:1.5rem; color:var(--olive);
  text-align:center; margin:2.8rem auto; max-width:26ch; line-height:1.4;
}
.nv-sig{ text-align:center; font-family:var(--font-serif); font-style:italic; font-size:1.6rem; color:var(--bronze); margin-top:2.4rem; }

/* ============================================================
   CONTACT / FEEDBACK
   ============================================================ */
.nv-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.nv-feedback-list{ margin-top:3rem; }
.nv-fb{
  border:1px solid var(--hair-soft); border-radius:var(--radius); padding:1.6rem 1.8rem; margin-bottom:1.1rem;
  background:var(--ivory-soft);
}
.nv-fb-head{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-bottom:.4rem; flex-wrap:wrap; }
.nv-fb-name{ font-family:var(--font-serif); font-size:1.25rem; }
.nv-fb-date{ font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--taupe); }
.nv-fb-stars{ color:var(--bronze); letter-spacing:.25em; margin-bottom:.5rem; font-size:.85rem; }
.nv-fb p{ color:var(--ink-70); font-weight:300; }
.nv-stars-input{ display:flex; gap:.4rem; }
.nv-stars-input label{ cursor:pointer; font-size:1.5rem; color:var(--taupe); transition:color .2s, transform .2s; line-height:1; }
.nv-stars-input label:hover{ transform:scale(1.15); }
.nv-stars-input input{ display:none; }
.nv-stars-input label.is-on{ color:var(--bronze); }

/* ============================================================
   CHECKOUT
   ============================================================ */
.nv-checkout-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,5vw,4rem); align-items:start; }
.nv-cart-line{
  display:grid; grid-template-columns:86px 1fr auto; gap:1.2rem; align-items:center;
  border-bottom:1px solid var(--hair-soft); padding:1.1rem 0;
}
.nv-cart-thumb{ width:86px; height:104px; background:var(--ivory-deep); border:1px solid var(--hair-soft); overflow:hidden; }
.nv-cart-thumb svg, .nv-cart-thumb img{ width:100%; height:100%; object-fit:cover; }
.nv-cart-item h3{ font-size:1.2rem; }
.nv-cart-item .nv-caps{ color:var(--taupe); }
.nv-cart-controls{ display:flex; align-items:center; gap:1.1rem; margin-top:.5rem; }
.nv-cart-remove{ background:none; border:none; cursor:pointer; font-size:1rem; color:var(--taupe); padding:.2em; }
.nv-cart-remove:hover{ color:var(--espresso); }

.nv-summary{
  border:1px solid var(--hair-bronze); border-radius:var(--radius); background:var(--ivory-soft);
  padding:1.8rem; position:sticky; top:110px;
}
.nv-summary h3{ font-size:1.4rem; margin-bottom:1.1rem; }
.nv-summary-row{ display:flex; justify-content:space-between; font-size:.95rem; padding:.45rem 0; color:var(--ink-70); }
.nv-summary-row--total{
  border-top:1px solid var(--hair-bronze); margin-top:.7rem; padding-top:1rem;
  color:var(--espresso); font-weight:500; font-size:1.05rem;
}
.nv-pay{ border:1px solid var(--hair-soft); border-radius:var(--radius); padding:1.3rem 1.4rem; margin-bottom:1rem; cursor:pointer; transition:all .35s var(--ease); display:block; }
.nv-pay input{ margin-right:.8em; accent-color:var(--olive); }
.nv-pay h4{ font-family:var(--font-sans); font-weight:600; font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; display:inline; }
.nv-pay p{ margin:.5rem 0 0 1.9rem; font-size:.84rem; color:var(--taupe); }
.nv-pay.is-active{ border-color:var(--bronze); background:rgba(168,137,85,.07); }
.nv-success{ text-align:center; max-width:560px; margin:0 auto; padding:4rem 1rem; }
.nv-success-mono{
  width:84px; height:84px; border:1px solid var(--bronze); border-radius:50%;
  display:flex; align-items:center; justify-content:center; margin:0 auto 1.8rem;
  font-family:var(--font-serif); font-style:italic; font-size:2.6rem; color:var(--bronze);
}
.nv-success h2{ font-size:2.2rem; margin-bottom:1rem; }
.nv-success .nv-caps{ display:block; margin-bottom:1rem; color:var(--taupe); }
.nv-success p{ color:var(--ink-70); }

/* ============================================================
   ADMIN
   ============================================================ */
.nv-admin-gate{ max-width:420px; margin:8vh auto; text-align:center; }
.nv-admin-gate h2{ font-size:2rem; margin:1rem 0 .4rem; }
.nv-admin-gate p{ color:var(--taupe); margin-bottom:2rem; font-size:.9rem; }
.nv-admin-gate .nv-field{ text-align:left; }
.nv-admin-wrap{ max-width:var(--container); margin:0 auto; padding:2.5rem clamp(1.2rem,4vw,3rem) 5rem; }
.nv-tabs{ display:flex; gap:.5rem; flex-wrap:wrap; border-bottom:1px solid var(--hair-soft); padding-bottom:1rem; margin-bottom:2.2rem; }
.nv-tab{
  background:none; border:1px solid transparent; border-radius:var(--radius); cursor:pointer;
  font-size:.68rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--ink-55); padding:.8em 1.4em;
}
.nv-tab:hover{ color:var(--espresso); }
.nv-tab.is-active{ background:var(--olive); color:var(--ivory); }
.nv-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-bottom:2.6rem; }
.nv-stat{ border:1px solid var(--hair-bronze); border-radius:var(--radius); padding:1.6rem 1.4rem; background:var(--ivory-soft); }
.nv-stat .nv-stat-num{ font-family:var(--font-serif); font-size:2.4rem; color:var(--espresso); }
.nv-stat .nv-caps{ color:var(--taupe); }
.nv-table{ width:100%; border-collapse:collapse; font-size:.92rem; }
.nv-table th{
  text-align:left; font-size:.64rem; font-weight:600; letter-spacing:.24em; text-transform:uppercase;
  color:var(--taupe); border-bottom:1px solid var(--hair-bronze); padding:.8em .6em;
}
.nv-table td{ border-bottom:1px solid var(--hair-soft); padding:.9em .6em; vertical-align:middle; }
.nv-table-thumb{ width:46px; height:56px; background:var(--ivory-deep); overflow:hidden; border:1px solid var(--hair-soft); }
.nv-table-thumb svg, .nv-table-thumb img{ width:100%; height:100%; object-fit:cover; }
.nv-icon-btn{
  background:none; border:1px solid var(--hair-soft); border-radius:var(--radius); cursor:pointer;
  padding:.45em .8em; font-size:.64rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-70);
  margin-right:.4rem; transition:all .3s;
}
.nv-icon-btn:hover{ border-color:var(--olive); color:var(--espresso); }
.nv-icon-btn--danger:hover{ border-color:#8a3b2e; color:#8a3b2e; }
.nv-admin-row{ display:flex; gap:1rem; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:1.6rem; }
.nv-order{
  border:1px solid var(--hair-soft); border-radius:var(--radius); background:var(--ivory-soft);
  padding:1.4rem 1.6rem; margin-bottom:1rem;
}
.nv-order-head{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; flex-wrap:wrap; margin-bottom:.7rem; }
.nv-order-id{ font-family:var(--font-serif); font-size:1.25rem; }
.nv-order-items{ font-size:.9rem; color:var(--ink-70); margin:0 0 .5rem; padding-left:1.2rem; }
.nv-order-meta{ font-size:.82rem; color:var(--taupe); }
.nv-select{ min-width:170px; }

/* ---------- toast ---------- */
.nv-toast{
  position:fixed; left:50%; bottom:2rem; transform:translate(-50%, 20px); z-index:4000;
  background:var(--espresso); color:var(--ivory); border:1px solid rgba(168,137,85,.5);
  border-radius:var(--radius); padding:.9em 1.8em; font-size:.8rem; letter-spacing:.12em;
  opacity:0; pointer-events:none; transition:opacity .4s var(--ease), transform .4s var(--ease);
  max-width:min(90vw, 480px); text-align:center;
}
.nv-toast.is-visible{ opacity:1; transform:translate(-50%, 0); }

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes nv-ch-in{ to{ opacity:1; transform:none; } }
@keyframes nv-rise{ to{ opacity:1; transform:none; } }
@keyframes nv-drift-a{ from{ transform:translate(0,0) scale(1); } to{ transform:translate(9vmin,6vmin) scale(1.18); } }
@keyframes nv-drift-b{ from{ transform:translate(0,0) scale(1.1); } to{ transform:translate(-11vmin,-7vmin) scale(.94); } }
@keyframes nv-drift-c{ from{ transform:translate(0,0) scale(1); } to{ transform:translate(-7vmin,10vmin) scale(1.22); } }
@keyframes nv-sweep{ 0%{ left:-40%; } 55%{ left:110%; } 100%{ left:110%; } }
@keyframes nv-flicker{ 0%,100%{ opacity:.07; } 30%{ opacity:.055; } 60%{ opacity:.08; } 80%{ opacity:.06; } }
@keyframes nv-cue{ 0%{ transform:scaleY(0); transform-origin:top; } 45%{ transform:scaleY(1); transform-origin:top; } 55%{ transform:scaleY(1); transform-origin:bottom; } 100%{ transform:scaleY(0); transform-origin:bottom; } }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 960px){
  .nv-footer-grid{ grid-template-columns:1fr 1fr; }
  .nv-maison{ grid-template-columns:1fr; }
  .nv-checkout-grid{ grid-template-columns:1fr; }
  .nv-modal-panel{ grid-template-columns:1fr; max-width:520px; }
  .nv-modal-art{ max-height:300px; }
  .nv-stats{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 720px){
  .nv-nav{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:var(--ivory); border-bottom:1px solid var(--hair-bronze);
    flex-direction:column; gap:0; padding:1rem clamp(1.2rem,4vw,3rem) 1.4rem;
  }
  .nv-nav.is-open{ display:flex; }
  .nv-nav a{ padding:.85em 0; border-bottom:1px solid var(--hair-soft); font-size:.74rem; }
  .nv-burger{ display:inline-flex; flex-direction:column; justify-content:center; }
  .nv-principles{ grid-template-columns:1fr; }
  .nv-cats{ grid-template-columns:1fr 1fr; }
  .nv-contact-grid{ grid-template-columns:1fr; }
  .nv-channel-grid{ grid-template-columns:1fr; }
  .nv-form-grid{ grid-template-columns:1fr; }
  .nv-cart-badge{ right:-10px; }
}
@media (max-width: 480px){
  .nv-cats{ grid-template-columns:1fr; }
  .nv-wordmark{ font-size:1.35rem; }
  .nv-cart-link .nv-cart-word{ display:none; }
}

/* ============================================================
   MOBILE REFINEMENTS
   ============================================================ */
html{ -webkit-text-size-adjust:100%; }
.nv-btn, .nv-filter, .nv-add, .nv-burger, .nv-icon-btn, .nv-tab{ touch-action:manipulation; }

/* keep form inputs at 16px so iOS Safari doesn't zoom on focus */
.nv-field input, .nv-field select, .nv-field textarea{ font-size:16px; }
.nv-toolbar input[type="search"], .nv-toolbar select{
  background:var(--ivory-soft); color:var(--espresso);
  border:1px solid rgba(43,36,29,.22); border-radius:var(--radius);
  font-family:var(--font-sans); font-size:16px; padding:.75em 1em;
}
.nv-toolbar input[type="search"]{ width:200px; }

@media (max-width:720px){
  .nv-announce{ letter-spacing:.18em; line-height:1.55; padding:.75em 1em; }

  /* 44px minimum touch targets */
  .nv-filter{ padding:.85em 1.2em; min-height:44px; }
  .nv-icon-btn{ padding:.6em 1em; min-height:44px; }
  .nv-nav a{ padding:1em 0; font-size:.78rem; }
  .nv-cart-link{ padding:.7em .1em; }

  .nv-hero{ min-height:auto; }
  .nv-orb{ filter:blur(42px); }
  .nv-hero-content{ padding:3.6rem 0 4.4rem; }
  .nv-hero-eyebrow{ margin-bottom:1.5rem; }
  .nv-hero-title{ font-size:clamp(2.55rem, 11vw, 3.6rem); }
  .nv-hero-sub{ font-size:.98rem; }
  .nv-scroll-cue{ display:none; }

  .nv-header-inner{ padding:.75rem 1.1rem; }
  .nv-nav.is-open{ padding:1rem 1.1rem 1.4rem; }

  .nv-section{ padding-block:3.4rem; }
  .nv-section-head{ margin-bottom:2.2rem; }

  .nv-toolbar{ flex-direction:column; align-items:stretch; }
  .nv-toolbar input[type="search"]{ width:100%; }

  .nv-grid{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1.1rem; }
  .nv-card-name{ font-size:1.12rem; }
  .nv-card-body{ padding:1rem 1rem 1.15rem; }
  .nv-add{ padding:.9em .5em; }

  .nv-cart-line{ grid-template-columns:64px 1fr; gap:1rem; }
  .nv-cart-thumb{ width:64px; height:80px; }
  .nv-cart-line > div:last-child{ grid-column:2; text-align:right; }

  .nv-modal-panel{ width:calc(100% - 1.6rem); margin:3vh auto; }
  .nv-modal-info{ padding:1.7rem 1.3rem; }
  .nv-modal-name{ font-size:1.6rem; }

  .nv-footer-inner{ padding:3.2rem 1.2rem 1.6rem; }
  .nv-footer-grid{ grid-template-columns:1fr; gap:2.3rem; }

  .nv-quote{ padding-block:4rem; }
  .nv-quote blockquote{ font-size:clamp(1.4rem, 6.5vw, 1.9rem); }

  .nv-admin-gate{ margin:4vh auto; padding-inline:1.2rem; }
  .nv-summary{ position:static; }
  .nv-contact-grid{ margin-top:2.4rem !important; }
  .nv-stars-input label{ padding:.15em; }
}

@media (max-width:480px){
  .nv-btn{ letter-spacing:.2em; padding:1em 1.5em; }
  .nv-hero-cta{ flex-direction:column; align-items:stretch; }
  .nv-hero-cta .nv-btn{ width:100%; }
  .nv-principle .nv-numeral{ font-size:2rem; }
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .nv-hero-title .nv-ch, .nv-hero-sub, .nv-hero-cta, .nv-hero-rule{ opacity:1; transform:none; }
  .nv-reveal{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}