scroll-story{display:block}.ss{position:relative;isolation:isolate;background:var(--stage);color:var(--ink)}.ss__stage{display:none}.ss__chapters{list-style:none;margin:0;padding:0}.ss .chapter{max-width:var(--page-width);margin:0 auto;padding:56px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:32px 64px}.ss .chapter .copy{flex:1 1 360px;min-width:0;max-width:520px}.ss .chapter .still{flex:1 1 280px;max-width:380px}.ss .chapter .still img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.ss .chapter h1{font-size:calc(clamp(56px,8.4vw,120px) * var(--type-scale));line-height:.9}.ss .chapter h2{font-size:calc(clamp(40px,5vw,72px) * var(--type-scale));line-height:.95}.ss .chapter .rte{margin:20px 0 0;font-size:19px;max-width:30em}.ss .chapter .rte p{margin:0 0 .6em}.ss .chapter .btn-row{margin-top:32px}.ss .part{display:block;font-size:15px;font-weight:600;color:var(--steel);margin-bottom:14px;font-stretch:100%}.ss .part.num{color:var(--steel)}.ss.is-scrub{height:var(--story-h, 1000vh)}.ss.is-scrub .ss__stage{display:block;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.ss.is-scrub .ss__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ss.is-scrub .ss__chapters{position:sticky;top:0;height:100vh;height:100svh;margin-top:-100vh;margin-top:-100svh;pointer-events:none}.ss.is-scrub .chapter{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;padding:calc(var(--header-h) + 24px) var(--gutter) 40px;align-items:center;opacity:0;transition:opacity .45s ease}.ss.is-scrub .chapter.on{opacity:1}.ss.is-scrub .chapter.on .copy{pointer-events:auto}@media(min-width:821px){.ss.is-scrub .chapter.narrow .copy{max-width:min(420px,30vw)}.ss.is-scrub .chapter.right{padding-right:calc(var(--gutter) + 120px)}}.ss.is-scrub .chapter .still{display:none}.ss .chapters-ghost{filter:blur(2px);opacity:.95;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ss .chapters-ghost,.ss .chapters-ghost *{pointer-events:none!important}.ss.is-scrub .ss__stage{z-index:0}.ss.is-scrub .ss__chapters{z-index:1}.ss.is-scrub .glass-layer,.ss.is-scrub .ui-layer{position:sticky;top:0;height:100vh;height:100svh;margin-top:-100vh;margin-top:-100svh;pointer-events:none;overflow:hidden}.ss.is-scrub .glass-layer{z-index:2}.ss.is-scrub .ui-layer{z-index:3}.ss .glass-layer canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ss .ui-layer .ss__rail{pointer-events:auto}.ss.glass-off .chapters-ghost{display:none}.ss.glass-off .glass-layer{z-index:0}.ss.glass-off .behind-glass-sharp{-webkit-mask:none;mask:none}.ss .behind-glass-sharp{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.ss.is-scrub .chapter .copy{max-width:min(500px,36vw);transform:translateY(14px);transition:transform .6s var(--ease-out)}.ss.is-scrub .chapter.on .copy{transform:none}.ss.is-scrub .chapter.right{justify-content:flex-end}.ss.is-scrub .chapter.right .copy{text-align:left}.ss__frame-box{position:absolute;pointer-events:none}.ss .callout{position:absolute;display:flex;align-items:center;opacity:0;transform:translateY(-50%);transition:opacity .35s ease}.ss .callout.on{opacity:1}.ss .callout .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);flex-shrink:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 18%,transparent)}.ss .callout .lead{height:1px;width:clamp(40px,6vw,96px);background:var(--signal);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ease-out) .05s}.ss .callout.on .lead{transform:scaleX(1)}.ss .callout .lbl{padding:0 10px;font-size:14px;line-height:1.3;font-stretch:85%;white-space:nowrap}.ss .callout .lbl b{display:block;font-weight:650}.ss .callout .lbl span{color:var(--steel)}.ss .callout.flip{flex-direction:row-reverse;transform:translate(-100%,-50%)}.ss .callout.flip .lead{transform-origin:right center}.ss .callout.flip .lbl{text-align:right}.ss__rail{position:absolute;pointer-events:auto;right:var(--gutter);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:2px;z-index:3}.ss__rail button{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;border:0;background:none;font:inherit;font-size:13px;color:var(--steel);cursor:pointer;padding:0}.ss__rail button i{width:14px;height:1px;background:currentColor;transition:width .3s}.ss__rail button[aria-current=step]{color:var(--ink);font-weight:600}.ss__rail button[aria-current=step] i{width:32px;background:var(--signal)}.ss__loading{position:absolute;left:var(--gutter);bottom:20px;margin:0;font-size:13px;color:var(--steel);z-index:3}@media(max-width:820px){.ss.is-scrub .chapter{align-items:flex-end;padding-bottom:28px}.ss.is-scrub .chapter.right{justify-content:flex-start}.ss.is-scrub .chapter .copy{max-width:none;padding:0 2px 6px}.ss.is-scrub .chapter .copy h1,.ss.is-scrub .chapter .copy h2,.ss.is-scrub .chapter .copy .rte,.ss.is-scrub .chapter .copy .part{text-shadow:0 0 10px var(--stage),0 0 18px var(--stage),0 0 2px var(--stage)}.ss .chapter h1{font-size:clamp(48px,14vw,72px)}.ss .chapter h2{font-size:clamp(36px,10vw,52px)}.ss .chapter .rte{font-size:16px;margin-top:12px}.ss .callout .lead{width:16px}.ss .callout .lbl{padding:0 6px;font-size:12px;text-shadow:0 0 6px var(--stage),0 0 12px var(--stage)}.ss .callout .lbl span{font-size:11px}.ss__rail{display:none}}@media(max-width:480px){.ss .callout .lbl{white-space:normal;width:max-content;max-width:24vw}}.ss .chapter.intro{justify-content:center;flex-direction:column;text-align:center}.ss .intro__line{margin:24px 0 0;font-size:var(--fs-lead);color:var(--steel)}.ss .intro__cue{display:none}.ss.is-scrub .chapter.intro{padding:0}.ss.is-scrub .intro__line,.ss.is-scrub .intro__cue{position:absolute;left:calc(var(--intro-x, 30%) - var(--intro-d, 52vh) / 2);text-align:left;margin:0}.ss.is-scrub .intro__line{top:calc(var(--intro-y, 44%) + var(--intro-d, 52vh) / 2 + 28px);max-width:min(15em,calc(var(--intro-d, 40vh) * .65));font-size:var(--fs-body);line-height:1.45;color:var(--ink);opacity:0;transition:opacity .6s ease 1s}.ss.is-scrub.intro-play .intro__line{opacity:calc(1 - var(--intro-p, 0) * 1.6)}.ss.is-scrub .intro__cue{display:flex;align-items:center;gap:12px;top:calc(var(--intro-y, 44%) + var(--intro-d, 52vh) / 2 + 28px + 3.6em);font-size:var(--fs-tiny);color:var(--steel);opacity:0;transition:opacity .6s ease 1.5s}.ss.is-scrub.intro-play .intro__cue{opacity:calc(1 - var(--intro-p, 0) * 4)}.ss .intro__cue i{order:-1;width:1px;height:36px;background:linear-gradient(var(--steel) 0 50%,transparent 0) 0 0 / 1px 72px;animation:ss-cue 1.6s linear infinite}.ss.is-scrub .ss__rail{transition:opacity .4s ease}.ss.is-scrub.at-intro .ss__rail{opacity:0;pointer-events:none}@keyframes ss-cue{0%{background-position:0 -36px}to{background-position:0 36px}}@media(max-width:820px){.ss.is-scrub .intro__line,.ss.is-scrub .intro__cue{display:none}}@media(prefers-reduced-motion:no-preference){.js .ss:not(.is-scrub):not(.is-static):not([data-static]){min-height:100vh;min-height:100svh}.js .ss:not(.is-scrub):not(.is-static):not([data-static]) .ss__chapters{opacity:0;animation:ss-show 0s 4s forwards}}@keyframes ss-show{to{opacity:1}}.ss.ss-instant .chapter,.ss.ss-instant .callout,.ss.ss-instant .callout .lead{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-scroll-story.css.map */