canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;object-fit:cover}.canvas-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--index-canvas);pointer-events:none}.canvas-container .sequence-canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:var(--index--1)}.video-timeline{height:11500px;position:relative;padding-top:var(--header-height)}.bg-state-particles{display:none}.canvas{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--index-canvas);pointer-events:none}.canvas video{width:100vw;height:100vh;height:100dvh;position:absolute;object-fit:cover;top:0;z-index:var(--index--1)}.bg-state{z-index:var(--index-bg-state);position:fixed;top:0;left:0;width:100vw;height:110vh;background:var(--color-vivid-black);opacity:0;pointer-events:none}.anchor{position:absolute;top:0;left:0;width:100%;height:3px;z-index:var(--index-anchor);pointer-events:none}.video-1,.video-2{position:relative;z-index:var(--index-video-1)}.state{position:fixed;top:0;left:0;opacity:0;height:100vh}@media (max-width: 1024px){.bg-state-particles{opacity:0;display:flex;position:fixed;top:0;left:0;height:100%;width:auto;z-index:var(--index-bg-state-particles)}.bg-state-particles img{width:100%;height:100%;object-fit:cover;object-position:center}.video-timeline{z-index:var(--index-video-timeline)}}@media (max-width: 480px){.canvas video{height:110vh}}.state-first-bg__img{position:absolute;top:0;left:0;width:100vw;height:100vh}.state-first-bg__img img{width:100%;height:100%;display:block;object-fit:cover}.state-first .left-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;width:6.15rem}.state-first .left-wrap .title-h1{line-height:1.2rem}.state-first .right-wrap{height:100%;display:flex;flex-direction:column;width:6.57rem;justify-content:flex-end;padding-bottom:.1rem}.state-first .right-wrap .js-title-line{white-space:nowrap}.state-first .title-h2.mobile{display:none}.state-first .state-container{padding:.72rem .55rem .2rem .2rem;display:flex;height:100%;justify-content:space-between}.state-first .scroll,.state-first .creative{position:absolute;top:38vh;right:.2rem;text-transform:uppercase;display:inline-flex}.state-first .creative{top:30.4vh;left:.2rem;width:1.3rem}@media (max-width: 1024px){.state-first-bg{display:none}.state-first .right-wrap{width:100%;height:auto;align-items:flex-start;position:relative}.state-first .left-wrap{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%}.state-first .state-container{padding:0rem .48rem .3rem .28rem;gap:.7rem;height:100%;align-items:center;justify-content:flex-end;flex-direction:column}.state-first .main-description{width:6.7rem}.state-first .scroll{bottom:0;right:0;top:auto}.state-first .creative{display:none}}@media (max-width: 480px){.state-first .left-wrap{flex-direction:column;justify-content:flex-end;align-items:flex-start}.state-first .right-wrap{flex-direction:column-reverse;gap:.3rem}.state-first .right-wrap .js-title-line{white-space:normal}.state-first .state-container{padding:3.8rem .14rem .34rem;gap:.23rem}.state-first .main-description{position:static;width:3.2rem}.state-first .scroll{bottom:-.2rem;text-transform:uppercase;display:inline-flex}.state-first .title-h2.desktop{display:none}.state-first .title-h2.mobile{display:inline-block}}.state-second{width:100%}.state-second .bg{position:absolute;left:0;height:100%;width:auto}.state-second .bg-list{min-width:5rem;min-height:5rem;display:flex;width:100%;height:100%;top:-1rem;left:-1rem;position:absolute;background:var(--color-soft-sand);z-index:2;will-change:transform,opacity}.state-second .future-list{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;position:relative}.state-second .future-item{display:flex;width:6.57rem;position:absolute;transform:scale(.3);opacity:0}.state-second .future-item .title-h2{display:flex;flex-direction:column}@media (max-width: 1024px){.state-second .bg,.state-second .bg-list{display:none}.state-second .future-content{display:inline-flex}.state-second .future-list{align-items:center;padding-bottom:2rem}.state-second .future-item{padding:.3rem;width:6.07rem;min-height:2.34rem;background:#eae3dc;border-top:1px solid var(--color-vivid-ember);transform:scale(1);opacity:1}.state-second .future-item .title-h2{display:inline-block}}@media (max-width: 480px){.state-second{padding:0 .2rem}.state-second .future-list{padding-bottom:1.38rem}.state-second .future-content{display:inline-flex}.state-second .future-item{padding:.12rem;min-height:1.8rem;width:100%;background:#eae3dc;border-top:1px solid var(--color-vivid-ember)}.state-second .future-item .title-h2{display:inline-block}}.state-third{width:100%;height:100%}.state-third .state-container{padding:.98rem .5rem .2rem .2rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.state-third .future-list{width:100%;display:flex;justify-content:space-between}.state-third .future-list:nth-child(1){z-index:var(--index-1)}.state-third .future-list:nth-child(2){z-index:var(--index-2)}.state-third .future-list:nth-child(3){z-index:var(--index-1)}.state-third .future-item{display:flex;flex-direction:column;width:4.22rem}.state-third .future-item__text{display:flex;flex-direction:column}.state-third .future-item__visual{width:3.96rem;height:4.53rem;margin-bottom:0rem;position:relative;z-index:var(--index-1)}.state-third .future-item__title{margin-top:.04rem}.state-third .future-item__description{margin-top:.43rem}.state-third .unlock-item__lottie{width:100%;height:100%}.state-third .unlock-item__lottie svg{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px){.state-third .state-container{padding:1.11rem .48rem .3rem .78rem;justify-content:flex-start;gap:2.1rem}.state-third .future-list{flex-direction:column;gap:.11rem}.state-third .future-item{flex-direction:row;gap:1.57rem;width:100%}.state-third .future-item:nth-child(2) .future-item__visual{margin-left:0rem}.state-third .future-item:nth-child(3) .future-item__visual{margin-left:0rem}.state-third .future-item__visual{width:2.8rem;height:3.1rem;margin:0;pointer-events:none}.state-third .future-item__text{width:3.53rem}.state-third .future-item__description{margin-top:.37rem}}@media (max-width: 480px){.state-third .state-container{padding:.98rem .48rem .3rem .18rem;justify-content:flex-start;gap:.18rem}.state-third .future-list{flex-direction:column;gap:1.08rem}.state-third .future-item{flex-direction:column;gap:.22rem;width:100%}.state-third .future-item__visual{width:3.46rem;height:3.86rem}.state-third .future-item__text{width:3.53rem}}.state-footer{opacity:1;top:auto;bottom:0;background:var(--color-vivid-black);height:max-content;transform:translateY(100%);z-index:var(--index-state-footer)}.state-footer .state-container{padding:.51rem .2rem .19rem}.state-footer .right-wrap{display:flex;flex-direction:column;justify-content:center}.state-footer .footer-content{display:flex;justify-content:space-between}.state-footer .footer-description{margin-top:.2rem}.state-footer .big-logo{width:4.12rem;height:.43rem}.state-footer .big-logo svg{width:100%;height:100%;object-fit:cover;display:block}.state-footer .contact-btn{position:relative;display:inline-flex}.state-footer .contact-btn:before{content:"";position:absolute;width:.1rem;height:.1rem;border-radius:50%;left:-.3rem;top:50%;transform:translateY(-50%);background:var(--color-vivid-ember);z-index:var(--index--1)}.state-footer .contact-btn .big-nav{font-size:.39rem;line-height:.47rem}.state-footer .footer-link.mobile{display:none}.state-footer .footer-link ul{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;margin-top:1.26rem}.state-footer li{font-size:.3rem;display:flex;align-self:center}.state-footer .abil,.state-footer .privacy-link{margin-left:1.25rem}.state-footer .inst{margin-right:.31rem}.state-footer .link{margin-right:.95rem}.state-footer a:hover{color:var(--color-vivid-ember)}@media (max-width: 1024px){.state-footer .footer-link ul{margin-top:1.76rem}.state-footer li{display:flex;align-self:center}.state-footer .link{margin-right:1.15rem}.state-footer .contact-btn{position:absolute;bottom:.8rem;right:.6rem}}@media (max-width: 480px){.state-footer .footer-link .cop{color:var(--color-walnut)}.state-footer .footer-link.desktop{display:none}.state-footer .footer-link.mobile{display:flex}.state-footer .footer-link ul{flex-direction:column;gap:.26rem;margin-top:2.15rem}.state-footer .footer-link li{gap:.26rem;align-self:flex-start}.state-footer .footer-link a{margin-right:0}.state-footer .big-logo{width:3.16rem;height:.3345rem}.state-footer .abil,.state-footer .privacy-link{margin-left:0}.state-footer .contact-btn{bottom:1.96rem;right:.22rem}}