.viva-stage{position:relative;overflow:visible;background:#fff}.viva-stage__head{position:relative;z-index:1;padding-top:var(--viva-section-pad)}.viva-stage__scene{position:relative;width:100%;margin:0 auto;aspect-ratio:1440 / 795;overflow:hidden;z-index:1;background:#fff var(--viva-stage-bg) center / cover no-repeat}.viva-stage__scene.has-split-background{background:transparent}.viva-stage__sequence{position:relative;z-index:1;height:calc(max(55.208333vw,100vh) + 100vh)}.viva-stage__pin{position:sticky;top:0;width:100%;height:max(55.208333vw,100vh);overflow:hidden;isolation:isolate}.viva-stage__pin:after{position:absolute;top:53.208333vw;right:0;bottom:0;left:0;z-index:0;background:#000;content:""}.viva-stage__sequence .viva-stage__scene{z-index:1}.viva-stage__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#000;opacity:0;pointer-events:none;will-change:opacity}.viva-stage__reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;background:transparent;pointer-events:none;transform:translate3d(0,100%,0);will-change:transform}.viva-stage__reveal-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:1440px;margin:0 auto;padding:clamp(32px,7vw,110px) 28px}.viva-stage__reveal-media{min-width:0;overflow:hidden}.viva-stage__reveal-image{width:100%;height:auto}.viva-stage__trigger{position:absolute;top:90%;left:0;width:1px;height:1px;pointer-events:none}.viva-stage__backgrounds{position:sticky;top:0;width:100%;height:max(55.208333vw,100vh);margin-bottom:calc(-1*max(55.208333vw,100vh));overflow:hidden;z-index:0;pointer-events:none}.viva-stage__background{position:absolute;left:0;width:100%;overflow:hidden;background:#fff}.viva-stage__background--top{top:0;height:70%;transform:translate3d(0,-100px,0);transition:transform 1.2s var(--viva-ease);will-change:transform}.viva-stage__background--bottom{bottom:0;height:36.5%;transform:translate3d(0,100px,0);transition:transform 1.2s var(--viva-ease);will-change:transform}.viva-stage.is-background-inview .viva-stage__background--top,.viva-stage.is-background-inview .viva-stage__background--bottom{transform:translateZ(0)}.viva-stage__background-image{width:100%;height:100%;object-fit:cover}.viva-stage__group{position:absolute;top:3.522%;left:9.576%;width:80.854%;aspect-ratio:1164.3 / 742.4}.viva-stage__keyboard{position:absolute;top:11.1%;left:8.895%;z-index:2;width:83.63%;height:auto;animation:viva-stage-float 7s ease-in-out infinite;will-change:transform}.viva-stage__orbit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.viva-stage__orbit--back{z-index:1}.viva-stage__orbit--front{z-index:3}.viva-stage__ring{opacity:0;transition:opacity .8s var(--viva-ease)}.viva-stage__ring--solid{stroke-dasharray:2400;stroke-dashoffset:2400;transition:stroke-dashoffset 2.4s var(--viva-ease),opacity .4s var(--viva-ease)}.viva-stage__dot{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .6s var(--viva-ease) 1.6s}.viva-stage__logo{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6);transition:opacity .8s var(--viva-ease) 1.2s,transform .8s var(--viva-ease) 1.2s}.viva-stage__comet{opacity:0;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px var(--viva-glow));offset-rotate:0deg}.viva-stage__comet--a{offset-path:path("M1006.4 338.032C1098.75 371.359 1153.35 407.623 1149.42 439.645C1141.21 506.552 880.569 529.606 567.272 491.137C253.974 452.669 6.65537 367.246 14.8705 300.34C23.0856 233.433 283.723 210.379 597.021 248.847C614.476 250.99 631.726 253.279 648.738 255.703")}.viva-stage__comet--b{offset-path:path("M418.342 281.341C443.968 263.42 471.343 245.964 500.194 229.306C707.125 109.835 911.652 76.6842 957.019 155.262C1002.39 233.84 871.413 394.39 664.482 513.862C457.552 633.333 253.025 666.484 207.658 587.906C192.02 560.82 197.334 523.994 219.49 482.469")}.is-inview .viva-stage__ring{opacity:1}.is-inview .viva-stage__ring--solid{stroke-dashoffset:0}.is-inview .viva-stage__dot{opacity:1;animation:viva-stage-pulse 2.8s ease-in-out infinite}.is-inview .viva-stage__dot:nth-of-type(2){animation-delay:.9s}.is-inview .viva-stage__dot:nth-of-type(3){animation-delay:1.8s}.is-inview .viva-stage__logo{opacity:1;transform:scale(1)}.is-inview .viva-stage__comet--a{animation:viva-stage-travel 9s linear 2s infinite}.is-inview .viva-stage__comet--b{animation:viva-stage-travel 11s linear 3.5s infinite reverse}@keyframes viva-stage-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4%)}}@keyframes viva-stage-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.55}}@keyframes viva-stage-travel{0%{offset-distance:0%;opacity:0}5%{opacity:1}95%{opacity:1}to{offset-distance:100%;opacity:0}}.viva-stage__scene-mo{width:100%;margin-top:var(--viva-title-gap)}.viva-stage__scene-mo img{width:100%;height:auto}.viva-stage__reveal-mo{padding:8px 16px 24px;background:#000}.viva-stage__reveal-mo-inner{display:grid;gap:8px}.viva-stage__reveal-mo-media{min-width:0;overflow:hidden}.viva-stage__reveal-mo-image{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){.viva-stage__sequence{height:auto}.viva-stage__pin{position:relative}.viva-stage__reveal{position:relative;transform:none!important}.viva-stage__shade{display:none}.viva-stage__background--top,.viva-stage__background--bottom{transform:none;transition:none}.viva-stage__keyboard,.is-inview .viva-stage__dot,.is-inview .viva-stage__comet--a,.is-inview .viva-stage__comet--b{animation:none}.viva-stage__ring,.viva-stage__dot,.viva-stage__logo{opacity:1;transform:none;transition:none}.viva-stage__ring--solid{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/section-viva-stage.css.map */