.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.drops-page{max-width:1440px;margin:0 auto;padding:34px 5% 54px;min-height:calc(100svh - 160px);background:radial-gradient(ellipse at 50% 46%,#fff9,transparent 62%)}
.drops-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.drops-heading .eyebrow{margin:0 0 12px;font-size:9px;letter-spacing:.16em}.drops-heading>.text-button{font-size:10px}.collection-selector{display:flex;align-items:center;gap:13px;font-size:10px;color:#60605a}.collection-selector select{max-width:100%;font-size:12px;color:#161616;background:transparent;border:0;border-bottom:1px solid #aaa99f;padding:8px 25px 8px 0;cursor:pointer}
.drop-intro{text-align:center;margin:26px auto 0}.drop-intro h1{font-size:clamp(22px,2.6vw,36px);font-weight:500;letter-spacing:-.045em;margin:0 0 12px}.drop-intro p{font-size:11px;color:#64645e;line-height:1.6;margin:0 0 10px}.drop-intro>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.drop-stage{position:relative;margin:12px 0 0}.rack-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}.rack-viewport::-webkit-scrollbar{display:none}.rack-track{position:relative;width:max(100%,var(--rack-width,760px));height:420px;isolation:isolate}
.rack-rail{position:absolute;top:50px;left:25px;right:25px;height:9px;z-index:0;pointer-events:none;filter:drop-shadow(0 3px 3px #00000016)}.rail-bar{position:absolute;inset:0 10px;background:linear-gradient(#777975 0%,#d4d6d2 14%,#fff 31%,#f4f5f1 43%,#959994 68%,#d3d6cf 89%,#63685f 100%);border-radius:5px;border-top:1px solid #f6f7f3;border-bottom:1px solid #a0a39c;box-shadow:0 1px 1px #ffffff9e}
.rail-end{position:absolute;top:-12px;width:15px;height:33px;z-index:1;transform:skewY(-7deg);border-radius:5px;background:linear-gradient(90deg,#7b8079,#cfd3cb 16%,#fff 40%,#d7dbd1 58%,#858b81 85%,#4f564b);border:1px solid #989e91;box-shadow:-1px 0 1px #fff,2px 1px 2px #0002}.rail-end.left{left:0}.rail-end.right{right:0;transform:skewY(7deg)}.rail-end:before,.rail-end:after{content:'';position:absolute;left:-3px;width:19px;height:6px;border-radius:50%;border:1px solid #989e91;background:linear-gradient(135deg,#fff,#bcc2b4 75%,#5c6652)}.rail-end:before{top:-2px}.rail-end:after{bottom:-2px}.rail-end b{position:absolute;top:10px;left:-2px;width:19px;height:13px;border-radius:50%;background:linear-gradient(140deg,#fff,#c6cbbf 35%,#858d7a 68%,#e5e7df);border:1px solid #8b947f;box-shadow:0 1px 1px #fff}.rail-end b:after{content:'';position:absolute;top:4px;left:6px;width:5px;height:2px;background:#788269;border-radius:50%;transform:rotate(-20deg)}
.rack-track:after{content:'';position:absolute;left:10%;right:10%;bottom:4px;height:32px;background:radial-gradient(ellipse,#17171716,transparent 66%);filter:blur(9px);pointer-events:none}
.rack-item{--x:0px;--scale:.94;--sway:0deg;--hit-width:105px;position:absolute;top:6px;left:50%;width:var(--hit-width);height:387px;padding:0;transform-origin:50% 44px;transform:translate3d(calc(var(--x) - 50%),0,0) scale(var(--scale));transition:transform 1100ms cubic-bezier(.16,1,.3,1),width 850ms cubic-bezier(.16,1,.3,1);outline-offset:4px;z-index:1;background:transparent;color:inherit}.rack-item.selected{--hit-width:300px;z-index:5}.rack-item:hover{color:inherit}.rack-item:active{transform:translate3d(calc(var(--x) - 50%),0,0) scale(calc(var(--scale)*.99))}.rack-item:focus-visible{outline:1px solid #83837a;border-radius:10px}
.rack-arrival{display:block;position:absolute;left:calc(50% - 150px);top:0;height:100%;width:300px;pointer-events:none;animation:rack-arrive 1100ms cubic-bezier(.16,1,.3,1) var(--delay,0ms) both}.rack-swing{display:block;position:relative;height:100%;width:100%;transform-origin:50% 44px;transform:rotateZ(var(--sway));transition:transform 1000ms cubic-bezier(.16,1,.3,1)}.rack-photo{--photo-scale:1;--photo-y:0px;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 0;transform:translateY(var(--photo-y)) scale(var(--photo-scale));filter:drop-shadow(0 16px 12px #00000018);user-select:none;pointer-events:none}.rack-item.selected .rack-photo{filter:drop-shadow(0 23px 17px #00000024)}
.rack-hint{text-align:center;font-size:8px;letter-spacing:.14em;color:#6a6a63;margin:0 0 14px}.rack-view-tabs{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:0 0 26px}.rack-view-tabs button{font-size:9px;padding:9px 13px;min-height:34px;border:1px solid transparent;border-radius:30px;color:#64645e}.rack-view-tabs button.active{border-color:#aeb0a7;color:#171717;background:#ffffff70}.rack-view-tabs button:hover{background:#e9e9e2;color:#171717}
.rack-selection{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;max-width:1120px;margin:0 auto}.rack-arrows{display:flex;gap:10px}.rack-arrow{border:1px solid #c6c6bd;border-radius:50%;width:42px;height:42px;font-size:21px;transition:background .3s,transform .5s cubic-bezier(.16,1,.3,1)}.rack-arrow:hover{background:#eaeae2;color:#111;transform:translateY(-2px)}.rack-arrow:active{transform:scale(.9)}.rack-piece-copy{text-align:center;min-width:190px}.rack-piece-copy>span{display:block;color:#77776f;font-size:8px;letter-spacing:.12em}.rack-piece-copy h2{font-size:16px;font-weight:500;letter-spacing:.015em;margin:11px 0 9px}.rack-piece-copy p{font-size:10px;color:#65655f;margin:0}.rack-actions{justify-self:end;display:flex;gap:8px;align-items:center}.rack-actions .button{font-size:9px;min-height:42px;padding:11px 16px;gap:20px}.drop-extra{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin:30px 0 0}.drop-extra .text-button{font-size:10px;line-height:1.6;color:#575750}.drop-extra .text-button:hover{color:#111}
.in-drops footer{margin-top:0}.in-drops .desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.from-rack[open]{animation:none}.detail-rack-back{position:absolute;top:17px;left:18px;z-index:3;background:#f7f7f3e8;padding:9px 12px;font-size:10px}.outfit-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;width:940px;overflow:auto}.outfit-dialog>img{height:78dvh;object-fit:cover}.outfit-dialog>div{padding:60px 38px;align-self:center}.outfit-dialog h2{font-size:clamp(27px,3vw,39px);font-weight:500;line-height:1.03;letter-spacing:-.045em}.outfit-dialog p{font-size:12px;line-height:1.8}.outfit-dialog .button{margin-top:18px}.gallery-thumbs img{object-fit:contain}
.motion-paused .rack-arrival{animation:none}.motion-paused .rack-item{transition:none}.motion-paused .rack-swing{transform:none!important}
.card-display{position:relative;min-width:0;text-align:center}.drop-teaser .drop-card{position:relative;display:block;width:100%;aspect-ratio:1.55;transform:none;overflow:visible}.drop-card-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .9s}.drop-card.model-ready .drop-card-canvas{opacity:1}.drop-card.model-ready .drop-card-inner{visibility:hidden}.drop-card-inner{height:85%;width:85%;margin:auto;animation:card-fallback-spin 28s linear infinite}.drop-card:hover .drop-card-inner,.drop-card:focus-visible .drop-card-inner{animation-play-state:paused}.drop-card.card-paused .drop-card-inner{animation-play-state:paused}.drop-card.model-ready:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:15px;background:radial-gradient(ellipse,#0002,transparent 70%);filter:blur(8px);pointer-events:none}.card-motion{margin-top:10px;font-size:10px;color:#62625a}.drop-teaser .drop-back{position:absolute;display:flex;transform:rotateY(180deg) translateZ(3px)}.drop-front{transform:translateZ(3px)}
.dock-word{display:inline-block;white-space:nowrap}.dock-letter{display:inline-block;transform-origin:50% 85%;transform:translateY(var(--letter-rise,0px)) scale(var(--letter-scale,1));transition:transform 420ms cubic-bezier(.16,1,.3,1)}.dock-title:active .dock-letter{transform:scale(.94)}
::view-transition-old(root){animation:page-out 380ms cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:page-in 650ms cubic-bezier(.16,1,.3,1) both}::view-transition-group(root){animation-duration:650ms}
@keyframes rack-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes card-fallback-spin{from{transform:rotateX(4deg) rotateY(-18deg)}to{transform:rotateX(4deg) rotateY(342deg)}}@keyframes page-out{to{opacity:0;transform:translateY(-7px) scale(.993)}}@keyframes page-in{from{opacity:0;transform:translateY(12px) scale(1.006)}to{opacity:1;transform:none}}
@media(max-width:1000px){.drops-page{padding:28px 24px 40px}.rack-selection{gap:15px}.rack-actions{gap:6px}.rack-actions .button{padding:10px 12px;gap:14px;font-size:8px}.rack-piece-copy h2{font-size:14px}}
@media(max-width:700px){.drops-page{padding:22px 0 38px;min-height:calc(100svh - 95px)}.drops-heading{padding:0 22px}.drops-heading>.text-button{font-size:9px}.drops-heading .eyebrow{font-size:8px}.collection-selector{font-size:9px;gap:10px}.collection-selector select{font-size:11px;max-width:205px}.drop-intro{padding:0 24px;margin-top:27px}.drop-intro h1{font-size:26px}.drop-intro p{font-size:10px;max-width:300px;margin:0 auto 9px}.drop-stage{margin-top:16px}.rack-track{height:356px}.rack-item{height:326px;top:11px;--hit-width:90px}.rack-item.selected{--hit-width:254px}.rack-arrival{width:254px;left:calc(50% - 127px)}.rack-rail{top:53px}.rack-track:after{bottom:6px}.rack-hint{font-size:7px;letter-spacing:.11em;margin:3px 0 12px}.rack-view-tabs{margin-bottom:22px;gap:2px}.rack-view-tabs button{font-size:9px;min-height:39px;padding:9px 12px}.rack-selection{padding:0 22px;grid-template-columns:auto 1fr;gap:19px 16px}.rack-piece-copy{text-align:right;min-width:0}.rack-piece-copy h2{font-size:14px}.rack-piece-copy p{font-size:9px}.rack-actions{grid-column:1/-1;justify-self:stretch;justify-content:center}.rack-actions .button{font-size:9px;flex:1;justify-content:center;min-height:44px}.rack-arrow{width:40px;height:40px}.drop-extra{padding:0 22px;gap:18px 24px;margin-top:27px}.drop-extra .text-button{font-size:9px}.outfit-dialog[open]{grid-template-columns:1fr;width:480px}.outfit-dialog>img{height:auto;max-height:68dvh;object-fit:contain;background:#e1e2df}.outfit-dialog>div{padding:22px 26px 30px}.outfit-dialog h2{font-size:29px;margin:20px 0}.outfit-dialog .button{width:100%;justify-content:center}.drop-card-canvas{max-width:100%}.card-motion{min-height:40px}}
@media(prefers-reduced-motion:reduce){.rack-item,.rack-arrival,.rack-swing,.dock-letter,.drop-card-inner{animation:none!important;transition:none!important}.rack-swing{transform:none!important}.dock-letter{transform:none!important}::view-transition-old(root),::view-transition-new(root),::view-transition-group(root){animation:none!important}}
