.amaro-valenza{--shoe-width: clamp(260px, 30vw, 430px);--shoe-gap: clamp(290px, 36vw, 530px);display:block;position:relative;isolation:isolate;overflow:hidden;padding:50px 0 30px;background:var(--valenza-background);color:var(--valenza-ink);text-align:center;transition:background-color .9s ease,color .9s ease}.amaro-valenza-textures{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.amaro-valenza-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:brightness(.58);opacity:0;transition:opacity .7s ease}.amaro-valenza-texture[data-tone=light]{filter:brightness(.65)}.amaro-valenza-texture.is-visible{opacity:1}.amaro-valenza-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgb(0 0 0 / .4),transparent 30%,transparent 62%,rgb(0 0 0 / .45)),radial-gradient(ellipse at 50% 48%,rgb(255 255 255 / .16),transparent 65%)}.amaro-valenza-texture[data-tone=light]:after{background:linear-gradient(180deg,rgb(255 255 255 / .28),transparent 30%,transparent 62%,rgb(255 255 255 / .3))}.amaro-valenza[data-material-tone=light] .amaro-valenza-cta{background:#ffffffa6;border-color:#24211e4d}.amaro-valenza[data-material-tone=light] .amaro-valenza-cta:hover{background:#ffffffd9}.amaro-valenza-heading{position:relative;z-index:2;pointer-events:none}.amaro-valenza .amaro-valenza-eyebrow{font-size:9px;font-weight:600;letter-spacing:.21em;line-height:1.5}.amaro-valenza h2{font-family:var(--font-family-heading);font-size:clamp(70px,7.2vw,110px);font-weight:400;font-style:italic;letter-spacing:-.045em;line-height:1.1;margin:13px 0 0;color:inherit}.amaro-valenza-stage{position:relative;z-index:1;height:clamp(300px,30vw,410px);touch-action:pan-y}.amaro-valenza .amaro-valenza-shoe{position:absolute;top:50%;left:50%;width:var(--shoe-width);height:var(--shoe-width);margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;cursor:pointer;opacity:.68;transform:translate(calc(-50% + var(--position) * var(--shoe-gap)),-50%) scale(.84);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease;-webkit-tap-highlight-color:transparent}.amaro-valenza .amaro-valenza-shoe.is-selected{opacity:1;transform:translate(calc(-50% + var(--position) * var(--shoe-gap)),-50%) scale(1.1);z-index:1}.amaro-valenza-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shoe-shadow) center / contain no-repeat;pointer-events:none}.amaro-valenza .amaro-valenza-shoe img{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.amaro-valenza-arrow{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:56px;height:56px;margin-top:-28px;border:0;background:transparent;color:inherit;cursor:pointer}.amaro-valenza-arrow svg{width:34px;height:20px}.amaro-valenza-prev{left:2.5%}.amaro-valenza-next{right:2.5%}.amaro-valenza-details{position:relative;z-index:2;min-height:95px}.amaro-valenza-details [hidden]{display:none}.amaro-valenza .amaro-valenza-name{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.035em}.amaro-valenza .amaro-valenza-color{font-size:10px;line-height:1.6;margin-top:3px}.amaro-valenza-cta{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:44px;padding:12px 24px;margin-top:17px;background:#0003;border:1px solid rgb(255 255 255 / .4);color:inherit;text-decoration:none;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:.11em;text-transform:uppercase;transition:background-color .2s ease}.amaro-valenza-cta:hover{background:#00000059}.amaro-valenza-dots{position:relative;z-index:2;display:flex;justify-content:center;margin-top:19px}.amaro-valenza-dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.amaro-valenza-dots span{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .2s ease,transform .2s ease}.amaro-valenza-dots .is-selected span{opacity:1;transform:scale(1.35)}.amaro-valenza button:focus-visible,.amaro-valenza a:focus-visible{outline:1px solid currentColor;outline-offset:5px}.amaro-valenza :is([data-valenza-shoe],button,.amaro-valenza-cta){touch-action:manipulation}.amaro-valenza-native-viewport{position:relative;z-index:1}.amaro-valenza[data-native-touch] .amaro-valenza-stage{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto}.amaro-valenza[data-native-touch] .amaro-valenza-stage::-webkit-scrollbar{display:none}.amaro-valenza[data-native-touch] .amaro-valenza-stage:before{content:"";display:block;width:var(--valenza-native-extent);height:1px;pointer-events:none}.amaro-valenza-native-gap{position:absolute;top:0;left:0;width:var(--shoe-gap);height:0;pointer-events:none}.amaro-valenza[data-native-touch] .amaro-valenza-shoe,.amaro-valenza[data-native-touch] .amaro-valenza-shoe.is-selected{left:calc(50% + var(--valenza-native-offset));opacity:var(--valenza-native-opacity, .68);transform:translate(-50%,-50%) scale(var(--valenza-native-scale, .84));transition:none;scroll-snap-align:center}@media(max-width:749px){.amaro-valenza{--shoe-width: clamp(180px, 58vw, 300px);--shoe-gap: clamp(220px, 66vw, 390px);padding:36px 0 24px}.amaro-valenza-texture:not([data-tone=light]){filter:brightness(.48)}.amaro-valenza h2{font-size:76px}.amaro-valenza-stage{height:290px}.amaro-valenza .amaro-valenza-shoe.is-selected{transform:translate(calc(-50% + var(--position) * var(--shoe-gap)),-50%) scale(1)}.amaro-valenza .amaro-valenza-shoe{transition-duration:.42s,.3s}.amaro-valenza-texture{transition-duration:.35s}.amaro-valenza{transition-duration:.42s}.amaro-valenza .amaro-valenza-eyebrow{font-size:8px;letter-spacing:.17em}.amaro-valenza-prev{left:0}.amaro-valenza-next{right:0}.amaro-valenza-arrow{top:auto;bottom:0;width:48px;height:48px;margin-top:0}.amaro-valenza-dots button{width:48px;height:48px}.amaro-valenza-arrow svg{width:23px}.amaro-valenza-cta{gap:22px;padding-inline:20px}}@media(prefers-reduced-motion:reduce){.amaro-valenza,.amaro-valenza *,.amaro-valenza *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/amaro-valenza-showcase.css.map */