.crumbs{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--muted);transition:color .2s var(--ease)}
.crumbs a:hover{color:var(--ink)}
.crumbs .sep{opacity:.4}

.v-hero{
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  padding:60px 0;
}
.v-hero h1 em{font-style:italic;color:var(--gold)}
.v-hero .visual{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}
.v-hero .visual img{width:100%;height:100%;object-fit:cover;display:block}
.v-hero .ctas{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap}
.v-hero .facts{display:flex;gap:36px;margin-top:30px;flex-wrap:wrap}
.v-hero .facts .f .num{font-family:var(--serif);font-size:32px;line-height:1;font-feature-settings:'tnum' 1}
.v-hero .facts .f .lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:7px}
@media(max-width:880px){.v-hero{grid-template-columns:1fr}}

/* Vanity grid */
.v-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;cursor:pointer;display:flex;flex-direction:column;
  transition:all .25s var(--ease);
  text-decoration:none;color:inherit;
}
.v-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow)}
.v-card .ph{aspect-ratio:3/4;overflow:hidden;background:var(--bg-2);position:relative}
.v-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.v-card:hover .ph img{transform:scale(1.04)}
.v-card .ph .w-chip{
  position:absolute;top:12px;left:12px;
  background:rgba(255,255,255,.94);backdrop-filter:blur(4px);
  padding:5px 11px;border-radius:99px;
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  border:1px solid rgba(0,0,0,.06);
}
.v-card .body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.v-card .code{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v-card h3{font-family:var(--serif);font-size:23px;font-weight:500;margin:4px 0}
.v-card .specs{font-size:12px;color:var(--muted);line-height:1.5;flex:1}
.v-card .foot{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
}
.v-card .mini-fins{display:flex;gap:4px;flex-wrap:wrap;align-items:center;max-width:75%}
.v-card .mini-fins img{width:20px;height:20px;border-radius:6px;object-fit:cover;border:1px solid var(--line);display:block}
.v-card .view{
  font-size:11px;font-weight:700;color:var(--ink);
  letter-spacing:.14em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:6px;
  transition:color .2s var(--ease);
}
.v-card:hover .view{color:var(--gold)}
.v-card .view svg{transition:transform .2s var(--ease)}
.v-card:hover .view svg{transform:translateX(3px)}

@media(max-width:1080px){.v-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.v-grid{grid-template-columns:1fr}}

/* Finishes band */
.fin-band{
  background:var(--paper);border-radius:var(--r-lg);
  padding:clamp(30px,4vw,48px);margin-top:60px;
}
.fin-band .head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.fin-band h3{font-size:clamp(26px,3vw,36px)}
.fin-band h3 em{font-style:italic;color:var(--gold)}
.fin-band .head p{color:var(--muted);font-size:13px;max-width:44ch}
.fin-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}
.fin-chip{
  display:block;background:#fff;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;
  text-decoration:none;color:inherit;transition:all .2s var(--ease);
}
.fin-chip:hover{border-color:var(--ink);transform:translateY(-2px)}
.fin-chip .im{aspect-ratio:1/1;background:var(--bg-2)}
.fin-chip .im img{width:100%;height:100%;object-fit:cover;display:block}
.fin-chip .nm{font-size:10.5px;font-weight:700;padding:7px 9px;letter-spacing:.02em}
.fin-chip .nm span{display:block;font-size:8.5px;color:var(--muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:1px}
@media(max-width:1080px){.fin-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:640px){.fin-grid{grid-template-columns:repeat(3,1fr)}}