body{background-color:#000;font-family:arial}.range-val{color:#0ff;font-size:1vw}#title-message{text-align:center;color:#fff;width:40vw;margin-left:30vw;font-size:3vw;animation:18s ease-in-out infinite alternate title-message-animation;display:block;position:absolute;top:55vh}@-webkit-keyframes title-message-animation{0%{opacity:0}to{opacity:1}}@keyframes come-on-down-animation{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.pleasant-item:hover{transform:translateY(-2vh)scale(1.1)}.pleasant-container{width:80vw;margin-left:10vw;margin-right:10vw;animation:5s ease-out come-on-down-animation}.pleasant-top{top:0}.pleasant-item{background-size:cover;text-decoration:none;transition:all 2s;display:inline-block;position:relative}.pleasant-item-top{width:15vw;height:15vw;margin-left:2.5vw;margin-right:2.5vw}a.pleasant-item div.pleasant-item-title{text-align:center;color:#fff;font-size:.7vw;position:absolute;bottom:1vh}.pleasant-item-bottom{width:5vw;height:5vw;margin-right:1vw;left:1vw}.pleasant-bottom{margin-top:8vh}.big-highlight-cover{z-index:998;opacity:0;width:100vw;height:100vh;display:none;position:absolute;top:0}#big-highlight-close:hover{color:#fff;border:1px solid #fff}#big-highlight-close{text-align:center;z-index:999;color:#666;pointer-events:none;border:1px solid #333;border-radius:16px;width:2vh;font-size:1vw;position:absolute;top:0;right:18em}#big-highlight-line{border-top:1px solid #fff;width:8vh;position:absolute;top:10vh;left:66vw}#big-highlight:hover{cursor:pointer}#big-highlight{z-index:1000;background-size:cover;border-radius:16px;width:44em;height:44em;margin-top:2em;margin-left:24em;transition:top 1s,left 1s;position:absolute;top:0}#big-highlight.off{top:100vh;left:-50vw}#big-highlight img{object-fit:cover;background-size:cover;width:100%}#big-highlight span{color:#fff;text-align:center;width:100%;font-size:2vw;position:absolute;top:0}.showcase-container{width:100vw;height:50.45vw;display:block;position:relative;overflow-x:hidden}.showcase{white-space:nowrap;width:100vw;height:36.45vw;transition:all 2s ease-in-out;display:block;position:absolute;top:0;left:0;overflow:hidden}.showcase-item{background-size:cover;border:1px solid #888;border-radius:8px;width:8vw;min-width:8vw;height:8vw;min-height:8vw;margin-top:6vh;margin-bottom:20%;transition:all .6s ease-in-out;animation:32s linear infinite box-rotate-animation;display:inline-block;position:absolute;top:0%;left:15%;overflow-x:hidden}.showcase-item-big{z-index:1000;background-size:cover;border:1px solid #888;border-radius:8px;width:30vw;min-width:30vw;height:30vw;min-height:30vw;margin-top:6vh;margin-bottom:20%;margin-left:35vw;transition:all .6s ease-in-out;position:absolute;overflow-x:hidden}.showcase-item-desc{opacity:0;color:#000;text-align:center;border-radius:8px;max-width:4vw;height:5vh;max-height:5vh;padding:6px;font-size:.6em;transition:all 2s ease-in-out;position:absolute;bottom:0;overflow:hidden}a.showcase-item-big div.showcase-item-desc{opacity:1;vertical-align:middle;text-align:center;width:100%;min-width:100%;margin-left:10vw}a.showcase-item-big div.showcase-item-desc a.showcase-item-title{width:10vw}.showcase-item-title{color:#fff;opacity:1;height:2.4vw;font-size:2em;text-decoration:none;transition:all 2s ease-in-out;display:block;overflow:hidden}.showcase-item:hover{animation-play-state:paused;transform:scale(1.8)}.showcase-item:hover>.showcase-item-desc .showcase-item-title{color:#000}.showcase-item:hover>.showcase-item-desc{background-color:#fff}.showcase-item-gobutton{opacity:0;vertical-align:middle;text-align:center;background-color:#616;width:2.8vw;height:1.8vw;padding:.4vw;font-size:1.5vw;transition:all 2s ease-in-out;position:absolute;top:0;right:0}@-webkit-keyframes slide-animation{0%{left:0}to{left:-300vw}}#scene-tracker{display:none}#scene-container{z-index:2000;width:100vw;height:100vh;transition:width 2s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}#scene-container.hidden{width:0;transition:width 2s ease-in-out}div#scene-back{text-align:center;vertical-align:middle;color:#fff;z-index:2001;width:5vw;padding:1.3vh;position:absolute;bottom:3vh;left:48vw}.linkbox-logo{background-color:#43b}.logo{background-size:cover;width:100%}@-webkit-keyframes logo-breathe-animation{0%{opacity:.4}to{opacity:1}}.alt-logo{opacity:.4}div .fog-labs-logo:hover{opacity:0;transition:opacity 3s,transform 2s linear;transform:rotate(180deg)}.lora{font-family:IBM Plex Serif,serif;font-weight:1000}.center{text-align:center;width:100%;margin-left:auto;margin-right:auto}.container{margin:2% 0% 0%;overflow:hidden}.time-range-display{color:#fff;font-size:2vw}.time-range{white-space:nowrap;background-color:#000;width:100%;margin:0;overflow-x:hidden}.time-range-segment:before{content:"|"}.time-range-segment{text-align:left;color:#fff;font-size:.8vw;display:inline-block}.work{vertical-align:middle;z-index:69;background-color:#000;width:24.3vw;height:24.3vw;font-size:0;display:inline-block;position:relative;overflow:hidden}.work:not(.no-hover):hover{background-color:#140820;top:0;left:0}.character{color:#fff;opacity:0;background-color:#226;border:1px solid #000;border-radius:10px;width:2.1vw;height:2.1vw;font-size:.8vw;display:block;position:relative;bottom:0}.work.big-view .character{opacity:1}.character-container{white-space:nowrap;width:100%;height:2.1vw;display:inline;position:absolute;bottom:2.1vw}.header-container{margin:0 0 3%;transition:opacity 6s;overflow:hidden}.header-main-hide{opacity:0;transition:opacity 6s}.timeclock{text-align:center;z-index:999;color:#0ff;opacity:0;background-color:#000;border:1px solid #fff;width:10vw;height:10vw;margin:2% 2% 2% 4%;font-size:3.2vw;transition:all 1s ease-in-out;display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.timeclock.light{opacity:1;transition:opacity 1s ease-in-out}.linkbox-secret-container{width:0;height:0;position:relative}.linkbox-secret{position:absolute;top:2px;left:-3vw;background-color:#0000!important}.linkbox-title{color:#fff;position:absolute;top:28%;left:0%}.linkbox-title-big{font-size:2.8vw}.linkbox-title-small{opacity:0;font-size:1vw;transition:visibility 0s 2s,opacity 2s linear}.linkbox-color{border:1px solid #888}.linkbox-container{margin-bottom:1em}.linkbox{z-index:69;border-radius:8px;width:8vw;height:8vw;margin-right:1.618vw;display:inline-block;position:relative;overflow:hidden}.linkbox:hover{background-color:#230023;transition:background-color .6s}.linkbox:hover>.linkbox-title>.linkbox-title-small{opacity:1;transition:visibility 0s .6s,opacity .6s linear}.alt-link{opacity:0;display:block}.linkbox:hover>.alt-link{color:#fff;opacity:1;background-color:#43b;font-size:1.4vw;font-weight:700;text-decoration:none;transition:opacity 2s ease-in}.timeline-shade{opacity:1;z-index:75;background-color:#000;min-width:100vw;min-height:100vh;transition:opacity 3s;display:block;position:fixed;top:0;left:0}.timeline-title{text-align:center;color:#fff;margin:0 0 1%;font-size:3vw}button.timeline-button{color:#fff;background-color:#202;border:1px solid #fff;border-radius:8px;width:6vw;max-width:100px;height:4vw;max-height:40px;margin-left:1vw}button.timeline-button:active{background-color:#fff}.desc-container{margin-top:4vh;display:block}.desc-back{display:none}.work:not(.big-view):hover .desc,.work:not(.big-view):not(.no-hover):hover .character{-o-transition:opacity .36s ease-in-out;opacity:1;-webkit-transition:opacity .36s ease-in-out;-moz-transition:opacity .36s ease-in-out;-ms-transition:opacity .36s ease-in-out;display:block}.work:not(.big-view):hover .img{-o-transition:opacity .36s ease-in-out;opacity:0;-webkit-transition:opacity .36s ease-in-out;-moz-transition:opacity .36s ease-in-out;-ms-transition:opacity .36s ease-in-out;display:none}.work.big-view{z-index:100}.work.big-view .title{opacity:1;z-index:100;text-align:left;background-color:#0000;height:8vw;margin:0;padding:0;font-size:8vw;position:absolute;bottom:0;left:0}.desc{color:#fff;z-index:101;opacity:0;margin-bottom:4vh;padding:.6vw;font-size:1.1vw}.work.big-view .hide-desc{z-index:0;opacity:0;transition:opacity .4s}.work.big-view .show-desc{z-index:110;opacity:1;transition:opacity .4s}.work.big-view .desc{color:#000;background-color:#fef;border-radius:6px;width:50%;margin:4%;padding:2vw;font-family:Source Serif Pro;font-size:1.6vw;font-weight:400;position:absolute;top:24vh;right:0;overflow:auto}.work.big-view .desc-container{opacity:1;z-index:110;width:100vw;height:100vw;margin-top:0;position:absolute}.work.big-view .desc-container.desc-container-hide-desc{background-color:#0000}.work div.time-start{color:#fff;font-size:2em;position:relative}.desc:hover{color:#fff}.img{opacity:1;width:100%;display:block}.big-view{z-index:1000;color:#fff;background-color:#101;width:100vw;height:100vh;transition:all 2s ease-in-out;display:block;position:fixed;top:0;left:0}.big-view.work .img{z-index:90;object-fit:contain;background-position:50%;width:50vw;min-height:100vh;margin-left:25%;position:absolute}.big-view.work{-o-transition:width .4s ease-in-out;-webkit-transition:width .4s ease-in-out;-moz-transition:width .4s ease-in-out;-ms-transition:width .4s ease-in-out;display:block}.buttons-container{background-color:#0000;display:none}.big-view.work .buttons-container{margin-bottom:4vh;display:block}.big-view.work .hide,.big-view.work .close,.big-view.work .before,.big-view.work .after{vertical-align:middle;background-color:#0000;border:1px solid #000;height:1.8vw;font-size:1.2vw}.big-view.work .hide:hover,.big-view.work .close:hover,.big-view.work .before:hover,.big-view.work .after:hover{background-color:#55b;transition:background-color .4s}.hide{display:none;position:absolute}.big-view.work .hide{text-align:center;opacity:1;width:25vw;display:block;top:0;left:25vw}.close{text-align:center;color:#fff;width:25vw;display:none;position:absolute;top:0;left:50vw}.before{text-align:center;color:#fff;width:25vw;position:absolute;top:0;left:0}.after{text-align:center;color:#fff;width:25vw;position:absolute;top:0;left:75vw}.big-view.work .close{z-index:201;display:inline}.slider-container{height:1.3vh;margin:0 4vw 4%}.range-container{background-color:#0aa;border-radius:4px;padding-left:1vw;transition:margin 2s}input[type=range]{border:7px solid #202;width:100%;position:relative}.title{color:#fff;text-align:center;background-color:#000;width:100%;margin:0;padding-top:1.2%;font-size:1.4vw;font-weight:700;text-decoration:none;display:block;position:absolute;bottom:0}.work:not(.big-view):hover .title{opacity:0;transition:opacity .3s}.fullscreen-button{color:#fff;opacity:0;text-align:center;background-color:#000;width:100%;font-size:.6vw;position:absolute;top:0}.work:not(.big-view):hover .fullscreen-button{opacity:1;margin-bottom:4vh;transition:opacity .3s;display:block}.info{opacity:0;color:#fff;background-color:#616;width:100%;font-size:1.6vw;position:relative;top:0}.info-block a{text-decoration:none}.info-block{background-color:#000;width:33.3%;min-width:33.3%;max-width:33.3%;height:33.3vw;min-height:33.3vw;max-height:33.3vw;display:inline-block;overflow:hidden}.box-img{width:100%;position:absolute;top:0}.box-img-container{position:relative}.box-img-container:hover img{opacity:0;transition:visibility 0s .36s,opacity .36s linear}.box-img-container:hover>.info{opacity:1;transition:visibility 0s .36s,opacity .36s linear}.cubes-container{opacity:1;z-index:15000;width:100vw;height:80vh;transition:opacity 4s;position:absolute;top:20vh;left:0}.go-back{color:#680068;text-align:center;vertical-align:middle;background-color:#090003;width:8vw;min-width:40px;height:2vh;min-height:10px;transition:transform 3s,background-color 6s;position:fixed;bottom:2vh;left:50vw}.go-back:hover{background-color:#191013;transition:transform 3s,background-color 6s;transform:scale(4)rotateX(60deg)}.cubes{transform-style:preserve-3d;perspective:1200px}@-webkit-keyframes cubes-animation{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@-webkit-keyframes cube0-animation{0%{transform:translateZ(8em)translate(0)rotateY(0)}25%{transform:translateZ(0)translate(8em)rotateY(90deg)}50%{transform:translateZ(-8em)translate(0)rotateY(180deg)}75%{transform:translateZ(0)translate(-8em)rotateY(270deg)}to{transform:translateZ(8em)translate(0)rotateY(360deg)}}@-webkit-keyframes cube1-animation{0%{transform:translateZ(0)translate(8em)rotateY(0)}25%{transform:translateZ(-8em)translate(0)rotateY(90deg)}50%{transform:translateZ(0)translate(-8em)rotateY(180deg)}75%{transform:translateZ(8em)translate(0)rotateY(270deg)}to{transform:translateZ(0)translate(8em)rotateY(360deg)}}@-webkit-keyframes cube2-animation{0%{transform:translateZ(-8em)translate(0)rotateY(0)}25%{transform:translateZ(0)translate(-8em)rotateY(90deg)}50%{transform:translateZ(8em)translate(0)rotateY(180deg)}75%{transform:translateZ(0)translate(8em)rotateY(270deg)}to{transform:translateZ(-8em)translate(0)rotateY(360deg)}}@-webkit-keyframes cube3-animation{0%{transform:translateZ(0)translate(-8em)rotateY(0)}25%{transform:translateZ(8em)translate(0)rotateY(90deg)}50%{transform:translateZ(0)translate(8em)rotateY(180deg)}75%{transform:translateZ(-8em)translate(0)rotateY(270deg)}to{transform:translateZ(0)translate(-8em)rotateY(360deg)}}@-webkit-keyframes side-animation{0%{background-color:#d3a0d8}to{background-color:#250024}}@-webkit-keyframes circle-animation{0%{transform:rotateY(0)}50%{transform:rotateY(360deg)}to{transform:rotateY(0)}}@-webkit-keyframes box-rotate-animation{0%{top:0%;left:15%}15%{top:0%;left:75%}25%{top:55%;left:75%}40%{top:55%;left:15%}50%{top:0%;left:15%}75%{top:0%;left:15%}80%{top:0%;left:5%}95%{top:55%;left:5%}to{top:0%;left:15%}}.circle{opacity:.4;background:radial-gradient(circle at 100px 100px,#ffd,#ddf);border-radius:50%;width:2em;height:2em;margin:0;animation:10s linear infinite circle-animation;display:block;position:absolute}.cube{transform-style:preserve-3d;width:4em;margin:1.5em auto;font-size:4em;transition:transform 4s}.side{opacity:.8;text-align:center;background-position:50%;background-size:contain;border:4px solid #000;width:4em;min-width:3em;height:4em;min-height:3em;line-height:4em;transition:border 2s,width 3s,height 3s;position:absolute}.cube:hover>.side{border:2px solid #fff;width:3em;height:3em;transition:border 2s,width 4s,height 4s}.cube:hover>.circle{background-color:#fff;width:6em;height:6em;transition:width 4s,height 4s,background-color 4s}.front{transform:translateZ(2em)}.top{transform:rotateX(90deg)translateZ(2em)}.right{transform:rotateY(90deg)translateZ(2em)}.left{transform:rotateY(-90deg)translateZ(2em)}.bottom{transform:rotateX(-90deg)translateZ(2em)}.back{transform:rotateY(-180deg)translateZ(2em)}.cube0{animation:64s linear infinite cube0-animation}.cube1{animation:64s linear infinite cube1-animation}.cube2{animation:64s linear infinite cube2-animation}.cube3{animation:64s linear infinite cube3-animation}@-webkit-keyframes background-animation{0%{background-color:#220008}to{background-color:#080022}}@-webkit-keyframes ani-block-animation{0%{top:-10vh;transform:rotateX(0)rotateY(360deg)}50%{top:0;transform:rotateX(420deg)rotateY(0)}to{top:150vh;transform:rotateX(0)rotateY(180deg)}}@-webkit-keyframes ani-block-with-height-animation{0%{width:30vw;height:16vw;top:3vh;left:100%;transform:rotateY(350deg)rotateX(40deg)}to{width:64vw;height:8vw;top:10vw;left:0%;transform:rotateY(40deg)rotateX(3deg)}}.ani-block-container{width:100%;position:fixed;left:0}.secret{background-size:cover;width:10vw}.ani-block{z-index:-100;width:2vw;display:inline-block;position:absolute}.ani-block-height{height:2vw}.ani-block-animation0{animation:10s ease-in-out infinite alternate ani-block-animation;left:10vw}.ani-block-animation1{animation:8s ease-in-out infinite alternate ani-block-animation;left:30vw}.ani-block-animation2{animation:14s ease-in-out infinite alternate ani-block-animation;left:50vw}.ani-block-animation3{animation:12s ease-in-out infinite alternate ani-block-animation;left:70vw}.ani-block-animation4{animation:14s ease-in-out infinite alternate ani-block-animation;left:90vw}.ani-block-animation5{animation:30s ease-in-out infinite alternate ani-block-animation;left:60vw}.ani-block-animation6{animation:6s ease-in-out infinite alternate ani-block-animation;left:40vw}.ani-block-animation0-with-height{animation:10s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation1-with-height{animation:7s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation2-with-height{animation:4s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation3-with-height{animation:2s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation4-with-height{animation:14s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation5-with-height{animation:30s ease-in-out infinite alternate ani-block-with-height-animation}.ani-block-animation6-with-height{animation:60s ease-in-out infinite alternate ani-block-with-height-animation}@media only screen and (width<=900px){#big-highlight{width:22em;height:22em;margin-left:1em;left:0}#big-highlight span{font-size:1.6em;top:12em}.range-val{font-size:2vw}button.timeline-button{width:16vw;height:16vw}.pleasant-item-bottom{width:15vw;height:15vw;margin-right:1vw;left:1vw}#title-message{top:25vh}@-webkit-keyframes box-rotate-animation{0%{top:0%;left:5%}15%{top:0%;left:70%}25%{top:55%;left:70%}40%{top:55%;left:5%}50%{top:0%;left:5%}75%{top:0%;left:5%}80%{top:0%;left:40%}95%{top:55%;left:40%}to{top:0%;left:5%}}.alt-link{display:none}.work{width:24vw;height:24vw}.work.big-view{z-index:1000;color:#fff;background-color:#101;width:100vw;height:100vh;transition:all 2s ease-in-out;display:block;position:fixed;top:0;left:0}.work.big-view .img{object-position:center bottom}.work.big-view .desc-back{opacity:.4;background-color:#000;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.work.big-view .desc-container{opacity:1;background-color:#0000;height:94vh}.work.big-view .desc{width:88%;right:initial;top:initial;z-index:201;height:50vh;font-size:4.7vw}.work.big-view .buttons-container{opacity:1;display:block}.work.big-view .hide,.work.big-view .close,.work.big-view .before,.work.big-view .after{background-color:#55b;height:4vh;font-size:4vw}.work.big-view .title{opacity:.2;z-index:101;background-color:#000;width:100vw;height:auto;font-size:10vw;transition:bottom 7s;position:fixed;bottom:10vh}.work.big-view .title.show-title{opacity:1;background-color:#0000;transition:bottom 7s;bottom:0}.slider-container{margin-bottom:14%}.linkbox-title-big{font-size:5vw}.linkbox-title-small{opacity:1;font-size:2vw}.linkbox{width:16vw;height:16vw}.showcase-container{width:100vw;height:70vh;display:block;position:relative;overflow-x:hidden}.showcase{width:100vw;height:70vh;margin-top:5vh}.showcase-item{width:20vw;min-width:20vw;min-height:20vw;left:5%}.showcase-item-desc{height:2vh}.showcase-item-title{display:block}@-moz-keyframes scroll-right{0%{-moz-transform:translate(0%)}to{-moz-transform:translate(-100%)}}@-webkit-keyframes scroll-right{0%{-webkit-transform:translate(0%)}to{-webkit-transform:translate(-100%)}}@keyframes scroll-right{0%{transform:translate(0%)}to{transform:translate(-100%)}}}@media only screen and (width>=768px) and (width<=900px){.slider-container{margin-bottom:8%}}