:root{--arrival-ease:cubic-bezier(.16,1,.3,1)}
.motion-line{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.motion-line-text{display:inline-block}
.motion-ready .reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity 950ms var(--arrival-ease) var(--reveal-delay,0ms),transform 950ms var(--arrival-ease) var(--reveal-delay,0ms)}
.motion-ready .reveal.visible{opacity:1;transform:translate3d(0,0,0)}
.motion-ready .motion-heading .motion-line-text{opacity:0;transform:translate3d(0,110%,0);transition:opacity 1150ms var(--arrival-ease) var(--line-delay,0ms),transform 1150ms var(--arrival-ease) var(--line-delay,0ms)}
.motion-ready .motion-heading.visible .motion-line-text{opacity:1;transform:translate3d(0,0,0)}
.motion-hero{transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));transform-origin:50% 10%;will-change:transform}
.motion-ready .motion-hero img{opacity:0;transform:translate3d(0,32px,0) scale(1.025);transition:opacity 1500ms var(--arrival-ease),transform 1500ms var(--arrival-ease)}
.motion-ready .motion-hero.visible img{opacity:1;transform:translate3d(0,0,0) scale(1)}
.motion-ready .motion-hero figcaption{opacity:0;transition:opacity 950ms var(--arrival-ease) 400ms}
.motion-ready .motion-hero.visible figcaption{opacity:1}
.experience-scroll{position:relative;--story-top:64px}
.experience-sticky{position:relative}
.story-cue,.story-skip{display:none}
.experience-scroll.is-scroll-story{height:330svh;min-height:1500px}
.is-scroll-story .experience-sticky{position:sticky;top:var(--story-top);height:calc(100svh - var(--story-top));display:flex;align-items:center;padding-block:16px}
.is-scroll-story .experience-stage{width:100%;height:calc(100svh - var(--story-top) - 32px);min-height:0;grid-template-columns:.9fr 1.1fr;padding:60px 24px 88px 50px;align-items:stretch;isolation:isolate}
.is-scroll-story .experience-copy{height:100%;min-height:0;position:relative}
.is-scroll-story .experience-copy>[role=tabpanel]{position:absolute;top:50%;left:0;width:100%;display:block;margin:0;padding:0;transform:translate3d(0,calc(-50% + var(--copy-y,0px)),0);will-change:opacity,transform}
.is-scroll-story .experience-copy>[aria-hidden=true]{pointer-events:none}
.is-scroll-story .experience-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.35;margin:22px 0}
.is-scroll-story .experience-copy p:not(.overline){font-size:15px;line-height:2}
.is-scroll-story .story-note{font-size:10px;line-height:1.8;margin-top:23px}
.is-scroll-story .experience-visual{height:100%;min-height:0;margin:0;align-self:stretch;overflow:hidden;border-radius:14px}
.is-scroll-story .experience-visual img{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center;transform-origin:50% 50%;transform:translate3d(var(--product-x,0%),var(--product-y,0%),0) scale(var(--product-scale,.9));transition:none;will-change:transform}
.is-scroll-story .visual-label{display:none}
.is-scroll-story .story-cue,.is-scroll-story .story-skip{display:block;position:absolute;top:24px;font-size:10px;z-index:4;line-height:1.4}
.is-scroll-story .story-cue{left:30px;color:#86868b}
.is-scroll-story .story-cue span{display:inline-block;margin-left:8px}
.is-scroll-story .story-skip{right:30px;color:var(--green)}
.is-scroll-story .story-skip span{margin-left:7px}
.is-scroll-story .story-tabs{left:50%;bottom:24px;transform:translateX(-50%);width:min(610px,calc(100% - 60px));max-width:none;display:flex;gap:24px;padding:0;border-radius:0;background:none;white-space:nowrap}
.is-scroll-story .story-tabs button{position:relative;flex:1;min-width:0;padding:14px 8px 0;border-radius:0;border-top:2px solid #d7d7dc;background:transparent;color:#86868b;font-size:12px;text-align:left;box-shadow:none;transition:color 250ms ease}
.is-scroll-story .story-tabs button::before{content:'';position:absolute;top:-2px;left:0;height:2px;width:calc(var(--step-progress,0)*100%);background:var(--green)}
.is-scroll-story .story-tabs button[aria-selected=true]{background:transparent;color:var(--ink);box-shadow:none}
.is-scroll-story .story-tabs button span{font-size:10px;margin-right:7px}
.story-in-view .mobile-cta{opacity:0!important;transform:translateY(110px)!important;pointer-events:none!important}
.story-static{height:auto!important;min-height:0;overflow:visible}
.story-static .story-tabs,.story-static .story-cue,.story-static .story-skip{display:none}
.story-static .experience-copy>[role=tabpanel]{position:static;opacity:1!important;transform:none!important;display:block!important}
.story-static .experience-copy>[role=tabpanel]+[role=tabpanel]{margin-top:35px;padding-top:35px;border-top:1px solid var(--line)}
#story-end{scroll-margin-top:110px}
@media(max-width:1100px){.is-scroll-story .experience-stage{padding-left:35px}.is-scroll-story .experience-copy p:not(.overline){font-size:13px}.is-scroll-story .experience-copy h3{font-size:34px}}
@media(max-width:800px){.experience-scroll.is-scroll-story{height:320svh;min-height:1400px}.is-scroll-story .experience-stage{grid-template-columns:1fr;grid-template-rows:.78fr 1fr;gap:6px;padding:48px 25px 78px;text-align:center}.is-scroll-story .experience-copy h3{font-size:30px;line-height:1.3;margin:14px 0}.is-scroll-story .experience-copy .overline{font-size:9px}.is-scroll-story .experience-copy p:not(.overline){font-size:12px;line-height:1.85}.is-scroll-story .story-note{font-size:9px;margin-top:14px;line-height:1.7}.is-scroll-story .experience-visual{width:min(100%,540px);margin-inline:auto}.is-scroll-story .story-cue,.is-scroll-story .story-skip{top:20px;font-size:9px}.is-scroll-story .story-cue{left:22px}.is-scroll-story .story-skip{right:22px}.is-scroll-story .story-tabs{width:calc(100% - 44px);gap:16px;bottom:22px}.is-scroll-story .story-tabs button{font-size:11px;padding-top:12px;text-align:center}.story-static{padding:32px 25px}.story-static .experience-copy>[role=tabpanel]+[role=tabpanel]{margin-top:30px;padding-top:30px}}
@media(max-width:600px){.is-scroll-story .experience-sticky{padding-block:12px}.is-scroll-story .experience-stage{height:calc(100svh - var(--story-top) - 24px);padding:46px 17px 70px;border-radius:22px;grid-template-rows:.8fr 1fr;gap:4px}.is-scroll-story .experience-copy h3{font-size:28px}.is-scroll-story .experience-copy p:not(.overline){font-size:11.5px}.is-scroll-story .story-note{font-size:9px;margin-top:13px}.is-scroll-story .story-cue,.is-scroll-story .story-skip{top:19px;font-size:8px}.is-scroll-story .story-cue{left:17px}.is-scroll-story .story-skip{right:17px}.is-scroll-story .story-cue span{margin-left:4px}.is-scroll-story .story-tabs{width:calc(100% - 34px);gap:10px;bottom:20px}.is-scroll-story .story-tabs button{padding:12px 1px 0;font-size:9px}.is-scroll-story .story-tabs button span{font-size:8px;margin-right:3px}.is-scroll-story .experience-visual{border-radius:8px}.story-static{padding:28px 20px}.story-static .experience-copy h3{font-size:27px}.story-static .experience-copy p:not(.overline){font-size:12px}.story-static .experience-visual{height:300px}}
@media(max-width:350px){.is-scroll-story .experience-copy h3{font-size:25px}.is-scroll-story .experience-copy p:not(.overline){font-size:10.5px}.is-scroll-story .story-note{font-size:8px}.is-scroll-story .story-tabs button{font-size:8px}.is-scroll-story .story-tabs button span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .motion-heading .motion-line-text,.motion-ready .motion-hero img,.motion-hero{transform:none!important;opacity:1!important;transition:none!important}.motion-ready .motion-hero figcaption{opacity:1!important}.motion-line{overflow:visible}.experience-visual img{transition:none!important}}
@media print{.experience-scroll.is-scroll-story,.is-scroll-story .experience-sticky,.is-scroll-story .experience-stage{height:auto!important;min-height:0!important;position:static!important;display:block!important}.is-scroll-story .experience-copy{height:auto}.is-scroll-story .experience-copy>[role=tabpanel]{position:static!important;transform:none!important;opacity:1!important;margin:25px 0!important}.story-tabs,.story-cue,.story-skip,.mobile-cta{display:none!important}.is-scroll-story .experience-visual{height:360px}.is-scroll-story .experience-visual img{transform:none!important}.reveal,.motion-heading .motion-line-text,.motion-hero img{opacity:1!important;transform:none!important}}