/* The rail displays three supplied 2D views per concept. The photographs and
   hanger share one moving rig; the pointer hit area remains stationary. */
.m-rack,.m-rack-dialog{--r-wine:#5f1f31;--r-ink:#372b2c;--r-paper:#f6f1e8;--r-muted:#685650;--r-line:#beb0a3;--r-ease:cubic-bezier(.22,.75,.25,1);color:var(--r-ink)}
.m-cinema .m-rack{position:relative;isolation:isolate;overflow:hidden;background:var(--r-paper);padding:clamp(34px,5vw,70px) 0 clamp(28px,3.6vw,52px);scroll-margin-top:var(--m-head,68px)}
.m-rack__ornament,.m-rack__empty{display:none}
.m-rack__head,.m-rack__bottom{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(20px,7vw,120px);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;direction:rtl}
.m-rack__intro{max-width:48ch}
.m-rack__eyebrow,.m-rack__chapternum,.m-rack-dialog__eyebrow{font:600 10px/1.6 Arial,sans-serif;letter-spacing:.22em;color:var(--r-muted)}
.m-rack__title{font:italic 400 clamp(51px,6.7vw,104px)/1 Georgia,serif;letter-spacing:-.055em;text-align:right;color:var(--r-wine);margin:.08em 0 .14em!important}
.m-rack__title em{color:#825d49}
.m-rack__intro p{font-size:14px;line-height:1.9;color:var(--r-muted)}
.m-rack__tools{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.m-rack__counter{font:14px/1.5 Georgia,serif;direction:ltr;letter-spacing:.09em;color:var(--r-muted)}
.m-rack__counter b{color:var(--r-wine);font-size:22px}
.m-rack__buttons{display:flex;direction:ltr;gap:6px}
.m-rack button,.m-rack-dialog button{font-family:inherit;cursor:pointer}
.m-rack__arrow,.m-rack-dialog__actions button,.m-rack-dialog__close{width:44px;height:44px;border:1px solid var(--r-line);border-radius:50%;background:var(--r-paper);color:var(--r-wine);font:22px/1 Georgia,serif}
.m-rack__arrow:hover,.m-rack-dialog__actions button:hover,.m-rack-dialog__close:hover{background:var(--r-wine);color:#fff}
.m-rack__stage{--art-h:clamp(305px,40vh,432px);--rail-y:22px;--pitch:clamp(148px,13vw,200px);--spacing:50px;position:relative;direction:ltr;margin:18px 0 10px;height:calc(var(--art-h) + 88px);isolation:isolate}
.m-rack__rail-viewport{height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;user-select:none}
.m-rack__rail-viewport::-webkit-scrollbar{display:none}
.m-rack__rail-viewport.is-dragging,.m-rack__rail-viewport.is-dragging button{cursor:grabbing}
.m-rack__track{position:relative;width:max-content;min-width:100%;height:100%;display:flex;justify-content:center;padding-inline:max(65px,5vw);align-items:stretch}
.m-rack__track::before{content:"";position:absolute;top:var(--rail-y);inset-inline:0;height:8px;background:linear-gradient(#776b60,#c6b7a2 28%,#f4e7d2 48%,#968573 72%,#807265);box-shadow:0 4px 8px #47392b1d}
.m-rack-item{width:var(--pitch);flex:none;position:relative;--apart:0;--turn:0;--hook-x:8px}
.m-rack-item.is-active{z-index:2;--turn:1;--hook-x:0px}
.m-rack-item[data-look^="pants"]{--hook-x:0px}
.m-rack-item__hit,.m-rack-item__rig{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--r-wine)}
.m-rack-item__rig{pointer-events:none;transform:translateX(calc(var(--apart) * var(--spacing)));transition:transform .45s var(--r-ease)}
.m-rack-item__hanger{position:absolute;top:calc(var(--rail-y) - 5px);left:50%;width:100px;height:106px;z-index:0;overflow:visible;transform:translateX(calc(-50% + var(--hook-x)));transition:transform .4s var(--r-ease)}
.rail-hook,.rail-shoulders{fill:none;stroke-linecap:round}
.rail-hook{stroke:#675a51;stroke-width:2.7}
.rail-shoulders{stroke:#8c6f51;stroke-width:5.5;transform:scaleX(calc(.25 + .75 * var(--turn)));transform-origin:50px 55px;transition:transform .43s var(--r-ease)}
.m-rack-item__visual{position:absolute;z-index:1;left:50%;top:calc(var(--rail-y) + 26px);height:var(--art-h);aspect-ratio:720/1060;transform:translateX(-50%);perspective:950px}
.m-cinema .m-rack-item__photo{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;transform-origin:50% 10%;backface-visibility:hidden;transition:opacity .32s ease,transform .45s var(--r-ease)}
.m-rack-item__photo--side{opacity:1;transform:rotateY(0)}
.m-rack-item__photo--front{opacity:0;transform:rotateY(-60deg)}
.is-active .m-rack-item__photo--side{opacity:0;transform:rotateY(30deg)}
.is-active .m-rack-item__photo--front{opacity:1;transform:rotateY(0)}
/* The three supplied tee profiles contain a narrow triangle left of the chest.
   Follow that outer silhouette in intrinsic image coordinates; preserve all front/back pixels. */
[data-look="tee-noir"] [data-angle="side"],[data-look="tee-noir"][data-angle="side"]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 39%,28.6% 36.6%,29.3% 33.5%,32% 30%,37.5% 23.4%,38% 17%,0 17%)}
[data-look="tee-ivory"] [data-angle="side"],[data-look="tee-ivory"][data-angle="side"]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 41%,28.3% 39.4%,28.3% 35.5%,31.9% 30%,35.4% 24%,0 24%)}
[data-look="tee-bordeaux"] [data-angle="side"],[data-look="tee-bordeaux"][data-angle="side"]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 38%,26.8% 36.9%,27.8% 34.4%,31% 31%,36.4% 24.8%,0 24.8%)}
.m-rack-item__caption{position:absolute;bottom:2px;inset-inline:-24px;opacity:0;transform:translateY(4px);font-size:14px;font-weight:600;direction:rtl;text-align:center;transition:opacity .22s,transform .22s}
.is-active .m-rack-item__caption{opacity:1;transform:none}
.m-rack__filters{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:8px 16px 14px}
.m-rack__filter,.m-rack-dialog__view-switch button{min-height:44px;background:transparent;color:var(--r-wine);border:1px solid var(--r-line);border-radius:3px;font-size:13px;padding:6px 14px}
.m-rack__filter[aria-pressed=true],.m-rack-dialog__view-switch [aria-pressed=true]{background:var(--r-wine);border-color:var(--r-wine);color:#fff}
.m-rack__bottom{align-items:center}
.m-rack__tip{font-size:12px;color:var(--r-muted);line-height:1.8}
.m-rack__product-disclaimer,.m-rack__fallback{color:var(--r-muted);text-align:center;font-size:12px;line-height:1.9;padding:0 24px;margin:12px auto 0!important}
.m-rack__fallback a{text-decoration:underline}
.m-rack:not(.is-enhanced) :is(.m-rack__stage,.m-rack__tools,.m-rack__filters,.m-rack__bottom){display:none}
.m-rack :focus-visible,.m-rack-dialog :focus-visible{outline:3px solid var(--r-wine);outline-offset:2px}
.m-rack-item__hit:focus-visible{outline-offset:-4px}
.m-rack-dialog:not([open]){display:none}
.m-rack-dialog[open]{position:fixed;inset:0;z-index:1000;padding:0;border:0;margin:auto;width:min(890px,94vw);max-width:94vw;height:min(565px,90dvh);max-height:90dvh;overflow:auto;background:var(--r-paper);color:var(--r-ink);direction:rtl;box-shadow:0 24px 80px #26151d47}
.m-rack-dialog::backdrop{background:#25151ad4}
.m-rack-dialog__panel{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:100%;width:100%;text-align:start}
.m-rack-dialog__visual{background:#ebe4d8;position:relative;min-width:0;display:flex;align-items:center;justify-content:center}
.m-cinema .m-rack-dialog__photo{width:auto;height:auto;max-width:95%;max-height:min(515px,76dvh);aspect-ratio:720/1060;object-fit:contain}
.m-rack-dialog__copy{align-self:center;padding:clamp(15px,4vw,54px);display:grid;gap:13px}
.m-rack-dialog__eyebrow,.m-rack-dialog__title{direction:ltr;text-align:right}
.m-rack-dialog__title{font:italic 400 clamp(34px,4vw,60px)/1.05 Georgia,serif;color:var(--r-wine)}
.m-rack-dialog__desc{font-size:13px;color:var(--r-muted);line-height:1.9}
.m-rack-dialog__view-switch,.m-rack-dialog__actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.m-rack-dialog__close{position:absolute;top:10px;left:10px;z-index:3}
.m-rack-dialog__link{display:inline-flex;min-height:44px;align-items:center;background:var(--r-wine);color:white!important;padding:8px 14px;font-size:13px}
@media(max-width:700px){
 .m-rack__head{align-items:stretch;flex-direction:column;gap:9px}.m-rack__intro p{font-size:12px}.m-rack__tools{justify-content:space-between}.m-rack__eyebrow{font-size:9px}
 .m-rack__stage{--art-h:clamp(245px,36svh,356px);--pitch:clamp(90px,27vw,136px);--spacing:28px;margin-top:5px}
 .m-rack__track{padding-inline:78px}.m-rack__bottom{display:block;text-align:center}.m-rack__chapternum{display:none}.m-rack__filter{font-size:12px;padding:5px 10px}
 .m-rack-dialog[open]{width:min(425px,94vw);height:auto;max-height:92dvh}.m-rack-dialog__panel{display:block}.m-rack-dialog__visual{height:clamp(130px,33dvh,300px)}
 .m-cinema .m-rack-dialog__photo{height:96%;width:auto;max-width:100%;max-height:100%}.m-rack-dialog__copy{padding:14px 18px;gap:7px}
 .m-rack-dialog__eyebrow{font-size:9px}.m-rack-dialog__title{font-size:30px}.m-rack-dialog__desc{font-size:12px}.m-rack-dialog__view-switch button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.m-rack *,.m-rack-dialog *{transition:none!important;animation:none!important}}
@media print{.m-rack-dialog{display:none!important}}
