/* ============================================================
   LICHTMALER_MUC — PHASE 3.1: LIMITED EDITIONS (the Vault)
   "Rolex. Nicht Shop. Nicht Galerie. Luxus."
   Single accent only: champagne gold. No blue/red. No prices,
   no stock, no sales figures anywhere in this file's markup use.
   ============================================================ */

.vault-body{ --accent:#C7A15B; background:#050505; }

.vault-hero{
  min-height:64vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:20vh 6vw 8vh; position:relative;
}
.vault-hero:before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(circle at 50% 18%, rgba(199,161,91,.10), transparent 42%), #050505;
}
.vault-mark{ width:56px; margin-bottom:2em; opacity:.9; filter:drop-shadow(0 0 14px rgba(199,161,91,.3)); }
.vault-kicker{ font-size:10px; letter-spacing:.6em; text-transform:uppercase; color:var(--accent); margin-bottom:1.6em; }
.vault-hero h1{ font-weight:400; font-size:clamp(34px,5.5vw,70px); letter-spacing:.16em; color:#F4F1EA; margin:0 0 .7em; text-transform:uppercase; }
.vault-hero p{ max-width:560px; color:#b7b0a2; line-height:2; font-size:14.5px; letter-spacing:.02em; }
.vault-rule{ width:1px; height:64px; background:linear-gradient(180deg, var(--accent), transparent); margin-top:3em; }

/* ---------- vault list: one piece at a time, generous silence between ---------- */
.vault-list{ max-width:1000px; margin:0 auto; padding:6vh 6vw 16vh; }
.vault-piece{
  display:grid; grid-template-columns:1.1fr .9fr; gap:6vw; align-items:center;
  padding:11vh 0; border-top:1px solid rgba(199,161,91,.16);
  text-decoration:none; color:inherit;
}
.vault-piece:first-child{ border-top:0; }
.vault-piece:nth-child(even){ grid-template-columns:.9fr 1.1fr; }
.vault-piece:nth-child(even) .vault-piece-img{ grid-column:2; }
.vault-piece:nth-child(even) .vault-piece-meta{ grid-column:1; grid-row:1; }
.vault-piece-img{ aspect-ratio:4/5; overflow:hidden; background:#0a0a0a; position:relative; }
.vault-piece-img img{ width:100%; height:100%; object-fit:cover; filter:grayscale(.2) brightness(.85); transform:scale(1.015); transition:transform 1.6s cubic-bezier(.16,.8,.24,1), filter 1.6s ease; }
.vault-piece:hover .vault-piece-img img{ transform:scale(1.05); filter:grayscale(0) brightness(.95); }
.vault-piece-meta .vault-edition{ font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--accent); margin-bottom:1em; }
.vault-piece-meta h2{ font-weight:400; font-size:clamp(24px,2.6vw,36px); letter-spacing:.1em; color:#F4F1EA; margin:0 0 .6em; text-transform:uppercase; }
.vault-piece-meta p{ color:#a9a294; line-height:1.9; font-size:14px; max-width:380px; }
.vault-piece-meta .vault-view{ display:inline-block; margin-top:1.6em; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--accent); border-bottom:1px solid rgba(199,161,91,.4); padding-bottom:.5em; }

@media (max-width:900px){
  .vault-piece, .vault-piece:nth-child(even){ grid-template-columns:1fr; gap:4vh; }
  .vault-piece:nth-child(even) .vault-piece-img, .vault-piece:nth-child(even) .vault-piece-meta{ grid-column:1; grid-row:auto; }
}

/* ---------- single piece page ---------- */
.piece-hero{ position:relative; min-height:92svh; display:flex; align-items:flex-end; overflow:hidden; background:#020202; }
.piece-hero-img{ position:absolute; inset:0; }
.piece-hero-img img{ width:100%; height:112%; object-fit:cover; filter:brightness(.66) contrast(1.05) saturate(.9); will-change:transform; }
.piece-hero:after{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.1) 48%, rgba(0,0,0,.3) 100%); }
.piece-hero-content{ position:relative; z-index:2; padding:0 6vw 10vh; max-width:820px; }
.piece-kicker{ color:var(--accent); font-size:10px; letter-spacing:.55em; text-transform:uppercase; margin-bottom:1.2em; }
.piece-hero-content h1{ font-weight:400; font-size:clamp(36px,5.6vw,76px); letter-spacing:.1em; color:#F4F1EA; margin:0 0 .3em; text-transform:uppercase; }
.piece-edition-line{ font-size:13px; letter-spacing:.24em; color:var(--accent); text-transform:uppercase; }

.piece-story{ max-width:720px; margin:0 auto; padding:14vh 6vw 2vh; text-align:center; }
.piece-story p{ color:#c3bcae; line-height:2.05; font-size:16px; letter-spacing:.01em; }

/* specs — deliberately no price, no stock, no sales count */
.piece-specs{
  max-width:900px; margin:9vh auto 0; padding:6vh 6vw;
  border-top:1px solid rgba(199,161,91,.16); border-bottom:1px solid rgba(199,161,91,.16);
  display:grid; grid-template-columns:repeat(3,1fr); gap:32px 24px; text-align:center;
}
.piece-specs div span{ display:block; font-size:9.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--accent); margin-bottom:.8em; }
.piece-specs div strong{ font-weight:400; font-size:15px; color:#F4F1EA; font-family:'Cormorant Garamond',Georgia,serif; letter-spacing:.02em; }

.piece-cta{ text-align:center; margin:10vh auto 0; }
.piece-cta-btn{
  display:inline-block; border:1px solid var(--accent); color:#F4F1EA;
  padding:18px 56px; font-size:11px; letter-spacing:.3em; text-transform:uppercase;
  text-decoration:none; transition:.35s; background:transparent;
}
.piece-cta-btn:hover{ background:rgba(199,161,91,.12); box-shadow:0 0 34px rgba(199,161,91,.28); }

.piece-inquiry{ max-width:600px; margin:11vh auto 0; padding:0 6vw 4vh; scroll-margin-top:6vh; }
.piece-inquiry h2{ font-weight:400; font-size:clamp(20px,2.4vw,28px); text-transform:uppercase; letter-spacing:.14em; color:#F4F1EA; text-align:center; margin:0 0 .5em; }
.piece-inquiry .piece-inquiry-note{ text-align:center; color:#8f887a; font-size:12.5px; letter-spacing:.05em; margin-bottom:2.4em; }

.piece-footnav{ border-top:1px solid rgba(199,161,91,.16); margin-top:12vh; padding:6vh 6vw 9vh; display:flex; flex-wrap:wrap; justify-content:center; gap:2.6em; text-align:center; }
.piece-footnav a{ text-decoration:none; color:#a9a294; font-size:11px; letter-spacing:.24em; text-transform:uppercase; transition:.3s; }
.piece-footnav a:hover{ color:var(--accent); }
.piece-footnav a.primary{ color:var(--accent); }

@media (max-width:900px){
  .piece-specs{ grid-template-columns:1fr 1fr; }
}