.sock-carousel{--dur: .65s;--curve: cubic-bezier(.4, 0, .2, 1);--item-h: 74svh;--center-y: 2.5svh;--item-clear: calc(var(--header-h, 72px) + 48px + var(--center-y));display:block;position:relative;isolation:isolate;width:100%;overflow:hidden;background-color:var(--slide-bg);color:var(--slide-fg);transition:background-color var(--dur) var(--curve),color var(--dur) var(--curve)}.sock-carousel__stage{position:relative;width:100%;height:calc(100svh - var(--announce-h, 0px));min-height:620px;overflow:hidden;touch-action:pan-y;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sock-carousel__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat}.sock-carousel__glow{position:absolute;left:50%;bottom:-18svh;z-index:1;width:min(1100px,120vw);height:90svh;transform:translate(-50%);background-color:var(--slide-panel);-webkit-mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);transition:background-color var(--dur) var(--curve);pointer-events:none}.sock-carousel__ghost{position:absolute;inset-inline:0;top:18%;z-index:2;display:flex;justify-content:center;margin:0;font-family:var(--font-display);font-size:clamp(90px,28vw,380px);font-weight:900;line-height:1;letter-spacing:.08em;padding-left:.08em;text-transform:uppercase;white-space:nowrap;color:var(--slide-ghost);pointer-events:none;-webkit-user-select:none;user-select:none;transition:color var(--dur) var(--curve)}.sock-carousel__items{position:relative;z-index:3;grid-row:1;grid-column:1 / -1;min-height:0}.sock-carousel__item{--x: 0vw;--y: 0svh;--s: 1;--blur: 0px;--o: 1;position:absolute;left:50%;bottom:0;height:min(var(--item-h),calc(100% - var(--item-clear)));aspect-ratio:.6 / 1;transform-origin:50% 100%;transform:translate(calc(-50% + var(--x)),calc(var(--y) * -1)) scale(var(--s));filter:blur(var(--blur));opacity:var(--o);transition:transform var(--dur) var(--curve),filter var(--dur) var(--curve),opacity var(--dur) var(--curve);will-change:transform,filter,opacity;pointer-events:none}.sock-carousel__item img{width:100%;height:100%;object-fit:contain;object-position:bottom center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 28px 30px rgba(2,24,45,.28))}.sock-carousel__item.is-center{--y: var(--center-y);z-index:20}.sock-carousel__item.is-left,.sock-carousel__item.is-right{--y: calc(var(--center-y) + 8svh);--s: .4;--blur: 2px;--o: .85;z-index:10}.sock-carousel__item.is-left{--x: -19vw}.sock-carousel__item.is-right{--x: 19vw}.sock-carousel__item.is-back,.sock-carousel__item.is-back-left,.sock-carousel__item.is-back-right{--y: calc(var(--center-y) + 10svh);--s: .29;--blur: 4px;z-index:5}.sock-carousel__item.is-back-left{--x: -9vw}.sock-carousel__item.is-back-right{--x: 9vw}.sock-carousel__item.is-hidden{--y: calc(var(--center-y) + 10svh);--s: .2;--blur: 6px;--o: 0;z-index:1}@media(max-width:639px){.sock-carousel{--item-h: 54svh;--center-y: 1.5svh;--item-clear: calc(var(--header-h, 72px) + 20px + var(--center-y))}.sock-carousel__item.is-left,.sock-carousel__item.is-right{--y: calc(var(--center-y) + 5svh);--s: .32}.sock-carousel__item.is-left{--x: -32vw}.sock-carousel__item.is-right{--x: 32vw}.sock-carousel__item.is-back,.sock-carousel__item.is-back-left,.sock-carousel__item.is-back-right{--y: calc(var(--center-y) + 6svh);--s: .24}.sock-carousel__item.is-back-left{--x: -14vw}.sock-carousel__item.is-back-right{--x: 14vw}}.sock-carousel__copy{position:absolute;left:16px;bottom:24px;z-index:60;max-width:min(300px,calc(100vw - 32px))}.sock-carousel__heading{margin:0 0 14px;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;opacity:.9}.sock-carousel__text{transition:opacity .26s var(--curve),transform .26s var(--curve)}.sock-carousel__text.is-swapping{opacity:0;transform:translateY(8px)}.sock-carousel__persona{margin:0 0 4px;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.sock-carousel__persona:empty{display:none}.sock-carousel__name{margin:0 0 8px;font-size:1rem;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;opacity:.95}.sock-carousel__desc{display:none;margin:0 0 16px;font-size:.875rem;line-height:1.6;opacity:.9}.sock-carousel__meta{margin:0 0 16px;font-size:.875rem;font-weight:700}.sock-carousel__meta:empty{display:none}.sock-carousel__nav{position:relative;z-index:60;grid-row:2;grid-column:1 / -1;justify-self:center;display:flex;align-items:center;gap:14px;margin:0 0 28px}.sock-carousel__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid currentColor;border-radius:50%;background:transparent;color:inherit;transition:transform .15s var(--curve),background-color .15s var(--curve)}.sock-carousel__arrow:hover{transform:scale(1.08);background-color:#ffffff1f}.sock-carousel__ticks{display:flex;gap:2px}.sock-carousel__tick{position:relative;width:24px;height:44px;padding:0;border:0;background:none;color:inherit}.sock-carousel__tick:after{content:"";position:absolute;left:2px;right:2px;top:50%;height:3px;border-radius:3px;background:currentColor;opacity:.35;transform:translateY(-50%);transition:opacity .3s var(--curve),transform .3s var(--curve)}.sock-carousel__tick:hover:after{opacity:.7}.sock-carousel__tick[aria-current=true]:after{opacity:1;transform:translateY(-50%) scaleY(1.4)}.sock-carousel__cta{position:absolute;right:16px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;color:inherit;font-family:var(--font-display);font-size:clamp(20px,4vw,56px);font-weight:400;line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;opacity:.95;transition:opacity .2s var(--curve)}.sock-carousel__cta:hover{opacity:1}.sock-carousel__cta .icon{width:20px;height:20px;transition:transform .2s var(--curve)}.sock-carousel__cta:hover .icon{transform:translate(6px)}@media(max-width:639px){.sock-carousel__stage{grid-template-rows:minmax(0,1fr) auto auto}.sock-carousel__nav{margin:10px 0 14px}.sock-carousel__copy,.sock-carousel__cta{position:relative;inset:auto;grid-row:3;grid-column:1 / -1}.sock-carousel__copy{align-self:start;min-height:8.5rem;margin:0 16px 20px}.sock-carousel__meta{padding-right:6.5rem}.sock-carousel__cta{justify-self:end;align-self:end;margin:0 16px 24px 0;padding-block:12px}}@media(min-width:640px){.sock-carousel__copy{left:96px;bottom:96px}.sock-carousel__name{font-size:22px;letter-spacing:.02em}.sock-carousel__desc{display:block}.sock-carousel__arrow{width:56px;height:56px}.sock-carousel__nav{gap:18px}.sock-carousel__cta{right:40px;bottom:96px}.sock-carousel__cta .icon{width:32px;height:32px}}.sock-carousel :focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.sock-carousel,.sock-carousel__item,.sock-carousel__glow,.sock-carousel__ghost,.sock-carousel__text{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sock-carousel.css.map */