.vl-swatches{display:flex;flex-wrap:wrap;gap:10px}
.vl-swatch{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.vl-swatch:hover{border-color:var(--ink)}
.vl-swatch__dot{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}
.vl-size__input:checked+.vl-swatch{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.vl-size__input:focus-visible+.vl-swatch{outline:1px solid var(--ink);outline-offset:3px}
.vl-pdp__img[hidden]{display:none}
.vl-card__dots{grid-column:1/-1;display:flex;gap:5px;margin-top:6px}
.vl-card__dots span{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.14)}
.vl-quick__link{display:flex;align-items:center;justify-content:center;height:38px;background:var(--ink);color:#fff;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.vl-hero--large{height:82vh;height:82svh}
.vl-hero--medium{height:62vh;height:62svh;min-height:440px}
.vl-story--flip .vl-story__img{order:2}
.vl-story__body p{margin:0 0 .9em}
.vl-boutique__text{font-size:15px;line-height:1.7;color:#3E3A36}
.vl-boutique__text p{margin:0}
.vl-richtext{display:flex;flex-direction:column;gap:16px;padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px)}
.vl-richtext--center{align-items:center;text-align:center}
.vl-richtext--center .vl-richtext__body{max-width:680px}
.vl-richtext--left{align-items:flex-start;max-width:900px}
.vl-richtext .vl-eyebrow{color:var(--muted)}
.vl-richtext__body{font-size:16px;line-height:1.8;color:#3E3A36}
.vl-richtext__body p{margin:0 0 .9em}
.vl-stl{padding:clamp(56px,7vw,100px) 0;background:var(--soft)}
.vl-stl__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.vl-stl__intro{display:flex;flex-direction:column;gap:10px;max-width:620px}
.vl-stl__intro .vl-eyebrow{color:var(--muted)}
.vl-stl__intro p{margin:0;font-size:15px;line-height:1.7;color:#3E3A36}
.vl-stl__hint{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.vl-stl__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:0 var(--pad);scroll-padding:0 var(--pad)}
.vl-stl__track::-webkit-scrollbar{display:none}
.vl-look{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.vl-look__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#E9E3DC}
.vl-look__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.vl-look__media:hover img{transform:scale(1.03)}
.vl-look__badge{position:absolute;top:16px;left:16px;background:#fff;padding:6px 10px;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.vl-hotspot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(20,20,20,.18);transition:transform .3s var(--ease)}
.vl-hotspot::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.8);animation:vl-pulse 2.4s ease-out infinite}
.vl-hotspot:hover{transform:scale(1.12)}
@keyframes vl-pulse{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.6);opacity:0}}
.vl-look__info{display:flex;flex-direction:column;gap:14px;max-width:520px}
.vl-look__info>.vl-eyebrow{color:var(--muted)}
.vl-look__title{margin:0;font-family:var(--head);font-weight:300;font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:.04em;text-transform:uppercase}
.vl-look__text{font-size:15px;line-height:1.7;color:#3E3A36}
.vl-look__text p{margin:0}
.vl-look__items{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid var(--line)}
.vl-look-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);scroll-margin-top:140px;transition:background .4s}
.vl-look-item:target{background:rgba(255,255,255,.7)}
.vl-look-item__img{display:block;aspect-ratio:3/4;overflow:hidden;background:#fff}
.vl-look-item__img img{width:100%;height:100%;object-fit:cover}
.vl-look-item__info{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:28px}
.vl-look-item__n{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}
.vl-look-item__title{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.vl-look-item__meta{font-size:12px;color:var(--muted)}
.vl-look-item__meta s{margin-left:4px}
.vl-look-item__sizes{margin-top:2px}
.vl-look-item__add{height:34px;padding:0 14px;border:1px solid var(--ink);background:transparent;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.vl-look-item__add:hover,.vl-look-item__add.is-added{background:var(--ink);color:#fff}
.vl-look-item__sold{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.vl-look__empty{margin:0;padding:16px 0;color:var(--muted);font-size:13px}
@media (max-width:860px){
.vl-story--flip .vl-story__img{order:0}
.vl-stl__head{flex-direction:column;align-items:flex-start}
.vl-stl .vl-rail__ctrl .vl-arrow{display:inline-flex}
.vl-look{grid-template-columns:1fr;gap:20px}
.vl-look__media{aspect-ratio:4/5}
}
