.intro,.outro{width:100%;height:100svh;display:flex;justify-content:center;align-items:center;position:relative}.sticky-container{position:relative;width:100%;height:100svh;overflow:hidden}.sticky-slider{position:absolute;top:0;left:0;width:100%;height:100%}.sticky-slider .sticky-slider-inner{display:grid;grid-template-columns:1fr 1fr;height:100%}.sticky-slider .sticky-slider-inner .image{width:100%;height:100%}.sticky-slider .sticky-slider-inner .image img{width:100%;height:100%;object-fit:cover}.sticky-slider-right{background-color:#b1722a}.sticky-nav{position:absolute;z-index:3;top:50%;right:100px;transform:translateY(-50%)}.sticky-nav ul{display:flex;flex-direction:column;gap:12px}.sticky-nav li{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:azure}.sticky-nav li.active{background-color:red}.sticky-slider-content{height:100%;padding-left:calc(calc(1 / 12) * 100%);padding-right:calc(calc(1 / 12) * 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.sticky-slider-content .description{text-align:center}.sticky-slider-content .image-content{width:200px;height:200px}.sticky-slider-content .image-content img{width:100%;height:100%;object-fit:cover}.direction{width:100%;position:relative;height:100svh;overflow:hidden}.direction-inner{padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr;height:100%}.direction-list{display:flex;flex-direction:column;align-items:center;gap:40px}.direction-list .direction-item{width:400px;height:500px;overflow:hidden}.direction-list .direction-item img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.direction-column{height:100%;overflow:hidden;display:flex;justify-content:center}.direction-column:first-child{display:flex;align-items:flex-end;padding-bottom:40px}.direction-column:last-child{padding-top:40px;display:flex;align-items:flex-start}.direction-center{display:flex;justify-content:center;align-items:center}.mouse{position:relative;background:#4e5559 linear-gradient(transparent 0,transparent 50%,#fff 50%,#fff 100%);width:36px;height:58px;border-radius:100px;background-size:100% 200%;animation:colorSlide 15s linear infinite,nudgeMouse 15s ease-out infinite}.mouse:after,.mouse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.mouse:before{width:32px;height:54px;background-color:#222a30;border-radius:100px}.mouse:after{background-color:#fff;width:5px;height:5px;border-radius:100%;animation:trackBallSlide 15s linear infinite}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(.9) translateY(5px)}14%{opacity:0;transform:scale(.4) translateY(40px)}15%,19%{opacity:0;transform:scale(.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(.9) translateY(5px)}44%{opacity:0;transform:scale(.4) translateY(40px)}45%,49%{opacity:0;transform:scale(.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(.9) translateY(5px)}74%{opacity:0;transform:scale(.4) translateY(40px)}75%,79%{opacity:0;transform:scale(.4) translateY(-20px)}100%,88%{opacity:1;transform:scale(1) translateY(-20px)}}@keyframes colorSlide{0%{background-position:0 100%}20%{background-position:0 0}21%{background-color:#4e5559}29.99%{background-color:#fff;background-position:0 0}30%{background-color:#4e5559;background-position:0 100%}50%{background-position:0 0}51%{background-color:#4e5559}59%{background-color:#fff;background-position:0 0}60%{background-color:#4e5559;background-position:0 100%}80%{background-position:0 0}81%{background-color:#4e5559}100%,90%{background-color:#fff}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}.hero{width:100%;height:100svh;position:relative}.hero-video{width:100%;height:100%}.hero-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero .mouse-wp{position:absolute;right:40px;bottom:40px}