/* Original-photo wardrobe: a quiet, physical display board, not a product edit. */
.wardrobe-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin-block: 1.5rem; }
.wardrobe-controls [role="group"] { display: inline-flex; padding: 4px; border: 1px solid var(--hairline); background: var(--surface); max-width: 100%; }
.wardrobe-controls button { min-height: 44px; padding: .65rem 1rem; font-size: var(--type-xs); }
.wardrobe-controls button[aria-pressed="true"] { background: var(--ink); color: var(--bg); }
.wardrobe-controls p { color: var(--ink-muted); font-size: var(--type-ui); flex: 1 1 220px; }
.wardrobe-display { --wardrobe-wood:#b9a28b; --wardrobe-back:#eae2d5; position: relative; isolation: isolate; width:100%; height:100%; aspect-ratio:4/5; overflow:hidden; background:var(--wardrobe-back); border:7px solid var(--wardrobe-wood); box-shadow:inset 0 0 28px #30292315; }
.wardrobe-display[data-tone="1"] { --wardrobe-wood:#b3afa3; --wardrobe-back:#ebeae4; }
.wardrobe-display[data-tone="2"] { --wardrobe-wood:#9fafa9; --wardrobe-back:#e6e9e2; }
.wardrobe-display[data-tone="3"] { --wardrobe-wood:#bdab9e; --wardrobe-back:#f0e5dc; }
.wardrobe-rail { position:absolute; inset:10% 5% auto; height:3px; background:#82715b; box-shadow:0 2px 2px #30292330; }
.wardrobe-photo { position:absolute; display:flex; align-items:center; justify-content:center; background:#fffefa; box-shadow:0 4px 10px #30292318; border:3px solid #fffefa; }
.wardrobe-photo::before { content:""; position:absolute; width:1px; height:8%; background:#82715b; bottom:100%; left:50%; }
.wardrobe-clothing .wardrobe-photo-1 { left:5%; top:16%; width:53%; height:66%; }
.wardrobe-clothing .wardrobe-photo-2 { left:64%; top:16%; width:31%; height:30%; }
.wardrobe-clothing .wardrobe-photo-3 { left:64%; top:52%; width:31%; height:30%; }
.wardrobe-shoes .wardrobe-photo { left:10%; width:80%; height:23%; }
.wardrobe-shoes .wardrobe-photo-1 { top:13%; }.wardrobe-shoes .wardrobe-photo-2 { top:39%; }.wardrobe-shoes .wardrobe-photo-3 { top:65%; }
.wardrobe-shoes .wardrobe-photo::after { content:""; position:absolute; left:-8%; right:-8%; top:100%; height:5px; background:var(--wardrobe-wood); }
.wardrobe-bags .wardrobe-photo-1 { left:9%; top:14%; width:82%; height:34%; }
.wardrobe-bags .wardrobe-photo-2 { left:9%; top:54%; width:38%; height:30%; }
.wardrobe-bags .wardrobe-photo-3 { left:53%; top:54%; width:38%; height:30%; }
.wardrobe-display .wardrobe-photo img { display:block; width:100%; height:100%; object-fit:contain; opacity:1; }
.wardrobe-plaque { position:absolute; left:8%; right:8%; bottom:3%; text-align:center; color:#40362e; font:500 clamp(8px,1vw,12px)/1.3 var(--font-body); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wardrobe-display[data-photo-count="1"] .wardrobe-photo-1 { left:15%; top:17%; width:70%; height:65%; }
.wardrobe-display[data-photo-count="2"] .wardrobe-photo-1 { left:7%; top:19%; width:40%; height:61%; }
.wardrobe-display[data-photo-count="2"] .wardrobe-photo-2 { left:53%; top:19%; width:40%; height:61%; }
/* Styled wardrobe: generated furniture, with unchanged source photographs. */
html[data-wardrobe-view="scene"] .wardrobe-display { border:0; background-size:100% 100%; background-repeat:no-repeat; box-shadow:none; }
html[data-wardrobe-view="scene"] .wardrobe-clothing { background-image:url('/assets/catalogue-covers/wardrobe-scenes/clothing.webp'); }
html[data-wardrobe-view="scene"] .wardrobe-shoes { background-image:url('/assets/catalogue-covers/wardrobe-scenes/shoes.webp'); }
html[data-wardrobe-view="scene"] .wardrobe-bags { background-image:url('/assets/catalogue-covers/wardrobe-scenes/bags.webp'); }
html[data-wardrobe-view="scene"] .wardrobe-rail, html[data-wardrobe-view="scene"] .wardrobe-photo::before, html[data-wardrobe-view="scene"] .wardrobe-photo::after { display:none; }
html[data-wardrobe-view="scene"] .wardrobe-photo { border:2px solid #e6dfd2; box-shadow:1px 5px 12px #21180c55; }
html[data-wardrobe-view="scene"] .wardrobe-clothing .wardrobe-photo-1 { left:10%; top:22%; width:43%; height:54%; }
html[data-wardrobe-view="scene"] .wardrobe-clothing .wardrobe-photo-2 { left:63%; top:15%; width:28%; height:26%; }
html[data-wardrobe-view="scene"] .wardrobe-clothing .wardrobe-photo-3 { left:63%; top:51%; width:28%; height:27%; }
html[data-wardrobe-view="scene"] .wardrobe-shoes .wardrobe-photo { left:15%; width:70%; height:19%; }
html[data-wardrobe-view="scene"] .wardrobe-shoes .wardrobe-photo-1 { top:7%; }html[data-wardrobe-view="scene"] .wardrobe-shoes .wardrobe-photo-2 { top:37%; }html[data-wardrobe-view="scene"] .wardrobe-shoes .wardrobe-photo-3 { top:65%; }
html[data-wardrobe-view="scene"] .wardrobe-bags .wardrobe-photo-1 { left:17%; top:14%; width:66%; height:24%; }
html[data-wardrobe-view="scene"] .wardrobe-bags .wardrobe-photo-2 { left:12%; top:49%; width:31%; height:21%; }
html[data-wardrobe-view="scene"] .wardrobe-bags .wardrobe-photo-3 { left:57%; top:49%; width:31%; height:21%; }
html[data-wardrobe-view="scene"] .wardrobe-plaque { color:#302923; background:#f3ebdbed; bottom:3%; padding:4px; left:16%; right:16%; }
.wardrobe-collection { display:grid; grid-template-columns:minmax(0,200px) minmax(0,1fr); gap:var(--space-4); align-items:center; margin-block:var(--space-3) var(--space-5); padding:var(--space-3); background:var(--surface); }
.wardrobe-collection h2 { font-size:var(--type-lg); }.wardrobe-collection p:not(.eyebrow) { max-width:45ch; margin-block:var(--space-2); color:var(--ink-muted); font-size:var(--type-sm); }
.wardrobe-collection > [data-cover-id] { aspect-ratio:4/5; }
@media (max-width:47.99rem) {
 .wardrobe-collection { grid-template-columns:minmax(0,110px) minmax(0,1fr); gap:var(--space-2); padding:var(--space-2); }
 .wardrobe-collection .eyebrow { display:none; }.wardrobe-collection h2 { font-size:1.2rem; }.wardrobe-collection p:not(.eyebrow) { font-size:var(--type-xs); }
 .wardrobe-controls button { padding-inline:.75rem; }.wardrobe-display { border-width:5px; }
}

.wardrobe-empty { display:grid; place-items:center; padding:1rem; text-align:center; color:var(--ink-muted); font-size:var(--type-xs); }