@media (pointer:none),(pointer:coarse){:root{touch-action:pan-x pan-y;height:130vh}}@font-face{font-family:Charm;src:url(fonts/Charm-Regular.ttf);font-weight:regular}@font-face{font-family:CharmBold;src:url(fonts/Charm-Regular.ttf);font-weight:bold}@font-face{font-family:Tangerine;src:url(fonts/Tangerine-Regular.ttf);font-weight:regular}@font-face{font-family:TangerineBold;src:url(fonts/Tangerine-Bold.ttf);font-weight:bold}@font-face{font-family:NothingYouCouldDoRegular;src:url(fonts/NothingYouCouldDo-Regular.ttf);font-weight:regular}@font-face{font-family:Nimbus;src:url(fonts/NimbusMono-Regular.otf);font-weight:regular}@font-face{font-family:Larabie;src:url(fonts/larabiefontrg.otf);font-weight:regular}body,html{width:100%;height:100%}body{margin:0;padding:0;background-color:#555;color:#FFF;position:relative;font:16px "Lucida Grande",Helvetica,Arial,sans-serif}a{color:#FFF}.contact-email:after{content:"info@topday.eu"}.content p.logo img.cpw{padding:15px 5px;width:150px;background:#00224f}.content p.logo img.specsavers{padding:15px;width:130px;background:#FFF}.content p.logo img.apple{padding:15px;width:130px;background:#FFF}.content p.logo img.hays{padding:15px;width:130px;background:#FFF}.content p.logo img.triad{padding:15px;width:130px;background:#FFF}.content p.logo img.melodi-media{padding:15px;width:130px;background:#FFF}.content p.logo img.nagra{padding:15px;width:130px;background:#FFF}.content p.logo img.reuters{padding:15px;width:130px;background:#FFF}.content p.logo img.admiral{padding:15px;width:130px;background:#FFF}.content p.logo img.kwiff{padding:15px;width:130px;background:#8225FA}.content p.logo img.dow-jones{padding:15px;width:130px;background:#FFF}.content p.logo img.telesoft{width:160px;padding:15px 0 15px 0;background:#020d1c}.content p.logo img.virgin{padding:15px;width:130px;background:#ed0000}.content .projects.domino{height:100%;width:100%;position:relative;transform-style:preserve-3d;transform-origin:0 0}.content .projects.domino>*{position:absolute;display:inline-block}.content .projects.domino .stand{width:80%;height:40%;left:10%;top:0;box-shadow:0 0 3px 0 rgba(255,255,255,0.2);clip-path:polygon(10% 0, 100% 0, 100% 100%, 90% 100%, 0 100%, 0 25%);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}.content .projects.domino .stand .poster{width:84%;height:12%;left:2%;top:-1%;border:1px solid rgba(255,255,255,0.3);position:absolute;padding:2% 2% 2% 0}.content .projects.domino .stand .poster>span img{height:90%}.content .projects.domino .stand .poster>span.logo{display:inline-block;opacity:.9;width:92%;padding-left:10%}.content .projects.domino .stand .poster>span.logo.topday{background-color:black}.content .projects.domino .stand .context{position:absolute;left:2%;top:26%;width:92%;height:30%;padding:2%;color:#FED;border:1px solid rgba(255,255,255,0.3);background:linear-gradient(147deg, rgba(255,255,255,0) 94%, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 99%, rgba(200,200,200,0.6) 140%, rgba(255,255,255,0) 100%);overflow:hidden;font-style:normal;opacity:.8;line-height:1.4em}.content .projects.domino .desk{width:80%;height:5%;left:10%;top:40%;border-bottom:2px solid rgba(255,255,255,0.2);box-shadow:0 0 15px 0 rgba(255,255,255,0.2);transform-style:preserve-3d;background:linear-gradient(138deg, rgba(255,255,255,0) -20%, rgba(255,255,255,0) 0, rgba(255,255,255,0.1) 62%, rgba(164,229,230,0) 95%, rgba(255,255,255,0) 270%);transform:rotateX(-60deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(50deg, 0deg)}.content .projects.domino .leg{width:5%;height:39%;left:70%;top:20%;box-shadow:0 0 3px 0 rgba(255,255,255,0.4);background:linear-gradient(208deg, rgba(255,255,255,0) -20%, rgba(255,255,255,0) 0, rgba(255,255,255,0.04) 82%, rgba(164,229,230,0) 95%, rgba(255,255,255,0) 170%);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}.content .projects.domino .leg:nth-child(2n-1){height:62%;left:18%;top:0}.content .projects.domino .leg:nth-child(2n){height:42%;left:78%;top:20%}.content .projects.domino .progress{width:35%;height:80%;top:30%;font-size:.9em;color:rgba(255,255,255,0.7);transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}.content .projects.domino .progress>.label{text-shadow:#CF5 1px 0 30px;background:linear-gradient(-180deg, rgba(255,255,255,0) -20%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.2) 70%, rgba(164,229,230,0) 110%, rgba(255,255,255,0) 270%);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(10deg, 0deg);margin-bottom:3%}.content .projects.domino .progress>.scroll{position:absolute;right:0;height:80%}.content .projects.domino .progress>.scroll>div{position:absolute;height:10%;min-height:25px;width:15px;cursor:pointer;background:linear-gradient(270deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 30%, rgba(255,255,255,0.4) 60%, rgba(164,229,230,0) 80%, rgba(255,255,255,0) 270%)}.content .projects.domino .progress>.scroll>.up{top:0}.content .projects.domino .progress>.scroll>.down{bottom:0;transform:scaleY(-1)}.content .projects.domino .progress>.shelf-layout{height:80%;overflow:hidden;background:linear-gradient(138deg, rgba(255,255,255,0) -20%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.05) 88%, rgba(164,229,230,0) 95%, rgba(255,255,255,0) 270%)}.content .projects.domino .progress>.shelf-layout>.shelf{clear:both;position:relative;display:flow-root}.content .projects.domino .progress>.shelf-layout>.shelf>.label{position:absolute;bottom:8px;right:10%;padding:2%;text-shadow:#950 1px 0 30px;z-index:12;background:linear-gradient(138deg, rgba(255,255,255,0) -20%, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.2) 90%, rgba(164,229,230,0) 110%, rgba(255,255,255,0) 270%);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(-10deg, 0deg)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo{width:55px;height:34%;min-height:120px;background:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(164,229,230,0.1) 80%, rgba(255,255,255,0) 100%);float:left;position:relative}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo>span{position:absolute;z-index:1}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo>span>img{width:80%;height:none;padding:0;margin-left:10%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo>span:nth-child(2n+1){margin-top:5%;width:100%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo>span:nth-child(2n+0){top:50%;transform:rotate(90deg)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo>i{display:none}.content .projects.domino .progress>.shelf-layout>.shelf p.logo:before{content:"";position:absolute;height:100%;width:100%;z-index:10;background:linear-gradient(90deg, #000 0, rgba(255,255,255,0.1) 22%, rgba(164,229,230,0.1) 80%, #000 100%)}.content .projects.domino .progress>.shelf-layout>.shelf p.logo:after{position:absolute;height:100%;width:50%;z-index:11;display:inline-block;border:1px solid red}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.aje{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(136,85,0,0.1) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.aje>span:nth-child(2n+1){margin-top:14%;background-color:white}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.aje>span:nth-child(2n+0){margin:0 0 0 26%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(250,210,63,0.1) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.cms>span:nth-child(2n+1){margin-top:14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.cms>span:nth-child(2n+0){margin:0 0 0 26%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.signal>span:nth-child(2n+1){margin-top:14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.signal>span:nth-child(2n+0){margin:0 0 0 11%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.mail>span:nth-child(2n+1){margin-top:14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.topday.mail>span:nth-child(2n+0){margin:0 0 0 0}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.elevate{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(0,251,255,0.1) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.elevate>span:nth-child(2n+1){margin-top:14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.elevate>span:nth-child(2n+0){margin:0 0 0 14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.cpw{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(0,50,220,0.1) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.cpw>span:nth-child(2n+1){margin-top:18%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.cpw>span:nth-child(2n+0){margin:0 0 0 25%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.dow-jones>span:nth-child(2n+1){margin-top:25%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.dow-jones>span:nth-child(2n+0){margin:0 0 0 4%}.content .projects.domino .progress>.shelf-layout>.shelf>p.virgin>span:nth-child(2n+1){margin-top:12%}.content .projects.domino .progress>.shelf-layout>.shelf>p.virgin>span:nth-child(2n+1)>img{width:60%;margin-left:20%}.content .projects.domino .progress>.shelf-layout>.shelf>p.virgin>span:nth-child(2n+0){margin:0 0 0 4%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.telesoft>span:nth-child(2n+1){margin-top:20%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.telesoft>span:nth-child(2n+0){margin:0 0 0 4%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.melodi-media>span:nth-child(2n+1){width:80%;margin-left:10%;margin-top:10%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.melodi-media>span:nth-child(2n+0){margin:0 0 0 6%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.nuolaidos{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(255,0,0,0.1) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.nuolaidos>span:nth-child(2n+1){margin-top:18%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.nuolaidos>span:nth-child(2n+0){margin:0 0 0 -12%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.mats>span:nth-child(2n+1){margin-top:13%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.mats>span:nth-child(2n+0){margin:0 0 0 6%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.specsavers>span:nth-child(2n+0){margin:0 0 0 -14%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.kwiff>span:nth-child(2n+0){margin:0 0 0 28%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.affinity-water>span:nth-child(2n+1){margin-top:28%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.reuters{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 22%, rgba(255,128,0,0.2) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.reuters>span:nth-child(2n+1){margin-top:18%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.reuters>span:nth-child(2n+0){margin:0 0 0 -6%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.admiral>span:nth-child(2n+1){margin-top:12%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.admiral>span:nth-child(2n+0){margin:0 0 0 12%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.apple>span:nth-child(2n+1){width:40%;left:30%;margin-top:8%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.apple>span:nth-child(2n+0){margin:0 0 0 22%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.roxi>span:nth-child(2n+1){width:60%;left:20%;margin-top:8%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.roxi>span:nth-child(2n+0){margin:0 0 0 4%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.nagra>span:nth-child(2n+1){width:80%;left:10%;margin-top:20%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.nagra>span:nth-child(2n+0){margin:0 0 0 20%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.triad{background:linear-gradient(90deg, rgba(55,55,255,0) 0, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.3) 80%, rgba(255,255,255,0) 100%)}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.triad>span:nth-child(2n+1){width:80%;left:6%;margin-top:20%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.triad>span:nth-child(2n+1)>img{padding:2px}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.triad>span:nth-child(2n+0){margin:0 0 0 26%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.filmclub>span:nth-child(2n+1){margin-top:10%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.filmclub>span:nth-child(2n+0){margin:0 0 0 4%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.hays>span:nth-child(2n+1){margin-top:18%}.content .projects.domino .progress>.shelf-layout>.shelf>p.logo.hays>span:nth-child(2n+0){margin:0 0 0 26%}.content .projects.domino .progress>.shelf-layout>.shelf:after{content:"";position:absolute;display:inline-block;left:0;bottom:0;width:100%;height:8px;background:linear-gradient(90deg, rgba(164,229,230,0.2) 0, rgba(255,255,255,0) 100%)}.content .projects.domino .progress.working{left:12%}.content .projects.domino .progress.complete{left:52%}.content .cuppboard{margin:0 10%;margin-top:130px;height:100%;transform-style:preserve-3d;transform-origin:0 0}.content .cuppboard .shelf{position:relative}.content .cuppboard .shelf p.logo{position:relative;z-index:9;display:inline-block;overflow:hidden;height:80px;width:30px;margin:0 5px;padding-bottom:15px}.content .cuppboard .shelf p.logo>img{height:70px;padding:0}.content .cuppboard .shelf p.logo:after{content:"";position:absolute;z-index:10;left:0;top:0;width:30px;height:70px;box-shadow:-2px -2px 7px 2px rgba(0,0,0,0.4) inset;-webkit-box-shadow:-2px -2px 7px 2px rgba(0,0,0,0.4) inset;-moz-box-shadow:-2px -2px 7px 2px rgba(0,0,0,0.4) inset}.content .cuppboard .shelf-off:after{content:"";position:absolute;z-index:1;left:0;top:0;border:1px solid green;background-color:#333;width:100%;height:100%;transform:rotateX(-82deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(-5deg, 0deg)}@keyframes closeMenu{to{transform:perspective(0) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}}@keyframes closeMenuHide{to{opacity:0}}@keyframes openMenu{from{transform:perspective(0) rotateX(0deg) rotateY(90deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}to{transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}}@keyframes openMenuShow{to{opacity:1}}body{background-repeat:no-repeat}main{position:absolute;z-index:2;left:22px;top:60px;width:calc(100% - 40px);height:calc(100% - 150px);background-color:black;background:linear-gradient(152deg, rgba(20,20,20,0.8) 0, rgba(50,50,100,0.4) 70%, rgba(168,217,255,0) 95%)}main>aside.r-scroll{position:absolute;width:15px;height:calc(100% - 100px);right:0;top:0;display:inline-block;background:linear-gradient(152deg, rgba(255,255,255,0.1) 21%, rgba(231,245,255,0.2) 44%, rgba(250,210,63,0.5) 60%);clip-path:polygon(100% 0, 100% calc(100% - 11px), 0 100%, 0 0)}main>aside.r-scroll-pad{position:absolute;bottom:105px;right:0;background-color:#7d6a25;width:190px;height:5px;transform-origin:100% 100%;background:linear-gradient(0deg, rgba(255,255,255,0.1) 21%, rgba(231,245,255,0.2) 44%, #7d6a25 80%);transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(-43deg) scale(1) skew(-44deg, 10deg)}main>article.test-dotted-bg{width:100%;min-height:300px;background-image:-moz-linear-gradient(45deg, #666 25%, transparent 25%),-moz-linear-gradient(-45deg, #666 25%, transparent 25%),-moz-linear-gradient(45deg, transparent 75%, #666 75%),-moz-linear-gradient(-45deg, transparent 75%, #666 75%);background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #666), color-stop(.25, transparent)),-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #666), color-stop(.25, transparent)),-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #666)),-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #666));background-image:-webkit-linear-gradient(45deg, #666 25%, transparent 25%),-webkit-linear-gradient(-45deg, #666 25%, transparent 25%),-webkit-linear-gradient(45deg, transparent 75%, #666 75%),-webkit-linear-gradient(-45deg, transparent 75%, #666 75%);background-image:-o-linear-gradient(45deg, #666 25%, transparent 25%),-o-linear-gradient(-45deg, #666 25%, transparent 25%),-o-linear-gradient(45deg, transparent 75%, #666 75%),-o-linear-gradient(-45deg, transparent 75%, #666 75%);background-image:linear-gradient(45deg, #666 25%, transparent 25%),linear-gradient(-45deg, #666 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #666 75%),linear-gradient(-45deg, transparent 75%, #666 75%);-moz-background-size:2px 2px;background-size:2px 2px;-webkit-background-size:2px 2.1px;background-position:0 0,1px 0,1px -1px,0 1px}main>div.article-container{display:inline-block;position:absolute;z-index:3;top:100px;right:-17px;width:85%;height:calc(100% - 103px)}main>div.article-container>div{opacity:.4;display:inline-block;position:absolute;width:calc(100% - 180px);height:calc(100% - 13px);background-color:white;background:linear-gradient(110deg, rgba(255,255,255,0) 20%, rgba(0,54,255,0.2) 90%)}main>div.article-container>div>div{overflow-y:auto;height:100%}main>div.article-container>div:after{content:"";display:inline-block;position:absolute;top:-91px;right:-140px;height:100%;width:138px;border-left:1px solid #114;background-color:white;background:linear-gradient(-102deg, rgba(255,255,255,0) 0, rgba(0,54,255,0.2) 90%);transform-origin:100% 100%;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, -33deg)}main>article{display:inline-block;width:100%;min-height:100%;background:linear-gradient(90deg, #000 10px, transparent 99%) center,linear-gradient(#000 10px, transparent 1%) center;background-size:11px 11px}main>article>div.frame{display:inline-block;position:absolute;width:calc(100% - 170px);height:calc(100% - 13px);height:calc(100% - 6px);top:0;height:100%;opacity:0}main>article>div.frame>table{width:100%;height:100%}main>article>div.frame.introAnime{animation:toFocus 3s forwards 6s}main>article>div.frame.ready{animation:toFocus 0s forwards}main>nav{display:inline-block;position:absolute;top:90px;right:20px;height:calc(100% - 200px);width:138px;font-size:.9em;z-index:4}main>nav>ul{list-style:none;padding:0;display:grid;align-content:space-between;height:100%;width:80%;margin-left:10%}main>nav>ul>li{height:40px;margin:10px 0;background-color:red;transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateX(0deg) rotateY(20deg) rotateZ(-5deg) scale(1) skew(-6deg, -26deg);background:linear-gradient(-10deg, #111 10px, transparent 70%) center}main>nav>ul>li>a{transform-origin:100% 100%;display:inline-block;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(-3deg) scale(1) skew(-4deg, 33deg);width:100%;height:20px;padding:15px 0 5px 30px;margin-left:-28px;background:linear-gradient(0deg, #021 1px, transparent 2%) center,linear-gradient(-5deg, #fd5 -300px, transparent 80%) center}footer{position:absolute;width:calc(140%);height:45px;bottom:0;z-index:3;transform-style:preserve-3d;transform:perspective(0) skew(-60deg, 0deg)}footer>div.board{background:linear-gradient(152deg, rgba(255,255,255,0.1) 0, rgba(231,245,255,0.1) 40%, rgba(168,217,255,0) 85%);opacity:.8;padding:5px;position:absolute;top:-30px;left:-25px;width:60%;height:90%;display:inline-block;transform:perspective(0) skew(60deg, 0deg)}footer>div.board>span{margin:5px}footer>span.copy{position:absolute;background-color:unset;bottom:5px;right:28%;margin:0;padding:0;font-size:.6em;transform:perspective(0) skew(60deg, 0deg)}footer>div.glazed{position:absolute;width:100%;height:100%;background:linear-gradient(152deg, rgba(255,255,255,0.1) 21%, rgba(231,245,255,0.2) 44%, rgba(168,217,255,0.1) 60%)}nav span.test1{display:inline-block;padding:20px 30px;background-color:white;opacity:.5;clip-path:polygon(0 0, 0 95%, 5% 96%, 10% 97%, 15% 98%, 20% 99%, 50% 100%, 80% 99%, 85% 98%, 90% 97%, 95% 96%, 100% 95%, 100% 0, 95% 1%, 90% 2%, 85% 3%, 80% 4%, 50% 5%, 20% 4%, 15% 3%, 10% 2%, 5% 1%);transform-style:preserve-3d;transform:skew(0deg, -5deg)}nav span.test1 a{color:blue}nav .ring{position:absolute;display:inline-block;border-bottom:15px solid #23689d;border-right:2px solid #23689d;width:380px;height:380px;transform-style:preserve-3d;transform:perspective(394px) rotateX(72deg) rotateZ(0deg) scale(1) skew(21deg, -34deg);border-radius:50%}nav .ring.inner{border:20px solid red;border-radius:0;width:180px;height:180px;transform:perspective(167px) rotateX(90deg) rotateZ(-497deg) scale(1) skew(0, 0)}nav .ring.inner span{transform:perspective(750px) rotateX(84deg) rotateY(-44deg) rotateZ(174deg) scale(1) skew(0deg, 0deg)}nav .ring.inner span.item:nth-child(1){border:1px solid green;position:absolute;left:0;top:0}nav .ring.inner span.item:nth-child(2){border:10px solid blue;position:absolute;right:0;top:0}nav .ring.inner span.item:nth-child(3){border:10px solid yellow;position:absolute;right:0;bottom:0}nav .ring.inner span.item:nth-child(4){border:10px solid black;position:absolute;left:0;bottom:0}nav .tape{display:inline-block;margin-top:50px;opacity:.5;width:350px;height:50px;clip-path:polygon(0 0, 0 88%, 5% 91%, 10% 93%, 15% 94%, 20% 95%, 25% 96%, 30% 95%, 40% 92%, 50% 88%, 60% 83%, 70% 77%, 80% 68%, 85% 62%, 90% 53%, 95% 43%, 100% 32%, 100% 0, 95% 1%, 90% 2%, 85% 3%, 80% 4%, 50% 5%, 20% 4%, 15% 3%, 10% 2%, 5% 1%);transform:skew(0deg, -5deg)}nav .tape span.item{display:inline-block;background-color:white;padding:30px;line-height:50px;height:100px;color:black;transform:skew(0deg, -15deg)}aside.menu{display:inline-block;position:absolute;z-index:3;bottom:20%;height:calc(100% - 150px);min-width:200px;width:15%;transform-style:preserve-3d;transform-origin:0 0;background:linear-gradient(48deg, rgba(255,255,255,0) -60%, rgba(255,255,255,0.05) 32%, rgba(255,255,255,0.1) 42%, rgba(164,229,230,0.05) 62%, rgba(255,255,255,0) 170%);margin-left:22px;bottom:90px}aside.menu>div.mobile-icon{transform:perspective(0) rotateX(0deg) rotateY(-90deg) rotateZ(0deg) scale(1) skew(0deg, 0deg);transform-origin:0 0;position:absolute;left:0;top:0;width:100%}aside.menu>div.mobile-icon>div.title{display:inline-block;position:absolute;text-align:right;font-family:NothingYouCouldDoRegular;font-size:1.2em;color:#da2;width:100%;padding-right:5%}aside.menu>div.mobile-icon>div.title:after{content:"";background:linear-gradient(180deg, rgba(255,255,255,0) 15%, rgba(210,170,34,0.4) 50%, rgba(231,255,250,0) 100%);width:100%;height:20px;position:absolute;z-index:-1;left:8px;top:20px;transform:perspective(0) rotateX(73deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)}aside.menu>div.mobile-icon>div.menu-icon{position:absolute;top:2px;left:5px}aside.menu>div.mobile-icon>div.menu-icon>span{width:30px;height:5px;display:block;margin:3px;border-radius:20%;background:linear-gradient(188deg, rgba(255,100,100,0.5) 0, rgba(95,0,0,0.3) 80%)}aside.menu>div.list{bottom:50px;position:absolute;width:100%}aside.menu>div.list>div:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(190deg, rgba(255,255,255,0.5) -60%, rgba(255,255,255,0.5) 32%, rgba(255,255,255,0.5) 42%, rgba(164,229,230,0.5) 62%, rgba(255,255,255,0.5) 170%);opacity:.4}aside.menu>div.list>div{height:70px;position:relative;margin:10% 0;margin-left:20px;border-bottom:1px solid green;transform-style:preserve-3d;transform:perspective(394px) rotateX(62deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(-40deg, 0deg)}aside.menu>div.list>div>span{transform:rotateX(-80deg) rotateY(-5deg) rotateZ(0deg) scale(1) skew(-8deg, 0deg);display:inline-block;position:absolute;margin-top:40px}aside.menu>div.list>div>span>a{text-decoration:none;font-size:1.5em}aside.menu>div.list>div:before{content:"";position:absolute;width:100%;height:4px;opacity:.4;background-color:green;transform:rotateX(90deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}aside.menu>div.list>div:nth-child(1){margin-left:20px;transform:perspective(394px) rotateX(80deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(40deg, 0deg)}aside.menu>div.list>div:nth-child(1)>span{right:57px;margin-top:50px;transform-origin:100% 100%}aside.menu>div.list>div:nth-child(2){margin-left:21px;transform:perspective(394px) rotateX(75deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(40deg, 0deg)}aside.menu>div.list>div:nth-child(2)>span{right:35px;margin-top:50px;transform-origin:100% 100%;transform:rotateX(-82deg) rotateY(-10deg) rotateZ(0deg) scale(1) skew(-5deg, 0deg)}aside.menu>div.list>div:nth-child(3){margin-left:22px;transform:perspective(394px) rotateX(70deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(40deg, 0deg)}aside.menu>div.list>div:nth-child(3)>span{right:33px;margin-top:45px;transform-origin:100% 100%;transform:rotateX(-82deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(-5deg, 0deg)}aside.menu>div.list>div:nth-child(4){margin-left:23px;transform:perspective(394px) rotateX(65deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(40deg, 0deg)}aside.menu>div.list>div:nth-child(4)>span{right:50px;margin-top:25px;transform-origin:100% 100%;font-size:1.6em;transform:rotateX(-80deg) rotateY(-20deg) rotateZ(0deg) scale(1) skew(-8deg, 0deg)}aside.menu>div.list>div:nth-child(4)>span>a{opacity:.8}@media (pointer:none) and (max-width:550px),(pointer:coarse) and (max-width:550px){main>aside.r-scroll{height:calc(100% - 35px)}main>aside.r-scroll-pad{bottom:40px;width:65px;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(-47deg) scale(1) skew(-49deg, 9deg)}main>div.article-container{width:96%}main>div.article-container>div{width:calc(100% - 71px)}main>div.article-container>div:after{top:-21px;right:-34px;width:32px}aside.menu{width:calc(100% - 110px)}aside.menu{animation:closeMenu 2s forwards}aside.menu>div.list{animation:closeMenuHide 2s forwards}aside.menu:hover{animation:openMenu 2s forwards}aside.menu:hover>div.list{animation:openMenuShow 2s forwards}}@media (pointer:none) and (max-height:550px) and (orientation:landscape),(pointer:coarse) and (max-height:550px) and (orientation:landscape){main>aside.r-scroll{height:calc(100% - 35px)}main>aside.r-scroll-pad{bottom:40px;width:65px;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(-47deg) scale(1) skew(-49deg, 9deg)}main>div.article-container{right:-90px}main>div.article-container>div{width:calc(100% - 142px)}main>div.article-container>div:after{top:-21px;right:-32px;height:100%;width:30px}aside.menu>div{bottom:-20px}aside.menu>div>div{height:35px}aside.menu>div>div>span>a{font-size:1.1em}aside.menu>div>div:nth-child(1)>span{right:30px;margin-top:20px;transform-origin:100% 100%}aside.menu>div>div:nth-child(2)>span{right:24px;margin-top:15px;transform-origin:100% 100%}aside.menu>div>div:nth-child(3)>span{right:20px;margin-top:10px;transform-origin:100% 100%}aside.menu>div>div:nth-child(4)>span{right:30px;margin-top:5px;transform-origin:100% 100%}aside.menu{animation:closeMenu 2s forwards}aside.menu>div.list{animation:closeMenuHide 2s forwards}aside.menu:hover{animation:openMenu 2s forwards}aside.menu:hover>div.list{animation:openMenuShow 2s forwards}}@keyframes toCenter1{to{top:45%;left:45%;transform:rotateX(0deg)}}@keyframes toCenter2{to{top:34%;left:45%;transform:rotateX(0deg)}}@keyframes toCenter3{to{top:40%;left:36%;transform:rotateX(0deg)}}@keyframes toCenter4{to{top:51%;left:36%;transform:rotateX(0deg)}}@keyframes toCenter5{to{top:56%;left:45%;transform:rotateX(0deg)}}@keyframes toCenter6{to{top:51%;left:54%;transform:rotateX(0deg)}}@keyframes toCenter7{to{top:40%;left:54%;transform:rotateX(0deg)}}@keyframes toRingFocus{80%{opacity:.9;top:47%;transform:perspective(600px) rotateX(60deg) rotateZ(0deg) scale(1) skew(21deg, -10deg)}100%{border-bottom:0 solid #23689d;opacity:.7;transform:perspective(600px) rotateX(60deg) rotateZ(0deg) scale(1) skew(21deg, -10deg);top:33%;min-width:unset;box-shadow:.1em .1em .15em #3377AA}}@keyframes toFocus{to{opacity:.8}}@keyframes toMenuPoint{100%{opacity:.7;min-width:60px;min-height:60px;width:60px;height:6px;bottom:42px;right:1%}}aside.intro{position:absolute;width:100%;height:80%;z-index:2;max-width:1200px;max-height:800px;bottom:20%;right:0}aside.intro>.ring{position:absolute;display:inline-block;border-bottom:15px solid #23689d;border-right:2px solid #23689d;width:70%;height:50%;top:47%;right:20%;min-width:135px;max-width:600px;max-height:200px;transform-style:preserve-3d;transform:perspective(600px) rotateX(0deg) rotateZ(-10deg) scale(1) skew(21deg, -10deg);border-radius:50%;opacity:0;box-shadow:.1em .1em .15em #3377AA,.2em .2em .15em #23689d,.3em .3em .15em #23689d}aside.intro aside.nest{position:relative;width:100%;height:100%;overflow:hidden}aside.intro aside.nest span.honeycomb{background-color:#ffad33;width:100%;height:100%;position:absolute;background:radial-gradient(circle, rgba(251,209,63,0.86738445) 0, rgba(222,252,70,0.11388305) 100%);clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);overflow:hidden}aside.intro aside.nest>div{position:absolute;z-index:1;width:10%;height:10%;transform-style:preserve-3d}aside.intro aside.nest>div>span.label{display:inline-block;position:absolute;width:100%;padding:10px;z-index:3;border:1px solid red;transform-style:preserve-3d;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}aside.intro aside.nest>div:nth-child(1){top:-2%;left:-1%;transform:rotateX(110deg)}aside.intro aside.nest>div:nth-child(2){top:10%;left:30%;transform:rotateX(330deg)}aside.intro aside.nest>div:nth-child(3){top:30%;left:70%;transform:rotateX(360deg)}aside.intro aside.nest>div:nth-child(4){top:95%;left:90%;transform:rotateX(380deg)}aside.intro aside.nest>div:nth-child(5){top:50%;left:15%;transform:rotateX(410deg)}aside.intro aside.nest>div:nth-child(6){top:70%;left:95%;transform:rotateX(460deg)}aside.intro aside.nest>div:nth-child(7){top:90%;left:75%;transform:rotateX(510deg)}aside.intro.introAnime{animation:toMenuPoint 5s forwards 5s}aside.intro.introAnime>.ring{animation:toRingFocus 6s forwards 3s}aside.intro.introAnime aside.nest>div:nth-child(1){animation:toCenter1 4s forwards}aside.intro.introAnime aside.nest>div:nth-child(2){animation:toCenter2 1s forwards}aside.intro.introAnime aside.nest>div:nth-child(3){animation:toCenter3 2s forwards}aside.intro.introAnime aside.nest>div:nth-child(4){animation:toCenter4 1s forwards}aside.intro.introAnime aside.nest>div:nth-child(5){animation:toCenter5 3s forwards}aside.intro.introAnime aside.nest>div:nth-child(6){animation:toCenter6 2s forwards}aside.intro.introAnime aside.nest>div:nth-child(7){animation:toCenter7 3s forwards}aside.intro.logo{animation:toMenuPoint 0s forwards}aside.intro.logo>.ring{animation:toRingFocus 0s forwards}aside.intro.logo aside.nest>div:nth-child(1){animation:toCenter1 0s forwards}aside.intro.logo aside.nest>div:nth-child(2){animation:toCenter2 0s forwards}aside.intro.logo aside.nest>div:nth-child(3){animation:toCenter3 0s forwards}aside.intro.logo aside.nest>div:nth-child(4){animation:toCenter4 0s forwards}aside.intro.logo aside.nest>div:nth-child(5){animation:toCenter5 0s forwards}aside.intro.logo aside.nest>div:nth-child(6){animation:toCenter6 0s forwards}aside.intro.logo aside.nest>div:nth-child(7){animation:toCenter7 0s forwards}aside.sketch{position:absolute;left:0;top:0;min-width:300px;width:100%;height:100%;overflow:hidden}aside.sketch>div.wall{position:absolute;left:0;top:0;height:100%}aside.sketch>div.wall.back{width:100%;background-color:#000}aside.sketch>div.wall.top{width:calc(100%  - 10px);height:75px;left:unset;right:-40px;background:linear-gradient(152deg, rgba(255,255,255,0.1) 21%, rgba(231,245,255,0.2) 44%, rgba(250,210,63,0.5) 60%);z-index:2;transform-style:preserve-3d;transform:rotateX(92deg) skew(-30deg, 0deg)}aside.sketch>div.wall.left{z-index:1;width:40px;background:linear-gradient(152deg, rgba(255,255,255,0) 0, rgba(164,164,164,0.1) 90%, rgba(35,104,157,0.1) 95%)}aside.sketch>div.wall.front{width:100%}aside.sketch>div.wall.bottom{width:100%;height:75px;background-color:black;top:unset;bottom:0;background:linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 0, rgba(0,0,0,0.99) 72%)}aside.bg-hive{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden;display:none}aside.bg-hive aside.nest{position:relative;width:100%;height:100%;overflow:hidden;transform:perspective(400px) rotateX(0deg) rotateY(-17deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}aside.bg-hive aside.nest span.honeycomb{background-color:#ffad33;width:100%;height:100%;position:absolute;background:radial-gradient(circle, rgba(251,209,63,0.86738445) 0, rgba(222,252,70,0.11388305) 100%);clip-path:polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);overflow:hidden;opacity:.3}aside.bg-hive aside.nest>div{position:absolute;z-index:1;width:10%;height:10%;transform-style:preserve-3d}aside.bg-hive aside.nest>div>span.label{display:inline-block;display:none;position:absolute;width:100%;padding:10px;z-index:3;border:1px solid red;transform-style:preserve-3d;transform:perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1) skew(0deg, 0deg)}aside.bg-hive aside.nest>div:nth-child(1){top:50%;left:60%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(2){top:35%;left:60%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(3){top:40%;left:70%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(4){top:55%;left:70%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(5){top:65%;left:60%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(6){top:60%;left:50%;transform:rotateX(0deg)}aside.bg-hive aside.nest>div:nth-child(7){top:40%;left:50%;transform:rotateX(0deg)}aside.chart{width:70%;right:5%;bottom:75px;position:absolute;z-index:2}aside.chart>div.long{height:15px;opacity:0;position:relative}aside.chart>div.long:nth-child(1){width:15%;margin-left:85%;height:9px}aside.chart>div.long:nth-child(2){width:40%;margin-left:60%;height:7px}aside.chart>div.long:nth-child(3){width:50%;margin-left:50%;height:5px}aside.chart>div.long:nth-child(4){width:75%;margin-left:25%;height:3px}aside.chart>div.long:nth-child(5){width:90%;margin-left:10%;height:2px}aside.chart>div.long:before{content:"";height:1px;width:100%;position:absolute;background:linear-gradient(90deg, rgba(80,20,20,0.6) 6%, rgba(0,0,0,0.8) 100%);top:-1px}aside.header{position:absolute;width:100%;z-index:2}aside.header h1,aside.header h2,aside.header h3,aside.header h4,aside.header h5,aside.header h6{margin:0;padding:0}aside.header .company{font-weight:500;line-height:1.2;font-size:1.6em;display:inline-block;right:0;opacity:.9;color:#872;padding:10px 0 0 45px;background:-webkit-linear-gradient(90deg, #FFF 0, #872 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:NothingYouCouldDoRegular}aside.header .slogan{color:#23689d;font-size:.6em;font-family:Charm}aside.header:after{content:"";position:absolute;width:100%;height:37px;left:0;background:radial-gradient(circle, rgba(255,255,255,0) 41%, rgba(255,202,59,0.1) 78%, rgba(230,255,250,0.1) 95%)}#circle{display:block;position:absolute;bottom:-5%;left:-5%;width:60%;height:400px;border:2px solid blue;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:red;background:radial-gradient(circle at 20% 20%, #5cabff, #000)}.ball{display:inline-block;margin:0;border-radius:50%;width:400px;height:400px;position:relative;background:radial-gradient(circle at 50% 120%, #81e8f6, #76deef 10%, #055194 80%, #062745 100%)}.ball:before{content:"";position:absolute;top:1%;left:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle at 50% 0, #ffffff, rgba(255,255,255,0) 58%);-webkit-filter:blur(5px);z-index:2}.ball .shadow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%, rgba(0,0,0,0.4), rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 50%);-webkit-transform:rotateX(90deg) translateZ(-150px);-moz-transform:rotateX(90deg) translateZ(-150px);-ms-transform:rotateX(90deg) translateZ(-150px);-o-transform:rotateX(90deg) translateZ(-150px);transform:rotateX(90deg) translateZ(-150px);z-index:-1}.stage{width:300px;height:300px;display:inline-block;margin:20px;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-o-perspective-origin:50% 50%;perspective-origin:50% 50%}