:root{--bg:#e4f2ef;--accent:#008e94;--ink:#102d30;--shoe-color:#008e94}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;transition:background .7s}.gallery{position:relative;width:100%;height:100vh;height:100svh;min-height:0;overflow:hidden;touch-action:pinch-zoom;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#ffffffc0,transparent 70%)}header{position:absolute;left:4.5%;right:4.5%;top:5%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{font-size:34px;letter-spacing:-2px;font-weight:900;font-style:italic}.wordmark>span{font-size:11px;vertical-align:top;margin-left:5px;letter-spacing:0}.edition{font-size:11px;letter-spacing:.12em;text-align:right;line-height:1.8}.edition b{font-size:9px;opacity:.55;font-weight:400}.backdrop{position:absolute;inset:19% 0 auto;text-align:center;display:flex;flex-direction:column;font-size:clamp(100px,18vw,270px);font-weight:900;letter-spacing:-.075em;line-height:.8;color:var(--ink);opacity:.065;pointer-events:none}.product-stage{position:absolute;inset:12% 17% 15%;perspective:1600px}.halo{position:absolute;inset:7% 14% 10%;border:1px solid #102d3012;border-radius:50%;transform:rotateX(28deg)}.shoe{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform,opacity}.shoe img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(4px 16px 12px #122a3020)}.shoe-shadow{position:absolute;left:26%;right:22%;bottom:3%;height:5%;background:#1a3337;opacity:.2;filter:blur(15px);border-radius:50%;transform:rotate(-10deg);will-change:transform}.view-label{position:absolute;right:3%;bottom:3%;font-size:9px;letter-spacing:.15em;opacity:.6}.product-info{position:absolute;bottom:18%;left:4.5%;z-index:4;pointer-events:none}.overline{font-size:10px;letter-spacing:.16em}h1{font-size:clamp(48px,6vw,94px);line-height:1;letter-spacing:-.07em;margin:16px 0 18px;font-weight:800}h1 span{font-weight:300;display:block;color:var(--accent)}.colorway{font-size:12px;display:flex;align-items:center;gap:8px}.colorway i{width:9px;height:9px;background:var(--shoe-color);border-radius:50%}.navigation{position:absolute;right:4.5%;bottom:19%;z-index:5;text-align:center}.counter{font-size:12px}.counter b{font-size:22px;font-weight:400}.counter>span{opacity:.4}.arrows{display:flex;flex-direction:column;gap:10px;margin-top:22px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.arrows button{height:52px;width:52px;border:1px solid #102d3030;border-radius:50%;background:transparent;font-size:23px;transition:background .2s,transform .2s}.arrows button:hover{background:#fff9;transform:translateY(-2px)}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}footer{position:absolute;bottom:max(5%,env(safe-area-inset-bottom));left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.gesture{display:flex;align-items:center;gap:12px;font-size:9px;line-height:1.7;letter-spacing:.08em;margin:0}.gesture>span:first-child{font-size:27px}.gesture b{opacity:.5;font-weight:400}.dots{display:flex;gap:5px;position:absolute;left:50%;transform:translateX(-50%)}.dots button{width:36px;height:36px;padding:0;border:0;background:transparent;display:grid;place-items:center}.dots button:before{content:'';height:5px;width:20px;border-radius:3px;background:var(--ink);opacity:.18;transition:opacity .3s,width .3s}.dots button[aria-pressed=true]:before{opacity:1;width:30px}.footer-note{font-size:9px;letter-spacing:.1em}.load-message{position:absolute;top:15%;left:50%;transform:translateX(-50%);font-size:12px;background:#fff;padding:10px 15px;border-radius:20px;z-index:10}.load-message[hidden]{display:none}
@media(max-width:700px){header{top:max(24px,env(safe-area-inset-top));left:22px;right:22px}.wordmark{font-size:28px}.edition{font-size:9px}.edition b{font-size:8px}.backdrop{top:25%;font-size:24vw;line-height:.9}.product-stage{inset:14% -2% 27%}.shoe-shadow{left:25%;right:20%;bottom:7%}.view-label{right:9%;bottom:2%;font-size:8px}.product-info{left:24px;bottom:14%}.overline{font-size:9px}h1{font-size:50px;margin:12px 0}h1 span{display:inline;margin-left:9px}.colorway{font-size:12px;margin:0}.navigation{right:24px;bottom:15%}.arrows{flex-direction:row;gap:7px;margin-top:12px}.arrows button{width:44px;height:44px;font-size:20px}.counter b{font-size:18px}footer{left:24px;right:24px;bottom:max(22px,env(safe-area-inset-bottom))}.gesture{font-size:8px;gap:7px}.gesture>span:first-child{font-size:22px}.footer-note{display:none}.dots{position:static;transform:none;gap:0}.dots button{width:31px}.halo{inset:10% 19% 8%}.colorway{max-width:190px}}
@media(max-height:560px) and (min-width:701px){header{top:5%}.wordmark{font-size:26px}.product-stage{inset:8% 25% 9%}.product-info{bottom:24%}h1{font-size:50px}.navigation{bottom:25%}.arrows{flex-direction:row}footer{bottom:5%}}
@media(max-height:570px) and (max-width:700px){header{top:12px}.product-stage{inset:9% 20% 15%}.product-info{bottom:22%;left:18px}h1{font-size:34px}.overline{font-size:8px}.navigation{bottom:22%;right:18px}.colorway{font-size:10px}.backdrop{top:25%;font-size:19vw}footer{bottom:12px}.view-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important}.shoe,.shoe-shadow{will-change:auto}}

/* Keep both shoe layers fully opaque; clip their vertical entrance and exit. */
.shoe{overflow:hidden}

/* Original caption retained; categories stacked beneath it. */
.categories{display:flex;flex-direction:column;align-items:flex-end;gap:0;margin-top:10px}
.categories button{font:inherit;font-weight:400;letter-spacing:inherit;text-transform:uppercase;line-height:1.8;min-height:32px;padding:5px 0;background:none;border:0;border-bottom:1px solid transparent;color:inherit;opacity:.65}
.categories button[aria-pressed="true"]{border-bottom-color:currentColor;opacity:1}
.categories button:hover{opacity:1}
@media(max-width:700px){header{align-items:flex-start;gap:14px}.edition{min-width:0}.categories{margin-top:7px}.categories button{min-height:30px;padding:5px 0}}
@media(max-height:570px){.categories{margin-top:4px}.categories button{min-height:25px;padding:2px 0}}