.spiral{--spiral-bg: #0d0f12;--spiral-text: #f2f2f2;--spiral-card-w: var(--spiral-card-w-desktop, 240px);--spiral-card-ratio: .8;--spiral-info-h: 6.4rem;--spiral-card-h: calc(var(--spiral-card-w) / var(--spiral-card-ratio) + var(--spiral-info-h));--spiral-height: calc(var(--spiral-card-h) * 2.3);--spiral-back-blur: var(--spiral-back-blur-desktop, 8px);position:relative;overflow:hidden;background:var(--spiral-bg);color:var(--spiral-text)}@media screen and (max-width:749px){.spiral{--spiral-card-w: min(calc(var(--spiral-card-w-desktop, 240px) * .95), 58vw);--spiral-back-blur: calc(var(--spiral-back-blur-desktop, 8px) * .5);--spiral-height: calc(var(--spiral-card-h) * 1.75)}}.spiral__header{display:grid;justify-items:center;gap:1.2rem;text-align:center;padding:0 1.5rem}.spiral__header--below{margin-top:clamp(2.4rem,4vw,4rem)}.spiral__header--above{margin-bottom:clamp(1.6rem,3vw,3.2rem)}.spiral__heading{margin:0;color:inherit}.spiral__subheading{margin:0;max-width:60ch;opacity:.75}.spiral__cta{display:inline-flex;align-items:center;gap:1rem;min-height:4.6rem;padding:0 2.4rem;border:.1rem solid currentColor;color:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease}.spiral__cta:hover{background:var(--spiral-text);color:var(--spiral-bg)}.spiral__cta:focus-visible{outline:.2rem solid var(--spiral-text);outline-offset:.3rem}.spiral__viewport{position:relative;display:block;height:var(--spiral-height);outline:none;touch-action:pan-y}.spiral__viewport:focus-visible{box-shadow:inset 0 0 0 .2rem var(--spiral-text)}.spiral__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center}.spiral__helix{display:flex;gap:1.6rem;width:100%;margin:0;padding:0 1.5rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.spiral__helix::-webkit-scrollbar{display:none}.spiral__card{flex:none;width:var(--spiral-card-w);scroll-snap-align:center}.spiral__link{position:relative;display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:.6rem;overflow:hidden;background:#1b1e23;background:color-mix(in srgb,var(--spiral-bg) 90%,#fff);box-shadow:0 1.6rem 4rem #00000073}.spiral__link:focus-visible{outline:.2rem solid var(--spiral-text);outline-offset:.3rem}.spiral__media{position:relative;aspect-ratio:var(--spiral-card-ratio);overflow:hidden;background:#ffffff0f}.spiral__media img,.spiral__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.spiral__img--blur{filter:blur(var(--spiral-back-blur)) brightness(.7) saturate(.8);transform:scale(1.12);display:none!important}.spiral__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none}.spiral__info{display:grid;gap:.3rem;min-height:var(--spiral-info-h);padding:1rem 1.2rem;align-content:center}.spiral__vendor{font-size:1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.spiral__title{color:inherit;margin:0;font-size:1.3rem;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.spiral__price{display:flex;flex-wrap:wrap;gap:.6rem;font-size:1.3rem}.spiral__price s{opacity:.55}.spiral__price--sale{font-weight:700}.spiral__viewport.is-3d{cursor:grab}.spiral__viewport.is-3d.is-dragging{cursor:grabbing}.spiral__viewport.is-3d .spiral__stage{display:block;perspective:1600px;perspective-origin:50% 50%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.spiral__viewport.is-3d .spiral__helix{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:auto;padding:0;overflow:visible;transform-style:preserve-3d}.spiral__viewport.is-3d .spiral__card{position:absolute;top:50%;left:50%;width:var(--spiral-card-w);height:var(--spiral-card-h);margin-top:calc(var(--spiral-card-h) / -2);margin-left:calc(var(--spiral-card-w) / -2);will-change:transform;transform-style:preserve-3d}.spiral__viewport.is-3d .spiral__img--blur{display:block!important}.spiral__viewport.is-3d .spiral__img--sharp,.spiral__viewport.is-3d .spiral__info{will-change:opacity}.spiral__viewport.is-3d .spiral__card.is-back,.spiral__viewport.is-3d.is-dragging .spiral__link{pointer-events:none}.spiral__empty{display:grid;place-items:center;height:var(--spiral-height);padding:2rem;text-align:center;opacity:.7}@media(prefers-reduced-motion:reduce){.spiral__viewport{height:auto;padding:2rem 0;cursor:auto}.spiral__stage{position:static}}.spiral .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spiral__back,.spiral__side{display:none}.spiral__viewport.is-3d .spiral__link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.4rem;transform:translateZ(calc(var(--spiral-depth, 14px) / 2));backface-visibility:hidden;-webkit-backface-visibility:hidden}.spiral__viewport.is-3d .spiral__back{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:.4rem;background:#1b1e23;background:color-mix(in srgb,var(--spiral-bg) 88%,#fff);transform:rotateY(180deg) translateZ(calc(var(--spiral-depth, 14px) / 2));backface-visibility:hidden;-webkit-backface-visibility:hidden}.spiral__back img{position:absolute;inset:0 0 var(--spiral-info-h) 0;width:100%;height:calc(100% - var(--spiral-info-h));object-fit:cover;filter:blur(var(--spiral-back-blur)) saturate(.8);transform:scale(1.15)}.spiral__back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--spiral-back-dim, .55)}.spiral__viewport.is-3d .spiral__side{display:block;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.spiral__viewport.is-3d .spiral__side--l,.spiral__viewport.is-3d .spiral__side--r{top:.4rem;bottom:.4rem;left:calc(50% - var(--spiral-depth, 14px) / 2);width:var(--spiral-depth, 14px);background:linear-gradient(180deg,#3a3f47,#15171b)}.spiral__viewport.is-3d .spiral__side--r{transform:rotateY(90deg) translateZ(calc(var(--spiral-card-w) / 2))}.spiral__viewport.is-3d .spiral__side--l{transform:rotateY(-90deg) translateZ(calc(var(--spiral-card-w) / 2))}.spiral__viewport.is-3d .spiral__side--t,.spiral__viewport.is-3d .spiral__side--b{left:.4rem;right:.4rem;top:calc(50% - var(--spiral-depth, 14px) / 2);height:var(--spiral-depth, 14px)}.spiral__viewport.is-3d .spiral__side--t{background:linear-gradient(90deg,#4a5059,#6b727c 50%,#4a5059);transform:rotateX(90deg) translateZ(calc(var(--spiral-card-h) / 2))}.spiral__viewport.is-3d .spiral__side--b{background:#0b0c0e;transform:rotateX(-90deg) translateZ(calc(var(--spiral-card-h) / 2))}.spiral__viewport.is-3d .spiral__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#00000038,#0000 16% 84%,#00000038),linear-gradient(180deg,#0000 70%,#0000002e);box-shadow:inset 0 .1rem #ffffff73,inset 0 0 0 .1rem #ffffff0f}.spiral__viewport.is-3d .spiral__link{box-shadow:0 2.4rem 4.8rem -1.2rem #000000b3,0 .6rem 1.2rem #00000059,inset 0 .1rem #ffffff14}.spiral__gloss{display:none}.spiral--gloss .spiral__viewport.is-3d .spiral__gloss{display:block;position:absolute;top:-10%;right:-60%;bottom:-10%;left:-60%;pointer-events:none;background:linear-gradient(105deg,#fff0 38%,#ffffff47,#fff0 62%);mix-blend-mode:screen;will-change:transform}@media screen and (max-width:749px){.spiral__viewport.is-3d .spiral__side{display:none}}.spiral__controls{position:absolute;left:50%;bottom:1.2rem;z-index:2;display:none;align-items:center;gap:1.2rem;transform:translate(-50%)}.spiral__viewport.is-3d .spiral__controls{display:flex}.spiral__control{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid color-mix(in srgb,var(--spiral-text) 40%,transparent);border-radius:50%;background:color-mix(in srgb,var(--spiral-bg) 70%,transparent);color:var(--spiral-text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease,color .2s ease,transform .2s ease}.spiral__control svg{width:1.4rem;height:1.4rem}.spiral__control:hover{background:var(--spiral-text);color:var(--spiral-bg)}.spiral__control:active{transform:scale(.94)}.spiral__control:focus-visible{outline:.2rem solid var(--spiral-text);outline-offset:.3rem}.spiral__hint{font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;transition:opacity .4s ease}.spiral__viewport.has-interacted .spiral__hint{opacity:0}@media(hover:hover)and (pointer:fine){.spiral__hint{display:none}}.spiral{--spiral-card-bg: #ecebe7;--spiral-card-text: #16181b;--spiral-badge: #193247;--spiral-radius: 1.4rem;--spiral-info-h: 8.4rem}.spiral__link{isolation:isolate;border-radius:var(--spiral-radius);color:var(--spiral-card-text);background:radial-gradient(120% 70% at 50% 32%,#ffffff 0%,var(--spiral-card-bg) 58%,color-mix(in srgb,var(--spiral-card-bg) 82%,#000) 100%);border:.1rem solid rgba(255,255,255,.55);box-shadow:0 2.8rem 5.6rem -1.6rem #000000bf,0 .8rem 1.6rem #0000004d,inset 0 .1rem #ffffffe6,inset 0 -.2rem .6rem #0000000f}.spiral__viewport.is-3d .spiral__link{border-radius:var(--spiral-radius)}.spiral__top{position:absolute;top:1.1rem;left:1.2rem;right:1.2rem;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.spiral__index{font-family:var(--font-heading-family, inherit);font-size:1.1rem;letter-spacing:.08em;opacity:.55}.spiral__badge{margin-left:auto;padding:.4rem .9rem;border-radius:10rem;background:var(--spiral-badge);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.spiral__badge--muted{background:#0000008c}.spiral__media{background:transparent;overflow:visible}.spiral__media img,.spiral__media svg{top:3.2rem;right:1.6rem;bottom:.4rem;left:1.6rem;width:calc(100% - 3.2rem);height:calc(100% - 3.6rem);object-fit:contain;mix-blend-mode:multiply}.spiral__img--blur{transform:none;filter:blur(var(--spiral-back-blur)) saturate(.9)}.spiral__floor{position:absolute;left:18%;right:18%;bottom:.2rem;height:1.6rem;border-radius:50%;background:radial-gradient(closest-side,#00000047,#0000);filter:blur(.2rem)}.spiral__viewport.is-3d .spiral__media:after{background:none;box-shadow:none}.spiral__info{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;min-height:var(--spiral-info-h);padding:.8rem 1.4rem 1.4rem}.spiral__text{display:grid;gap:.4rem;min-width:0}.spiral__vendor{font-size:1rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spiral__title{font-size:1.35rem;line-height:1.2;letter-spacing:.03em}.spiral__price{align-items:baseline;font-size:1.4rem;font-weight:600}.spiral__price s{font-size:1.2rem;font-weight:400}.spiral__price--sale{color:var(--spiral-badge)}.spiral__go{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--spiral-card-text);color:var(--spiral-card-bg);transform:rotate(-45deg);transition:transform .35s cubic-bezier(.22,1,.36,1)}.spiral__go svg{width:1.3rem;height:1.3rem}.spiral__link:hover .spiral__go,.spiral__link:focus-visible .spiral__go{transform:rotate(0)}.spiral__shade{z-index:3;border-radius:inherit;background:#05070a}.spiral--gloss .spiral__viewport.is-3d .spiral__gloss{z-index:3;background:linear-gradient(105deg,#fff0 40%,#ffffff73,#fff0 60%);mix-blend-mode:soft-light}.spiral__viewport.is-3d .spiral__side--l,.spiral__viewport.is-3d .spiral__side--r{top:var(--spiral-radius);bottom:var(--spiral-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--spiral-card-bg) 80%,#000),color-mix(in srgb,var(--spiral-card-bg) 45%,#000))}.spiral__viewport.is-3d .spiral__side--t,.spiral__viewport.is-3d .spiral__side--b{left:var(--spiral-radius);right:var(--spiral-radius)}.spiral__viewport.is-3d .spiral__side--t{background:linear-gradient(90deg,color-mix(in srgb,var(--spiral-card-bg) 85%,#000),#fff 50%,color-mix(in srgb,var(--spiral-card-bg) 85%,#000))}.spiral__viewport.is-3d .spiral__side--b{background:color-mix(in srgb,var(--spiral-card-bg) 40%,#000)}.spiral__viewport.is-3d .spiral__back{border-radius:var(--spiral-radius);background:color-mix(in srgb,var(--spiral-card-bg) 70%,#000)}.spiral__back img{inset:3.2rem 1.6rem var(--spiral-info-h);width:calc(100% - 3.2rem);height:calc(100% - 3.2rem - var(--spiral-info-h));object-fit:contain;mix-blend-mode:multiply;transform:none}@media screen and (max-width:749px){.spiral{--spiral-info-h: 7.6rem}.spiral__title{font-size:1.25rem}}.spiral__cast{display:none}.spiral__viewport.is-3d .spiral__cast{display:block;position:absolute;top:6%;right:8%;bottom:2%;left:8%;border-radius:var(--spiral-radius);background:#000;filter:blur(22px);opacity:0;will-change:transform,opacity;pointer-events:none}.spiral__floor{will-change:transform,opacity}.spiral__viewport.is-3d .spiral__link{box-shadow:0 .6rem 1.4rem #00000059,inset 0 .1rem #ffffffe6,inset 0 -.2rem .6rem #0000000f}@media screen and (max-width:749px){.spiral__viewport.is-3d .spiral__cast{filter:blur(14px)}}.spiral__viewport.is-3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(42% 46% at 50% 50%,color-mix(in srgb,var(--spiral-bg) 78%,#fff),#0000),radial-gradient(60% 40% at 50% 92%,color-mix(in srgb,var(--spiral-bg) 88%,#fff),#0000)}.spiral__viewport.is-3d .spiral__cast{background:#020304}.spiral__hint{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/12/assets/spiral-slider.css.map */