.stm__header{background:rgb(var(--color-atomic-white));padding:var(--space-24) var(--space-3) var(--space-17) var(--space-6)}.stm__header-inner{display:flex;justify-content:space-between;align-items:flex-start}.stm__header-left{flex-shrink:0}.stm__heading{font-family:var(--font-heading-family);font-weight:500;font-size:var(--font-size-H2);line-height:normal;letter-spacing:-.02em;color:rgb(var(--color-atomic-black));margin:0}.stm__subheading{font-family:var(--font-heading-family);font-weight:500;font-size:var(--font-size-H2);line-height:normal;letter-spacing:-.02em;color:rgb(var(--color-atomic-grey))!important;margin:var(--space-1) 0 0}.stm__header-right{max-width:366px;flex-shrink:0;padding-right:var(--space-3)}.stm__header-right,.stm__header-right *{color:rgb(var(--color-atomic-black))!important}.stm__header-text,.stm__header-text p{font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B3);line-height:20px;letter-spacing:.01em}.stm__header-text p{margin:0}.stm__header-text p+p{margin-top:var(--space-2)}.stm__header-link{display:inline-block;font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B3);line-height:20px;letter-spacing:.01em;color:rgb(var(--color-atomic-black));text-decoration:underline;text-underline-offset:3px;margin-top:var(--space-3)}.stm__scroll-container{position:relative;height:var(--stm-scroll-height)}.stm__sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.stm__media-layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.stm__media-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;pointer-events:none}.stm__media-layer.is-active{opacity:1;pointer-events:auto}.stm__media-desktop{position:absolute;top:0;right:0;bottom:0;left:0}.stm__media-mobile{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.stm__bg-media{width:100%;height:100%;object-fit:cover;display:block}.stm__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stm__media-layer viewport-media{position:absolute;top:0;right:0;bottom:0;left:0}.stm__media-layer viewport-media video,.stm__media-layer viewport-media iframe{width:100%;height:100%;object-fit:cover}.stm__line{position:absolute;left:51px;top:0;bottom:0;width:1px;background:#ffffff4d;z-index:1;pointer-events:none}.stm__slides{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:var(--space-2)}.stm__slides.is-positioned{transform:none}.stm__slide{width:var(--stm-pill-width, 188px);height:36px;border-radius:6px;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);overflow:hidden;cursor:pointer;position:relative;flex-shrink:0;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1)}.stm__slide.is-active{width:max(var(--stm-slide-width, 300px),var(--stm-pill-width, 188px));height:193px;cursor:default}.stm__slide-headline{position:absolute;left:11px;top:11px;font-family:var(--font-heading-family);font-weight:700;font-size:var(--font-size-B3);line-height:1;letter-spacing:0;color:rgb(var(--color-atomic-black));white-space:nowrap;margin:0;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1)}.stm__slide.is-active .stm__slide-headline{left:18px;top:21px}.stm__slide-number{position:absolute;left:calc(var(--stm-pill-width, 188px) - 21px);top:13px;font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B5);line-height:1;color:rgb(var(--color-atomic-black));margin:0;transition:opacity .3s ease}.stm__slide.is-active .stm__slide-number{opacity:0}.stm__slide-copy{position:absolute;left:18px;top:50px;bottom:18px;width:calc(max(var(--stm-slide-width, 300px),var(--stm-pill-width, 188px)) - 33px);font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B3);line-height:20px;letter-spacing:.01em;color:rgb(var(--color-atomic-black));opacity:0;overflow-y:auto;margin:0;display:flex;align-items:flex-end;transition:opacity .15s ease}.stm__slide.is-active .stm__slide-copy{opacity:1;transition:opacity .4s ease .15s}.stm__slide-controls{position:absolute;right:15px;top:15px;width:102px;height:29px;background:#d9d9d94d;border-radius:3px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2);opacity:0;transition:opacity .3s ease}.stm__slide.is-active .stm__slide-controls{opacity:1}.stm__slide-time{font-family:var(--font-body-family);font-weight:400;font-size:var(--font-size-B4);line-height:1;color:rgb(var(--color-atomic-black));white-space:nowrap}.stm__slide-pause-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:rgb(var(--color-atomic-black));width:7px;height:11px}.stm__slide-pause-btn .icon-play-small,.stm__slide-pause-btn.is-paused .icon-pause{display:none}.stm__slide-pause-btn.is-paused .icon-play-small{display:block}.stm__slide:focus-visible{outline:2px solid rgb(var(--color-atomic-white));outline-offset:2px}.stm__slide-pause-btn:focus-visible{outline:1px solid rgb(var(--color-atomic-black));outline-offset:2px}.stm__mobile-timer{display:none;position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:var(--space-5);width:102px;height:29px;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:3px;align-items:center;justify-content:space-between;padding:0 var(--space-2)}.stm__mobile-timer.is-hidden{display:none}@media screen and (max-width:767px){.stm__header{padding:var(--space-4) var(--space-3) var(--space-3)}.stm__header-inner{flex-direction:column;gap:var(--space-12)}.stm__header-right{max-width:none}.stm__heading,.stm__subheading{font-size:var(--font-size-H3)}.stm__header-link{margin-top:var(--space-2)}.stm__media-layer{opacity:1;transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1)}.stm__media-layer[data-position=before]{transform:translate(-100%)}.stm__media-layer.is-active{transform:translate(0)}.stm__media-layer.has-mobile .stm__media-desktop{display:none}.stm__media-layer.has-mobile .stm__media-mobile{display:block}.stm__scroll-container{height:100vh!important}.stm__line{left:0;right:0;top:auto;bottom:50%;width:auto;height:1px}.stm__slides,.stm__slides.is-positioned{left:0;right:0;top:auto!important;bottom:50%;height:48px;transform:translateY(50%);overflow:visible;padding:0}.stm__slide{position:absolute;left:0;top:50%;height:auto;max-height:48px;width:230px;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;padding:var(--space-3);gap:0 var(--space-2);overflow-x:visible;overflow-y:clip;transition:transform .5s cubic-bezier(.25,.1,.1,1),max-height .35s cubic-bezier(.4,0,.2,1);will-change:transform,max-height}.stm__slide.is-active{height:auto;max-height:48px}.stm__slide{border:none}.stm__slide:before,.stm__slide:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:6px;height:12px;pointer-events:none;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stm__slide:before{right:100%;-webkit-mask-image:radial-gradient(circle 6px at 0% 0%,transparent 5.5px,black 6px),radial-gradient(circle 6px at 0% 100%,transparent 5.5px,black 6px);-webkit-mask-size:6px 6px;-webkit-mask-position:top right,bottom right;-webkit-mask-repeat:no-repeat;mask-image:radial-gradient(circle 6px at 0% 0%,transparent 5.5px,black 6px),radial-gradient(circle 6px at 0% 100%,transparent 5.5px,black 6px);mask-size:6px 6px;mask-position:top right,bottom right;mask-repeat:no-repeat}.stm__slide:after{left:100%;-webkit-mask-image:radial-gradient(circle 6px at 100% 0%,transparent 5.5px,black 6px),radial-gradient(circle 6px at 100% 100%,transparent 5.5px,black 6px);-webkit-mask-size:6px 6px;-webkit-mask-position:top left,bottom left;-webkit-mask-repeat:no-repeat;mask-image:radial-gradient(circle 6px at 100% 0%,transparent 5.5px,black 6px),radial-gradient(circle 6px at 100% 100%,transparent 5.5px,black 6px);mask-size:6px 6px;mask-position:top left,bottom left;mask-repeat:no-repeat}.stm__slide-headline{position:static;white-space:nowrap;overflow:hidden;order:1}.stm__slide.is-expanded .stm__slide-headline{white-space:normal;overflow:visible}.stm__slide.is-active .stm__slide-headline{left:auto;top:auto}.stm__slide-number{position:static;order:0;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.stm__slide.is-active .stm__slide-number{max-width:30px;opacity:1}.stm__slide-copy{position:static;display:block;flex-basis:100%;width:auto;top:auto;left:auto;bottom:auto;order:2;max-height:0;opacity:0;overflow:hidden;padding-top:0;font-size:var(--font-size-B4);line-height:1.4;transition:opacity .2s ease}.stm__slide.is-expanded .stm__slide-copy{max-height:200px;overflow-y:auto;opacity:1;padding-top:var(--space-2);padding-bottom:var(--space-3);transition:opacity .3s ease .1s}.stm__slide-controls{display:none}.stm__mobile-timer{display:flex}}@media(prefers-reduced-motion:reduce){.stm__slide,.stm__slide-headline,.stm__slide-copy,.stm__slide-controls,.stm__slide-number,.stm__media-layer{transition:none}}.stm__video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgb(var(--color-atomic-black) / .9);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-medium) ease,visibility var(--duration-medium) ease}.stm__video-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.stm__video-player,.stm__video-iframe{width:min(100%,calc((100vh - var(--space-12)) * 16 / 9));aspect-ratio:16 / 9;max-height:calc(100vh - var(--space-12));border:0;display:block;background:rgb(var(--color-atomic-black))}.stm__video-close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;cursor:pointer;color:rgb(var(--color-atomic-white))}.stm__video-close svg{width:var(--space-3);height:var(--space-3)}.stm__video-close:focus-visible{outline:2px solid rgb(var(--color-atomic-white));outline-offset:2px}button.stm__header-link{background:none;border:0;padding:0;cursor:pointer;text-align:left}@media(prefers-reduced-motion:reduce){.stm__video-modal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-storytelling-module.css.map */