:root{--min-width-for-scroller:250vmax;--faded-color:#ccc;--heighlighted-color:#111}.element-hover-animation:hover{animation:var(--hover-animation)}.element-hover-transition{transition:var(--hover-transitions)}.element-hover-outline:hover{outline:var(--hover-outline)}.element-hover-height:hover{height:var(--hover-height)}.element-hover-width:hover{width:var(--hover-width)}.element-hover-rotate:hover{rotate:var(--hover-rotate)}.element-hover-skew:hover{transform:skew(var(--hover-skew))}.element-hover-scale:hover{scale:var(--hover-scale)}.element-hover-opacity:hover{opacity:var(--hover-opacity)}.element-hover-BgColor:hover{background-color:var(--hover-BgColor)!important}.element-hover-translate:hover{translate:var(--hover-translate)}.wobble-top-origin{transform-origin:0 100%}.wobble-bottom-origin{transform-origin:100% 0}.skew-origin{transform-origin:0 100%}.outlineOut{position:relative}.outlineOut:before{border:4px solid #e1e1e1;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition-duration:.3s;transition-property:top,right,bottom,left;z-index:-1}.outlineOut:hover:before{bottom:-8px;left:-8px;right:-8px;top:-8px}.rippleOut{position:relative}.rippleOut:before{animation-duration:1s;border:6px solid #e1e1e1;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.rippleOut:active:before,.rippleOut:focus:before,.rippleOut:hover:before{animation-iteration-count:infinite;animation-name:ripple-out}.underlineLeft{overflow:hidden;position:relative;transform:perspective(1px) translateZ(0)}.underlineLeft:before{background:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;right:100%;transition-duration:.3s;transition-property:right;transition-timing-function:ease-out;z-index:-1}.underlineLeft:active:before,.underlineLeft:focus:before,.underlineLeft:hover:before{right:0}.underlineRight{overflow:hidden;position:relative;transform:perspective(1px) translateZ(0)}.underlineRight:before{background:currentColor;bottom:0;content:"";height:4px;left:100%;position:absolute;right:0;transition-duration:.3s;transition-property:left;transition-timing-function:ease-out;z-index:-1}.underlineRight:active:before,.underlineRight:focus:before,.underlineRight:hover:before{left:0}.overlineLeft{overflow:hidden;position:relative;transform:perspective(1px) translateZ(0)}.overlineLeft:before{background:currentColor;content:"";height:4px;left:0;position:absolute;right:100%;top:0;transition-duration:.3s;transition-property:right;transition-timing-function:ease-out;z-index:-1}.overlineLeft:active:before,.overlineLeft:focus:before,.overlineLeft:hover:before{right:0}.overlineRight{overflow:hidden;position:relative;transform:perspective(1px) translateZ(0)}.overlineRight:before{background:currentColor;content:"";height:4px;left:100%;position:absolute;right:0;top:0;transition-duration:.3s;transition-property:left;transition-timing-function:ease-out;z-index:-1}.overlineRight:active:before,.overlineRight:focus:before,.overlineRight:hover:before{left:0}.floatShadow{position:relative;transition-duration:.3s;transition-property:transform}.floatShadow:before{background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);content:"";height:10px;left:5%;opacity:0;pointer-events:none;position:absolute;top:100%;transition-duration:.3s;transition-property:transform,opacity;width:90%;z-index:-1}.floatShadow:active,.floatShadow:focus,.floatShadow:hover{transform:translateY(-5px)}.floatShadow:active:before,.floatShadow:focus:before,.floatShadow:hover:before{opacity:1;transform:translateY(5px)}@keyframes ripple-out{to{bottom:-12px;left:-12px;opacity:0;right:-12px;top:-12px}}@keyframes wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}to{transform:translateX(0)}}@keyframes wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}to{transform:skew(0)}}@keyframes wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}to{transform:skew(0)}}@keyframes wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes pulse{25%{transform:scale(1.1)}75%{transform:scale(.9)}}@keyframes shake{50%{transform:translateX(3px) rotate(2deg)}to{transform:translateX(-3px) rotate(-2deg)}}.pinned-horizontal-scroller-left{background:var(--text-color);color:var(--bg-color);display:flex;height:100vh;overflow:scroll;padding:0}.pinned-horizontal-scroller-left>div{height:100vh;overflow-x:clip;position:sticky;top:0;width:100vw}.pinned-horizontal-scroller-left>div>div{align-items:center;display:flex;height:100vh;justify-content:flex-start}.pinned-horizontal-scroller-right{background:var(--text-color);color:var(--bg-color);display:flex;height:100vh;overflow:scroll;padding:0}.pinned-horizontal-scroller-right>div{height:100vh;overflow-x:clip;position:sticky;top:0;width:100vw}.pinned-horizontal-scroller-right>div>div{align-items:center;display:flex;height:100vh;justify-content:flex-start}@supports(animation-timeline:view()){.paralax-move{animation:paralax-move linear both;translate:0 0 0;animation-timeline:view(block);animation-range:entry 25% cover 80%}.reveal-text-right{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--heighlighted-color),var(--heighlighted-color)),linear-gradient(to right,var(--faded-color),var(--faded-color));background-position-x:100em,0;background-repeat:no-repeat}.reveal-text-left,.reveal-text-right{animation:fill-text linear both;color:transparent;display:inline;animation-timeline:view(block);animation-range:entry 200% contain 80%}.reveal-text-left{--faded-color:#ccc;--heighlighted-color:#111;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--heighlighted-color),var(--heighlighted-color)),linear-gradient(to right,var(--faded-color),var(--faded-color));background-position-x:-100em,0;background-repeat:no-repeat}body.dark-theme .reveal-text-right{--faded-color:#ccccccb2;--heighlighted-color:#fff}.pinned-horizontal-scroller-left{height:500vh;overflow:clip;padding:0;view-timeline-name:--section-pin-tl;view-timeline-axis:block;margin-bottom:5em}.pinned-horizontal-scroller-left>div{height:100vh;overflow-x:clip;position:sticky;top:0;width:100vw}.pinned-horizontal-scroller-left>div>div{animation:moveToLeft linear forwards;height:100vh;max-width:250vmax;width:250vmax;will-change:transform;animation-timeline:--section-pin-tl;animation-range:contain 0 contain 100%;padding:50px 10vw}.pinned-horizontal-scroller-right{height:500vh;overflow:clip;padding:0;view-timeline-name:--section-pin-tl;view-timeline-axis:block;margin-bottom:5em}.pinned-horizontal-scroller-right>div{height:100vh;overflow-x:clip;position:sticky;top:0;width:100vw}.pinned-horizontal-scroller-right>div>div{animation:moveToRight linear forwards;height:100vh;min-width:var(--min-width-for-scroller);will-change:transform;animation-timeline:--section-pin-tl;animation-range:contain 0 contain 100%;padding:50px 10vw}}@media(prefers-reduced-motion:no-preference){@keyframes paralax-move{to{translate:var(--do-paralax-move)}}@keyframes fill-text{to{background-position-x:0}}@keyframes fade-in{0%{opacity:.1;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-right-in{0%{opacity:0;transform:translateX(1000px) scale(0)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-left-in{0%{opacity:0;transform:translateX(-1000px) scale(0)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(1000px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-down-in{0%{opacity:0;transform:translateY(-1000px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reveal{0%{-webkit-clip-path:inset(45% 20% 45% 20%);clip-path:inset(45% 20% 45% 20%);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@keyframes reveal-to-circle{0%{-webkit-clip-path:circle(71% at 50% 50%);clip-path:circle(71% at 50% 50%);opacity:.1}to{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);opacity:1}}@keyframes reveal-from-circle{0%{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);opacity:.1}to{-webkit-clip-path:circle(71% at 50% 50%);clip-path:circle(71% at 50% 50%);opacity:1}}@keyframes adjust-position{0%{transform:translateY(calc(-100% + 100vh))}to{transform:translateY(calc(100% - 100vh))}}@keyframes scrolling-horizontal{to{transform:translate(calc(-50% - .1rem))}}@keyframes move{to{left:0;transform:translateX(calc(-100% + 100vw))}}}@media screen and (prefers-reduced-motion:no-preference)and (max-width:451px){@keyframes moveToRight{to{left:0;transform:translateX(calc(-100vw + var(--min-width-for-scroller)))}}}@media screen and (prefers-reduced-motion:no-preference)and (min-width:451px)and (max-width:1020px){@keyframes moveToRight{to{left:0;transform:translateX(calc(-100vw + var(--min-width-for-scroller)))}}}@media screen and (prefers-reduced-motion:no-preference)and (min-width:1021px){@keyframes moveToRight{to{left:0;transform:translateX(calc(-100vw + var(--min-width-for-scroller)))}}}@media(prefers-reduced-motion:no-preference){@keyframes moveToLeft{to{right:0;transform:translateX(calc(100vw - var(--min-width-for-scroller)))}}@keyframes cover-paralax{0%{background-position:50% 0}to{background-position:50% 100%;height:10vh}}}