.spin-story{padding-block:var(--section-pt, 0) var(--section-pb, 0);background:var(--color-bg);color:var(--color-ink)}.spin-story__track{position:relative;block-size:var(--track-vh, 500vh)}.spin-story__pin{position:sticky;inset-block-start:0;block-size:var(--stage-h, 100svh);overflow:hidden;background:var(--color-bg);color:var(--color-ink)}.spin-story__frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);block-size:100%;max-inline-size:var(--section-max, var(--page-width));margin-inline:auto;padding-inline:var(--section-pad, var(--page-margin))}.spin-story__head{z-index:6;padding-block-start:var(--space-6, 2rem);max-inline-size:var(--head-max, 100%)}.spin-story__body{display:grid;min-block-size:0;align-items:center}.spin-story--word .spin-story__body{grid-template-columns:minmax(0,22%) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem)}.spin-story--word.spin-story--stick-end .spin-story__body{grid-template-columns:minmax(0,1fr) minmax(0,22%)}.spin-story--word.spin-story--stick-end .spin-stage{order:2}:is(.spin-story--wall,.spin-story--marquee) .spin-story__body{grid-template-areas:"stack";grid-template-rows:minmax(0,1fr);place-items:center}:is(.spin-story--wall,.spin-story--marquee) .spin-stage{grid-area:stack;z-index:4}:is(.spin-story--wall,.spin-story--marquee) .spin-beats{grid-area:stack;z-index:3}.spin-story__after{max-inline-size:var(--section-max, var(--page-width));margin-inline:auto;padding-inline:var(--section-pad, var(--page-margin))}.spin-story__rail{position:absolute;z-index:6;display:flex;gap:7px;align-items:center;inset-inline-start:var(--section-pad, var(--page-margin))}.spin-story__rail--start{inset-block-start:var(--space-6, 2rem)}.spin-story__rail--end{inset-block-end:var(--space-6, 2rem)}.spin-story__rail i{block-size:8px;inline-size:calc(8px + var(--w, 0) * 26px);border-radius:999px;background:currentcolor;opacity:.45}@media(max-width:749px){.spin-story__head{max-inline-size:100%}.spin-story--word .spin-story__body,.spin-story--word.spin-story--stick-end .spin-story__body{grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(1rem,5vw,2rem)}.spin-story--word.spin-story--stick-end .spin-stage{order:0}.spin-story--word .spin-beat{transform:translate3d(calc(var(--x, 0) * var(--travel-mobile, 95vw)),0,0)}.spin-story__rail--end{inset-inline-start:auto;inset-inline-end:var(--section-pad, var(--page-margin))}}.spin-beat{grid-area:1 / 1;inline-size:100%;min-inline-size:0;opacity:var(--o, 0)}.spin-beat:first-child{opacity:var(--o, 1)}.spin-beat__inner{display:flex;flex-direction:column;justify-content:center;block-size:100%}.spin-story--word .spin-beat{transform:translate3d(calc(var(--x, 0) * var(--travel, 60vw)),0,0);will-change:transform,opacity}.spin-story--word .spin-beat :is(p,.text){opacity:var(--o2, 1)}.spin-story--wall .spin-beat{transform:translate3d(calc(var(--x, 0) * var(--drift, 8vw)),calc(var(--y, 0) * 1px),0) scale(var(--s, 1));white-space:nowrap;will-change:transform}.spin-story--wall .spin-beat :is(.heading,p){text-wrap:nowrap}.spin-story--wall .spin-beat__inner{align-items:center}.spin-story--marquee .spin-beat{flex:none;min-block-size:0;transform:translate3d(calc(var(--x, 0) * var(--drift, 8vw)),0,0);will-change:transform}.spin-story--marquee .spin-beat__inner{flex-direction:row;align-items:center;justify-content:center}.spin-story--marquee .spin-beat :is(.heading,p){text-wrap:nowrap}.spin-story--marquee .spin-beat .heading{margin-inline-end:.34em;font-size:max(var(--fs, 3rem),calc(var(--band-px, 60vh) / (var(--beat-count, 6) * 1.25)))}.spin-story--marquee .spin-beat .text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.spin-story--word .spin-beat{transform:none}.spin-story--wall .spin-beat{transform:translate3d(0,calc(var(--y, 0) * 1px),0)}.spin-story--marquee .spin-beat{transform:none}}.spin-beats{display:grid;grid-template-areas:"beat";align-items:center;inline-size:100%;min-inline-size:0}.spin-story--word .spin-beats{block-size:var(--band-h, 240px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 92%,transparent 100%)}.spin-story--wall .spin-beats{block-size:100%;-webkit-mask-image:linear-gradient(180deg,transparent 2%,#000 26%,#000 74%,transparent 98%);mask-image:linear-gradient(180deg,transparent 2%,#000 26%,#000 74%,transparent 98%)}.spin-story--marquee .spin-beats{display:flex;flex-direction:column;justify-content:center;block-size:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.spin-stage--sprite{aspect-ratio:75 / 400}.spin-stage{--panel-bleed: 9%;--stage-reserve: 0px;--stick-max: var(--stick-h, 470px);--stick-size: clamp(160px, calc((var(--band-px, 60vh) - var(--stage-reserve)) / 1.1813), var(--stick-max));--panel-w: min(calc(var(--panel-ratio, .5519) * var(--stick-size)), 68vw);--badge-size: min(calc(var(--badge-ratio, .4208) * var(--stick-size)), 30vw);position:relative;block-size:var(--stick-size);inline-size:auto;display:grid;place-items:center;perspective:1400px}.spin-stage__sprite{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;filter:drop-shadow(0 26px 34px rgb(0 0 0 / .3))}.spin-stage__sprite img{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:calc(var(--sheet-cols, 10) * 100%);block-size:calc(var(--sheet-rows, 3) * 100%);max-inline-size:none;transform:translate(calc(var(--col, 0) * -100% / var(--sheet-cols, 10)),calc(var(--row, 0) * -100% / var(--sheet-rows, 3)));will-change:transform}.spin-stage__panel{position:absolute;inset-block:calc(var(--panel-bleed) * -1);inset-inline-start:50%;inline-size:var(--panel-w, 340px);translate:-50% 0;background-color:var(--panel-bg, var(--color-surface));color:var(--panel-ink, var(--color-ink))}.spin-stage__panel--arch{border-radius:calc(var(--panel-w, 340px) / 2) calc(var(--panel-w, 340px) / 2) 14px 14px}.spin-stage__panel--rounded{border-radius:20px}.spin-stage__panel--frame{background-color:transparent;border:1px solid color-mix(in srgb,var(--panel-ink, var(--color-ink)) 34%,transparent);backdrop-filter:blur(var(--panel-blur, 0px));-webkit-backdrop-filter:blur(var(--panel-blur, 0px))}.spin-stage--kunye{--stage-reserve: 84.05px}.spin-stage--kunye .spin-stage__label{inset-block-end:auto;inset-block-start:calc(100% + 1.1rem);inset-inline-start:0}.spin-stage--kunye .spin-stage__label>span{writing-mode:horizontal-tb;rotate:none}.spin-stage__label{position:absolute;inset-block-end:1.75rem;inset-inline-start:1.1rem;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.spin-stage__label>span{display:block;writing-mode:vertical-rl;rotate:180deg}.spin-stage__callout.is-idle{visibility:hidden}.spin-stage__callout{--dot-y: 30%;--edge: 100%;--dir: 1;--reach: clamp(28px, 6vw, 150px)}.spin-stage--kunye .spin-stage__callout[data-spot="0"]{--dot-y: 24%;--edge: 100%;--dir: 1}.spin-stage--kunye .spin-stage__callout[data-spot="1"]{--dot-y: 54%;--edge: 0%;--dir: -1}.spin-stage--kunye .spin-stage__callout[data-spot="2"]{--dot-y: 82%;--edge: 100%;--dir: 1}.spin-stage__dot,.spin-stage__line{display:none}.spin-stage--kunye :is(.spin-stage__dot,.spin-stage__line){display:block;position:absolute;z-index:2;background-color:var(--badge-bg, var(--color-accent))}.spin-stage--kunye .spin-stage__dot{inset-block-start:calc(var(--dot-y) - 6px);inset-inline-start:calc(var(--edge) - 6px);inline-size:13px;block-size:13px;border-radius:50%}.spin-stage--kunye .spin-stage__line{inset-block-start:var(--dot-y);inset-inline-start:calc(var(--edge) + min(0px,var(--dir) * var(--reach)));inline-size:var(--reach);block-size:1px;transform-origin:calc(50% - var(--dir) * 50%) center}.spin-stage--kunye .spin-stage__badge{inset-block-start:calc(var(--dot-y) - var(--badge-h) / 2);inset-block-end:auto;inset-inline-start:calc(var(--edge) + var(--dir) * var(--reach) + min(0px,var(--dir) * var(--badge-w)))}.spin-stage--pill .spin-stage__badge{--badge-w: calc(var(--badge-size, 176px) * 1.5);--badge-h: calc(var(--badge-size, 176px) * .52);justify-items:start;padding-inline:calc(var(--badge-size, 176px) * .13);border-radius:999px;text-align:start}@media(max-width:749px){.spin-stage--pill .spin-stage__badge{--badge-w: var(--badge-size, 176px);--badge-h: var(--badge-size, 176px);justify-items:center;padding-inline:calc(var(--badge-size, 176px) * .15);border-radius:50%;text-align:center}}.spin-stage__badge{--badge-w: var(--badge-size, 176px);--badge-h: var(--badge-size, 176px);position:absolute;z-index:2;display:grid;place-content:center;justify-items:center;inset-block-end:calc(var(--panel-bleed) * -1 - var(--badge-h) * .45);inset-inline-start:calc(50% + var(--panel-w, 340px) / 2 - var(--badge-w) * .62);inline-size:var(--badge-w);block-size:var(--badge-h);border-radius:50%;background-color:var(--badge-bg, var(--color-accent));color:var(--badge-fg, var(--color-on-accent));line-height:1.05;text-align:center}.spin-stage__badge-value{font-family:var(--font-heading);font-weight:var(--font-heading-weight-display);font-size:calc(var(--badge-size, 176px) * .235)}.spin-stage__badge-label{font-size:calc(var(--badge-size, 176px) * .088);font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.74}.spin-stage__badge-value:empty,.spin-stage__badge-label:empty{display:none}.spin-stage__badge--beat{padding-inline:calc(var(--badge-size, 176px) * .15);gap:calc(var(--badge-size, 176px) * .035)}.spin-stage__badge--beat .spin-stage__badge-value{font-family:inherit;font-weight:600;font-size:calc(var(--badge-size, 176px) * .125);line-height:1.15}.spin-stage__badge--beat .spin-stage__badge-label{font-size:max(9px,calc(var(--badge-size, 176px) * .06));font-weight:400;letter-spacing:normal;text-transform:none;line-height:1.45}@keyframes spin-disc-in{0%{opacity:0;transform:translateY(calc(var(--badge-size, 176px) * .055))}to{opacity:1;transform:translateY(0)}}.spin-stage__badge--beat.is-entering :is(.spin-stage__badge-value,.spin-stage__badge-label){animation:spin-disc-in .3s ease-out both}.spin-stage__badge--beat.is-entering .spin-stage__badge-label{animation-delay:60ms}@keyframes kunye-dot-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.2)}}@keyframes kunye-line-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes kunye-disc-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}@keyframes kunye-dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes kunye-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes kunye-disc-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.spin-stage--kunye .spin-stage__callout.is-entering .spin-stage__dot{animation:kunye-dot-in .15s ease-out both}.spin-stage--kunye .spin-stage__callout.is-entering .spin-stage__line{animation:kunye-line-in .19s .1s ease-out both}.spin-stage--kunye .spin-stage__callout.is-entering .spin-stage__badge{animation:kunye-disc-in .19s .24s ease-out both}.spin-stage--kunye .spin-stage__callout.is-leaving .spin-stage__badge{animation:kunye-disc-out .15s ease-in both}.spin-stage--kunye .spin-stage__callout.is-leaving .spin-stage__line{animation:kunye-line-out .14s 80ms ease-in both}.spin-stage--kunye .spin-stage__callout.is-leaving .spin-stage__dot{animation:kunye-dot-out .12s .17s ease-in both}@media(prefers-reduced-motion:reduce){.spin-stage__badge--beat.is-entering :is(.spin-stage__badge-value,.spin-stage__badge-label),.spin-stage--kunye .spin-stage__callout.is-entering :is(.spin-stage__dot,.spin-stage__line,.spin-stage__badge),.spin-stage--kunye .spin-stage__callout.is-leaving :is(.spin-stage__dot,.spin-stage__line,.spin-stage__badge){animation:none}}.spin-stage__still{block-size:100%;inline-size:auto;object-fit:contain;transform:rotateY(calc(var(--p, 0) * var(--turns, 720deg)));transform-style:preserve-3d;filter:drop-shadow(0 26px 34px rgb(0 0 0 / .3))}@media(max-width:749px){.spin-stage{--stick-max: var(--stick-h-mobile, var(--stick-h, 470px))}}@media(prefers-reduced-motion:reduce){.spin-stage__still{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spin-story.css.map */