/* Full-frame room reveal, with room for the fixed navigation. */
.experience .intro-sticky{transform:none;will-change:filter}
.experience .opening-film{inset:auto;left:50%;top:50%;width:var(--film-cover-w,100%);height:var(--film-cover-h,100%);min-width:0;max-width:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%);transition:opacity 1s,width 2.2s cubic-bezier(.22,.61,.36,1),height 2.2s cubic-bezier(.22,.61,.36,1),top 2.2s cubic-bezier(.22,.61,.36,1)}
.experience .mobile-film-backdrop{display:block;position:absolute;inset:-30px;background:center/cover url('assets/opening-v4-locker.jpg');filter:blur(24px) brightness(.23);opacity:0;transition:opacity 1.6s;pointer-events:none}
.experience .is-locker-shot .opening-film{width:var(--film-fit-w,100%);height:var(--film-fit-h,100%);top:var(--film-fit-y,50%)}
.experience .is-locker-shot .hero-poster{opacity:0}
.experience .is-locker-shot .mobile-film-backdrop,.experience .film-unavailable .mobile-film-backdrop{opacity:1}
.experience .film-unavailable .hero-poster{inset:auto;left:50%;top:var(--film-fit-y,50%);width:var(--film-fit-w,100%);height:var(--film-fit-h,100%);max-width:none;object-fit:contain;transform:translate(-50%,-50%);opacity:1}
.hero-bottom{justify-content:center;bottom:32px}
.hero-bottom .film-control{position:absolute;right:0}
.scroll-link{flex-direction:column;gap:9px;letter-spacing:.04em}
.scroll-icon{width:32px;height:32px;font-size:16px;animation:scroll-cue 2.8s ease-in-out infinite}
.scroll-mobile,.touch-instruction{display:none}
@keyframes scroll-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
/* The scene supplies its own identity; controls leave its center unobstructed. */
.experience .rack-toolbar{top:96px;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none}
.rack-toolbar>*{pointer-events:auto}
.experience .rack-toolbar .filters{width:auto;padding:4px;gap:3px;border:1px solid #ffffff2b;border-radius:8px;background:#151513ba;backdrop-filter:blur(22px);box-shadow:0 8px 24px #0002}
.experience .rack-toolbar .filters button{border:0;border-radius:4px;padding:10px 13px;font-size:10px;min-height:36px;white-space:nowrap;color:#deded9}
.experience .rack-toolbar .filters button.active{background:#f7f5ee;color:#1c1c19}
.experience .rack-toolbar .filters button:hover:not(.active){background:#ffffff14;color:white}
.experience .rack-toolbar .club-control select{min-width:180px;min-height:44px;padding:12px 36px 12px 15px;border:1px solid #ffffff2b;border-radius:8px;font-size:11px;background-color:#151513bd;background-position:right 15px center;backdrop-filter:blur(22px);color:#f2f1ec}
.experience .rack-caption{bottom:72px;gap:22px;pointer-events:none}
.rack-interaction{font-size:10px;color:#d6d2c8;max-width:225px;line-height:1.7;text-align:right}
.rack-stage.inspecting:not(.dragging){cursor:pointer}
.rack-stage,.rack-stage canvas{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.experience .rack-bottom{bottom:20px;padding-top:13px;color:#b8b6b0}
.experience .locker:after{background:linear-gradient(0deg,#101110e8,transparent 24%,transparent 87%,#10111080)}
.rack-product h3{font-size:27px}
/* Continuous bands respect the operating system's reduced-motion preference. */
.club-ribbon{position:relative;overflow:hidden;padding:25px 0;background:#ff632d;color:#161615;border-top:1px solid #ffffff15;border-bottom:1px solid #0001}
.ribbon-track{display:flex;align-items:center;width:max-content;animation:club-flow 65s linear infinite;animation-play-state:paused}
.club-ribbon.in-view .ribbon-track{animation-play-state:running}
.ribbon-group{display:flex;align-items:center;gap:40px;padding-right:40px;font:600 clamp(34px,4vw,59px)/1 Display,sans-serif;white-space:nowrap}
.ribbon-group i{font:normal 23px var(--font);opacity:.6}
.ribbons-paused .ribbon-track{animation-play-state:paused!important}
.ribbon-editions{padding:22px 0;background:#171817;color:#bdbeb9;border-color:#ffffff15}
.ribbon-editions .ribbon-track{animation-duration:24s;animation-direction:reverse}
.ribbon-editions .ribbon-group{font:500 12px var(--font);text-transform:uppercase;letter-spacing:2.8px;gap:40px}
.ribbon-editions .ribbon-group i{font-size:14px;color:var(--orange)}
@keyframes club-flow{to{transform:translateX(-50%)}}
/* A single studio surface across the collection and product galleries. */
.collection{background:#f5f5f2}
.product-photo,.gallery,.selection-item img,.checkout-item img{background:#fff}
.product-photo img,.main-photo-wrap img,.thumbnails img{mix-blend-mode:normal}
.product-photo{border:1px solid #e9e9e3}
.product-presentation{stroke:none;fill:none;max-width:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.product-card:hover .product-presentation{transform:scale(1.035)}
.studio-main-photo{width:100%;height:100%;flex:none}
.main-photo-wrap.zoomed .studio-main-photo{width:200%;height:200%;max-width:none}
.thumbnails button{background:#fff}
.selection-item>a{display:block;width:72px;height:90px;background:#fff}
.checkout-photo{width:65px;height:80px;background:#fff}
.rack-fallback .product-presentation{width:min(350px,80%)!important}
.brand img,.loader-brand img,.closing-symbol img,.product-detail-heading img{mix-blend-mode:normal}
.catalog-toolbar{gap:25px;align-items:center}
.catalog-tabs{gap:7px;flex-wrap:wrap}
.catalog-tabs button{padding:11px 14px;border-radius:5px;font-size:11px;white-space:nowrap}
.catalog-tabs button.active{background:#181a17;color:#fff;font-weight:500}
.catalog-tabs button.active:after{display:none}
.catalog-tabs button:hover:not(.active){background:#e8e9e3;color:#222}
.search{padding:0 14px;border:1px solid #d5d7ce;border-radius:5px;background:#fff;min-height:43px}
.search input{width:185px}
/* The final section turns toward white as it reaches the viewport; reversing scroll reverses it. */
body{--end-progress:0%;--end-invert:0}
.closing,body:not(.checkout-page)>footer{background:color-mix(in srgb,#191a18,#fafaf7 var(--end-progress));color:color-mix(in srgb,#fafaf7,#191a18 var(--end-progress))}
.closing{padding-top:100px;padding-bottom:100px;min-height:650px}
.closing h2 em{color:var(--orange)}
.closing .eyebrow,body:not(.checkout-page)>footer>span,body:not(.checkout-page)>footer p{color:inherit;opacity:.6}
.closing-symbol{opacity:.045;transform:rotate(-8deg);width:46%;right:2%;top:5%}
.closing-symbol img{filter:invert(var(--end-invert));mix-blend-mode:normal}
.club-shortcuts a{border-color:color-mix(in srgb,#ffffff35,#191a1835 var(--end-progress));padding:19px 0}
.club-shortcuts a span{transition:transform .25s}
.club-shortcuts a:hover span{transform:translate(3px,-3px)}
.closing-link{border-color:currentColor}
body:not(.checkout-page)>footer{border-top:1px solid color-mix(in srgb,#ffffff20,#191a1820 var(--end-progress))}
body:not(.checkout-page)>footer .brand img{filter:invert(var(--end-invert));mix-blend-mode:normal}
header.end-light,header.end-light.scrolled{background:#fafaf7ed;color:#191a18;border-bottom-color:#191a1820}
header.end-light .brand img{filter:invert(1);mix-blend-mode:multiply}
header.end-light nav small{color:#666}
@media(max-width:1100px){.catalog-toolbar{flex-direction:column;align-items:stretch}.search input{width:100%}.search{max-width:100%}.catalog-tabs{justify-content:flex-start}.experience .rack-toolbar .filters button{padding:10px;font-size:9px}.experience .rack-toolbar .club-control select{min-width:160px}}
@media(max-width:700px){.experience .rack-toolbar{top:82px;margin:0 18px;gap:8px;flex-wrap:wrap}.experience .rack-toolbar .filters{width:100%;padding:3px;gap:2px}.experience .rack-toolbar .filters button{flex:1;padding:8px 5px;font-size:9px;min-height:33px}.experience .rack-toolbar .club-control{margin:0}.experience .rack-toolbar .club-control select{font-size:10px;min-height:32px;padding:7px 28px 7px 10px;min-width:158px}.experience .rack-caption{bottom:82px;margin:0 22px;gap:10px;display:block}.experience .rack-product h3{max-width:none;font-size:24px;margin-top:4px}.rack-interaction{text-align:left;font-size:9px;margin-top:7px;max-width:none}.experience .rack-bottom{margin:0 22px;gap:15px;flex-wrap:nowrap;font-size:8px;bottom:20px}.experience .rack-bottom p{max-width:165px;font-size:8px}.experience .rack-bottom a{max-width:100px;text-align:right;line-height:1.7}.ribbon-group{gap:25px;padding-right:25px}.club-ribbon{padding:20px 0}.ribbon-editions .ribbon-group{font-size:10px;letter-spacing:1.8px;gap:25px}.catalog-tabs{gap:3px}.catalog-tabs button{padding:10px 9px;font-size:10px}.catalog-toolbar{gap:15px}.search{border-top:1px solid #d5d7ce;padding:0 12px}.closing{padding:70px 25px;min-height:590px}.closing-symbol{right:-20%;width:86%;opacity:.04;top:18%}.closing h2{font-size:86px}.club-shortcuts{column-gap:22px}.club-shortcuts a{font-size:12px;padding:18px 0}.hero-bottom{bottom:30px;left:22px;right:22px}.scroll-link{font-size:10px}.scroll-desktop{display:none}.scroll-mobile{display:inline}.film-label{display:none}}
@media(pointer:coarse){.pointer-instruction{display:none}.touch-instruction{display:inline}}
@media(max-width:700px){.pointer-instruction{display:none}.touch-instruction{display:inline}}
@media(max-width:900px){.checkout-photo{width:54px;height:72px;grid-row:span 2}}
@media(max-width:600px){.checkout-photo{grid-row:auto}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.scroll-icon{animation:none}.experience .opening-film{transition:none}.club-ribbon .motion-toggle{display:none}}