.rack{--rack-ink:#111;--rack-muted:#5b5b58;--rack-ease:cubic-bezier(.22, .61, .36, 1);--rack-slide:.48s;--rack-fade:.38s;--push:240;color:var(--rack-ink);position:relative;container-type:inline-size}.rack__scroller{--fit-count:7;--ph:clamp(17rem, min(calc(100cqw / (min(var(--count), var(--fit-count)) * .36 + .48)), 66svh), 38rem);--u:calc(var(--ph) / 1000);--rail-pad:2rem;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;overflow:auto hidden}.rack__scroller::-webkit-scrollbar{display:none}@container (width<=40rem){.rack__scroller{--ph:clamp(17rem, min(96cqw, 58svh), 30rem)}.rack__track{padding-inline:max(calc(var(--u) * var(--push)), calc(50cqw - var(--u) * 180))}}.rack__track{box-sizing:border-box;width:max-content;min-width:100%;padding:var(--rail-pad) calc(var(--u) * var(--push)) 3rem;justify-content:center;display:flex;position:relative}.rack__list{z-index:2;margin:0;padding:0;list-style:none;display:flex;position:relative}.rack__slot{z-index:1;flex:0 0 calc(var(--u) * 360);height:calc(var(--u) * 1020);position:relative}.rack__slot[data-active=true]{z-index:3}.rack__hit{box-sizing:border-box;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:block;position:absolute;inset:0}.rack__hit:focus-visible{outline:2px solid var(--rack-ink);outline-offset:-4px;border-radius:6px}.rack[data-scrollable=true] .rack__hit{cursor:grab}.rack[data-dragging=true],.rack[data-dragging=true] .rack__hit{cursor:grabbing}.rack__progress{background:#00000024;border-radius:2px;width:clamp(5rem,12cqw,8rem);height:2px;margin:-1.25rem auto .75rem;position:relative;overflow:hidden}.rack__progress[hidden]{display:none}.rack__progress-thumb{background:var(--rack-ink);will-change:transform;border-radius:2px;height:100%;display:block}.rack__piece{width:calc(var(--u) * 800);height:calc(var(--u) * 1080);margin-left:calc(var(--u) * -400);pointer-events:none;transform-origin:50% 0;transform:translate3d(calc(var(--dir,0) * var(--u) * var(--push)), 0, 0) scale(var(--scale,1));transition:transform var(--rack-slide) var(--rack-ease);will-change:transform;position:absolute;top:0;left:50%}.rack__slot[data-active=true]{--scale:1.03}.rack__garment{top:calc(var(--u) * 80);z-index:2;aspect-ratio:4/5;width:100%;position:absolute;left:0}.rack__img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.rack__img--front{opacity:0;transition:opacity var(--rack-fade) ease}.rack__img--hanging{opacity:1;transition:opacity calc(var(--rack-fade) * .8) ease 0s}.rack__slot[data-active=true] .rack__img--front{opacity:1}.rack__slot[data-active=true] .rack__img--hanging{opacity:0;transition-delay:calc(var(--rack-fade) * .3)}.rack__rail{z-index:1;top:var(--rail-pad);height:max(6px, calc(var(--u) * 16));background:repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 4px),linear-gradient(#fff 0%,#e4e7e9 14%,#b6bcc1 38%,#7e858b 68%,#5a6066 86%,#aeb3b8 100%);border-radius:999px;position:absolute;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px 1px #00000038,0 5px 7px -4px #0000003d}.rack__rail:before{content:"";background:#fffffff2;border-radius:1px;height:1px;position:absolute;top:18%;left:4px;right:4px}.rack__rail:after{content:"";height:calc(var(--u) * 34);pointer-events:none;background:linear-gradient(#00000012,#0000);position:absolute;top:100%;left:0;right:0}.rack__hanger{z-index:1;top:calc(var(--u) * -20);left:calc(var(--u) * 340);width:calc(var(--u) * 120);height:calc(var(--u) * 220);position:absolute;overflow:visible}.rack__hook{fill:none;stroke:#2a2422;stroke-width:3px;stroke-linecap:round}.rack__neck{fill:#4a3226}.rack__neck-shine{fill:#8a6650;opacity:.75}.rack__tag{z-index:3;top:calc(var(--u) * 118);left:calc(var(--u) * 400);font-size:clamp(.625rem, calc(var(--u) * 21), .8125rem);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform-origin:50% 0;border-radius:2px;padding:.32em .7em;font-weight:700;line-height:1.2;position:absolute}.rack__tag:before{content:"";width:1px;height:calc(var(--u) * 26);background:#3a3331;position:absolute;bottom:100%;left:50%}.rack__tag[data-tone=dark]{margin-left:calc(var(--u) * -86);color:#fff;background:#121212;transform:rotate(-7deg)}.rack__tag[data-tone=light]{margin-left:calc(var(--u) * 10);color:#111;background:#fff;transform:rotate(6deg);box-shadow:0 1px 3px #00000047}.rack__footer{justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding-inline:1rem;display:flex}.rack__caption{text-align:center;flex:0 28rem;align-items:start;min-height:4.25rem;display:grid}.rack__caption-item{opacity:0;transition:opacity var(--rack-fade) ease;grid-area:1/1}.rack__caption-item[data-on=true]{opacity:1}.rack__idle,.rack__name,.rack__meta{margin:0}.rack__idle{color:var(--rack-muted);font-size:.875rem;line-height:1.5}.rack__name{font-size:.9375rem;font-weight:600;line-height:1.4}.rack__meta{color:var(--rack-muted);margin-top:.25rem;font-size:.8125rem}.rack__extra{justify-content:center;margin-top:.5rem;display:flex}.rack__step{width:2.75rem;height:2.75rem;color:var(--rack-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffb3;border:1px solid #0000002e;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:none}.rack__step svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.rack__step:focus-visible{outline:2px solid var(--rack-ink);outline-offset:2px}@media (hover:none),(width<=40rem){.rack__step{display:inline-flex}}@media (prefers-reduced-motion:reduce){.rack{--rack-fade:.15s}.rack__piece{transition:none}.rack__slot[data-active=true] .rack__img--hanging{transition-delay:0s}}:root{--ink:#111;--muted:#5b5b58;--wall:#f4f4f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Helvetica Neue,Helvetica,Arial,Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100svh;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%, #fff 0%, var(--wall) 65%, #ecece9 100%) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.site-header{justify-content:center;padding:1.5rem 1rem 0;display:flex}.wordmark{color:inherit;letter-spacing:.28em;text-transform:uppercase;font-size:.8125rem;font-weight:700;text-decoration:none}.collection{padding:clamp(1.5rem,5vw,3.5rem) 0 clamp(2rem,6vw,4rem)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;margin:0 1rem 1rem;font-size:.6875rem;font-weight:700;display:flex}.eyebrow span+span{color:var(--muted);border-left:1px solid #00000040;padding-left:1rem;font-weight:500}.pill-link{min-height:2.75rem;color:var(--ink);background:#fff9;border:1px solid #0003;border-radius:999px;align-items:center;padding:0 1.75rem;font-size:.8125rem;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.pill-link:hover{border-color:var(--ink);background:#fff}.pill-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wordmark:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (prefers-reduced-motion:reduce){.pill-link{transition:none}}.collection__status{text-align:center;color:var(--muted);margin:4rem 1rem;font-size:.875rem}
