*{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}html{height:100%}body{margin:0 auto}input,select,textarea{background-color:transparent;border:none;font-family:inherit;font-size:100%;outline:none}body,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{display:block;margin:0}h4,h5,h6{font-size:1em}ol,ul{list-style-type:none;padding-left:0}img{border:0}a{cursor:pointer;text-decoration:none}.webfont{font-family:webfont}.svg-filter-box{left:-9999px;position:absolute;top:-9999px}#app{background-color:#181818;height:100vh;overflow:hidden;position:relative;width:100vw}#app.active{animation:backgroundChange 1s both}.page-shadow{height:100%;left:0;position:absolute;top:0;width:100%}.page-shadow .shadow{animation:shadowAnimation .5s both;border:.3vw solid #e70217;border-radius:4px;box-shadow:0 0 20px 5px #e70217;opacity:.5}.page-cube,.page-shadow .shadow{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-cube{height:100vh;width:100vw}.page-cube-bg{background-color:#e70217;height:100%;width:100%}.page-cube-angle{background-color:#fff;border:.2vw solid #fff;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transform-origin:center center;width:100%;z-index:-1}.page-cube-angle.after{transform:rotate(180deg)}.page-cube.active .page-cube-bg{height:0;transition:all .15s .5s}.page-cube.show{transition:all .1s}.page-cube.show .page-cube-angle{background-color:transparent;border:.4vw solid #e70217;transition:all .3s}.page-knife{offset-anchor:center center;offset-rotate:auto;position:absolute;transform:rotate(90deg) translate(-50%);transform-origin:center center;z-index:9}.page-knife-bg{background-color:#e70217;bottom:0}.page-knife-bg,.page-knife-bg:before{height:100%;left:0;position:absolute;width:100%}.page-knife-bg:before{background-color:#fff;content:"";top:0}.page-knife.active{animation:followPath 1s cubic-bezier(.01,.9,.93,.54) .5s both;filter:drop-shadow(-1px -1px 1px rgba(0,0,0,.5))}.page-knife.active .page-knife-bg{animation:lengthChange 1s ease-in-out .5s both}.page-knife.active .page-knife-bg:before{height:0;transition:height .5s .75s}.svg-box{align-items:center;background-color:transparent;border:.4vw solid transparent;display:flex;gap:.5vw;height:5vw;justify-content:center;left:50%;opacity:0;padding:.5vw;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s}.svg-box.show{background-color:#fff;border-color:#e70217;opacity:1;transition:opacity .7s,background-color .3s .8s,border .5s .5s}.svg-box svg{fill:#e70217;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));height:100%;width:auto}.svg-box .letter-i{opacity:0}.page-footer{bottom:1.5vh;color:#fff;font-size:14px;position:absolute;text-align:center;width:100%}.page-footer a{color:#fff;text-decoration:none;white-space:nowrap}.page-footer a:hover{text-decoration:underline}@media screen and (max-width:768px){.svg-box{border-width:1.2vw;gap:1.2vw;height:10vw;padding:1.2vw}.page-cube-angle{border-width:.6vw}.page-cube.show .page-cube-angle{border-width:1.2vw}}@keyframes backgroundChange{0%{background-color:#e70217}25%,to{background-color:#181818}}@keyframes shadowAnimation{0%{opacity:.5}to{opacity:0}}@keyframes followPath{0%{offset-distance:0}to{offset-distance:100%}}@keyframes lengthChange{0%,8%{height:100%}9%{height:500%}10%,25%,to{height:100%}}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.l-102{left:102px}.l-144{left:144px}.l-16{left:16px}.l-182{left:182px}.l-23{left:23px}.l-27{left:27px}.l-48{left:48px}.l-50{left:50px}.l-51{left:51px}.l-62{left:62px}.l-81{left:81px}.l-82{left:82px}.l-97{left:97px}.l-99{left:99px}.l0{left:0}