@font-face{font-family:Noto;src:url(/font/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/font/NotoSansTC-Regular.otf) format("opentype")}@font-face{font-family:Arial Narrow;src:url(/font/Arial\ Narrow.ttf) format("truetype")}@font-face{font-family:camboy;src:url(/font/Untitled1.ttf) format("truetype")}@font-face{font-family:simsun;src:url(/font/SimSun.ttf) format("truetype")}.handwriting{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #b0e600,0 0 40px #c7e600,0 0 50px #6fe600,0 0 60px #a1e600,0 0 70px #86e600}.dialogue,.handwriting{font-smooth:never;-webkit-font-smoothing:none}.dialogue{pointer-events:none;text-shadow:0 0 10px #fff,0 0 20px #fff}.fade-out{opacity:0;transition:opacity 1s ease-out}body,html{padding:0;margin:0;font-family:monospace;color:#fff;overflow:hidden;background-color:#000;font-smooth:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;position:absolute;top:0;bottom:0;left:0;right:0}.canvas,canvas{touch-action:auto!important}#header{position:fixed;top:0;padding:10px 0 0;left:0;width:100%;display:flex;z-index:1000;max-height:115px;overflow-y:hidden;overflow-x:hidden}Hide scroll bar completely *{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none;width:0;height:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{display:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}.project,.reader,.reel,body{overflow:hidden}.navigation,a{cursor:pointer}a{color:red;pointer-events:auto}.thumb-info{display:inline-block;width:20%;height:100%}.thumb-info .title{transform:scaleY(.5);font-size:50px}.thumb-title{width:80%;margin:0 10%;font-size:14px}.cam,.thumb-title,.thumb-title>div{display:inline-block}.cam{width:24vw;height:12vw;border:1px solid #333;overflow:hidden;position:relative}.cam .bg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;opacity:.5}.cam.active{cursor:pointer}.cam .status{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.thumb{scroll-snap-align:center;display:inline-block;position:relative;width:100%;height:auto;margin:0 auto 20vw;min-width:100px;min-height:100px;vertical-align:top;cursor:pointer;overflow:hidden;text-align:center;opacity:.5;transition:all .5s ease}.mobile .thumb{width:200vw;height:auto;transform:translate(-50vw)}.blurb{position:absolute;bottom:0;left:152px;right:0;font-size:16px;text-align:center;transform:scaleX(1.5);font-weight:100;text-transform:uppercase;padding-bottom:5vh}.thumb.active,.thumb:hover{opacity:1}.mobile .logo{transform:translateY(-30px)}.blogreel,.reel{position:absolute;overflow-x:hidden;overflow-y:scroll;left:0;top:42px;bottom:0;right:0;scroll-snap-type:mandatory;scroll-snap-points-y:repeat(300px);scroll-snap-type:y mandatory}img.column{width:70%;max-width:600px;margin:0 auto}.reel img{width:100%;margin:0}.project{text-align:center;position:absolute;overflow-x:hidden;overflow-y:scroll;top:42px;bottom:0;right:0;padding-top:30px}.project>div{position:relative;display:inline-block;height:100vh;vertical-align:top}.mobile .project{left:0;padding-left:0}.exit{color:#fff;background-color:#666;padding:0;position:absolute;font-size:30px;font-weight:100;right:2.5vw;top:42px;cursor:pointer;z-index:999;transition:all .1s ease}.exit:hover{padding-top:10px;color:#000;background-color:#fff}.depiction{width:50%;position:relative}.image{width:100%;height:auto;margin:0 0 .5vw;vertical-align:top}.image.halfwidth{width:48%;margin:0 2% 2% 0}.description{margin:0 0 10px 1.5vw;width:20vw;font-size:12px;font-weight:500;text-align:left}.description p{margin-top:0;line-height:16px}p a{font-weight:700;cursor:pointer}.information{font-size:12px;text-align:left}.information a{font-weight:500;line-height:16px;transition:all .1s ease}.information a:hover{padding:0 0 0 10px;color:#000;background-color:#fff}#sidebar{top:20px;margin:16px 2.5vw}#sidebar,.infobar{bottom:0;visibility:visible;position:relative;width:170px;font-size:12px;height:calc(100vh - 42px - 32px)}.infobar{top:0;right:0}.entry{font-weight:100;font-size:12px;letter-spacing:1px;margin-bottom:2px;position:relative;display:inline-block;width:100%;cursor:pointer;transition:all .1s ease;color:#fff;padding-left:10px}.entry.active,.entry:hover{padding-left:20px;color:#000;background-color:#fff}#low_probability{float:left;color:#fff;visibility:hidden}.scroll-down{transition:all 2s ease}.reader{position:absolute;top:42px;padding-top:40px;left:0;right:0;bottom:0;overflow-y:scroll;overflow-x:hidden}.reader p{font-family:Roboto;width:70%;max-width:600px;font-size:14px;letter-spacing:.5px;text-align:justify;text-justify:inter-word;margin:0 auto 20px}.reader p a{color:red}.reader video{width:70%;max-width:600px}.reader .inset{width:40%}.centertext{padding-bottom:200px;position:relative;text-align:center}.reader a{border-bottom:1px dotted red}.centertext img{width:100%;margin-top:20px;margin-bottom:10px}.hascaption{margin-bottom:5px!important}.double{width:50%!important;display:inline-block}.caption{margin-bottom:40px!important;font-size:12px;text-align:left;margin-left:10px;color:#333}.column.caption{text-align:center}.text{width:100%;max-width:600px}.blogpost .blog_title,.blogpost h1,.reader h1{text-transform:uppercase;text-align:center;width:100%;font-size:100px;margin-bottom:20px;letter-spacing:2px}.mobile h1{font-size:50px}.reader .tip{color:#ffc677;cursor:pointer;text-decoration:underline}.blogpost{position:relative;float:left;margin-bottom:10vw;cursor:pointer;width:100%;text-align:center}.blogpost:hover .blog_thumbnail{filter:grayscale(0)}.blogpost:hover .th{background-color:#000}.blogpost .blog_thumbnail{margin:0 auto!important;float:left;position:relative;background-size:100% auto;filter:grayscale(1) opacity(25%);width:50%;min-width:200px;height:auto}.blogpost .info{float:left;padding:100px 2.5%;position:relative;width:20%;font-size:14px;border-collapse:collapse;line-height:14px;font-style:italic}.blogpost .info-left{text-align:center;writing-mode:vertical-rl}.blogpost .info-right{text-align:center;writing-mode:vertical-lr}.blogpost .property{position:relative;padding:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:-2px}.language-select{margin-bottom:20px;text-align:center}.lang{color:#fff!important;border-bottom:none!important;display:inline-block;font-size:10px;letter-spacing:2px;margin-left:10px;padding:4px 6.5px 4px 8px;text-transform:uppercase;cursor:pointer}.lang.active{color:#000!important;background-color:red;cursor:default}.reference{text-align:left;font-size:12px;width:70%;margin:0 auto}.podcastpage .podcast{height:50px;width:100%;margin:0 0 20px}.podcastpage a{text-decoration:none}.podcastpage .direction{background-color:#000;border:none}#Header .podcasts{margin-right:100px}#header .mobile .podcasts{margin-right:0}.podcasts .podcast{opacity:25%;height:30px;filter:grayscale(1);transform:scaleY(.8);margin:0 4px 0 0}.podcasts .podcast.active{opacity:100%}.podcasts .podcast:hover{opacity:100%;filter:grayscale(0)}.rss-embedded-player__top{visibility:hidden!important}#social{position:absolute;right:40px;bottom:20px}#social a{border-bottom:none!important}#social img{height:20px;width:20px;margin-left:5px}.twitter-follow-button,.twitter-mention-button,.twitter-share-button{float:left;margin-right:5px}.camera,.crisp,img{image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.podcastpage{height:100vh;overflow-y:scroll}video::-webkit-media-controls-timeline{display:none}video::-moz-range-progress{display:none}.latest{color:red;border-bottom:1px dotted red}.direction{text-transform:uppercase;font-size:20px;border:1px solid #fff;padding:20px;width:50%;margin:0 auto 10px}.direction .desc{font-size:12px;text-transform:uppercase}.player{text-align:left;position:absolute;bottom:0;padding:30px}.mobile .player{right:0;left:0}.player-button{font-size:16px;display:inline-block;height:16px;width:12px;cursor:pointer}.player-controls{position:absolute;right:100px;top:25px}.player-controls .player-button{font-size:20px;margin-right:5px}.mobile .player-controls{top:52px;left:24px;width:10px}.mobile .player-button{vertical-align:top}.player-title{display:inline-block;margin-left:20px}.mobile .player-title{width:80%}.player-bar{display:inline-block;width:30px;margin:10px 0 10px 20px;background:repeating-linear-gradient(90deg,#fff,#000,#000,#fff);background-repeat:repeat-x;height:5px;position:absolute;background-size:400% 100%;animation:AnimationName 3s linear infinite}@keyframes AnimationName{0%{background-position:100% 50%}to{background-position:-33% 50%}}.play{width:100%;text-align:center;background-color:red;padding:5px 0;display:block;color:#fff;margin-bottom:5px;text-decoration:none}.play:hover{background-color:#000}.wip{width:100%;text-align:center;background-color:#333;padding:5px 0;display:block;color:#fff;margin-bottom:5px;cursor:default}.unpixelate{image-rendering:auto!important}