body{background:#111;font-size:16px;margin:0;padding:0;font-family:"Lato",sans-serif;color:#fff}a{text-decoration:none;color:inherit}.front{line-height:1;text-transform:lowercase;opacity:.5;font-size:4rem;position:fixed;top:50%;width:90%;margin:0 5%;display:block;margin-top:-5rem;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s}.intro .front{opacity:1}.intro-done .front{opacity:0}nav,h1,h2,.front{font-family:"Lato",sans-serif;text-transform:capitalize}nav{font-size:2rem;font-weight:bold;position:fixed;top:-8rem;width:100%;height:8rem;line-height:1.5;transition:top .5s,opacity .5s;z-index:2;background:#111;opacity:0}nav .menu{position:fixed;top:0;right:1rem;transition:opacity .2s;cursor:pointer;font-size:1.3em;opacity:0}nav .open{opacity:1;line-height:1.2;font-weight:normal;transform:scaleY(0.85)}nav .close{line-height:1;opacity:0}nav .title,nav ul{font-size:1.8rem;padding:0 1rem}nav ul{right:0;list-style:none;margin:0}nav ul li:hover,nav .title:hover{opacity:.8}nav ul a{cursor:pointer}body.menu-up nav{top:0}body.menu-up .open{opacity:0}body.menu-up .close{opacity:1}body.menu-up main,body.menu-up .tags{margin-top:8em}body.menu-up #archive{margin-top:0}main{margin-top:0;transition:margin-top .5s}section:nth-child(1){width:100%;position:relative;top:0;transition:left 1s,right 1s}section:nth-child(2){width:100%;position:relative;top:0;transition:left 1s,right 1s}section:nth-child(3){width:100%;position:relative;top:0;transition:left 1s,right 1s}section:nth-child(4){width:100%;position:relative;top:0;transition:left 1s,right 1s}section:nth-child(odd).up{right:0}section:nth-child(even).up,#work-arrow.up{left:0}.spacer{height:100%;display:inline-block;vertical-align:middle}.block,.media-container{position:relative;height:56.25vw;z-index:1;transition:z-index 0s .5s}.block iframe,.block video,.block .iframe-bg,.media-container iframe,.media-container video,.media-container .iframe-bg{width:100%;position:absolute;left:0}.block iframe,.block .iframe-bg,.media-container iframe,.media-container .iframe-bg{height:100%;transition:height .5s;pointer-events:none}.block .lightbox,.media-container .lightbox{width:100%;height:100%;transition:opacity .5s,width .5s,height .5s,left .5s;opacity:0;position:absolute;top:0;left:0;overflow:hidden;cursor:pointer}.media-container iframe{pointer-events:auto}.block.focus .card{opacity:1;transition:opacity .3s}.block.player,.block.slideshow{z-index:2;transition:z-index 0s 0s}.block.player .lightbox,.block.slideshow .lightbox{opacity:1;transition-delay:0s}.block.player .card,.block.slideshow .card{opacity:0;visibility:hidden}.preview-bg{width:100%;height:100%;overflow:hidden;position:absolute}.preview-bg img{height:100%;position:absolute;transition:filter .5s,opacity .5s,transform 2s,left 2s,width 2s,top 2s;left:0;top:0;opacity:1}.preview-bg img.zoom{left:-5%;width:110%;top:-5%}.preview-bg iframe,.preview-bg video,.preview-bg .iframe-bg{filter:blur(0px);opacity:1;transition:filter .5s,opacity .5s;position:absolute;height:100%}.preview-bg.blur iframe,.preview-bg.blur video,.preview-bg.blur .iframe-bg{filter:blur(30px);opacity:0;display:none}.preview-bg.blur img{opacity:1}.preview-bg.image img{opacity:1}.preview-bg.vidPv img{opacity:0}.lightbox img{width:100%;height:auto;position:absolute;left:0;opacity:0;transition:opacity .5s,width .5s,left .5s}.lightbox img.iframe-bg{opacity:1}.lightbox .point{width:30px;height:30px;color:#fff;position:relative;top:calc(50% - 75px);margin:50px;cursor:pointer;display:none;opacity:0;transition:opacity .5s,top .5s;z-index:1}.lightbox .point.up{display:inline-block;opacity:1}.lightbox .left{transform:rotate(45deg)}.lightbox .right{transform:rotate(225deg);float:right}.slideshow .lightbox img{width:100%;left:0}.slideshow .lightbox img.up{opacity:1;transition:opacity .5s;transition-delay:-0.2s}.card{position:absolute;top:0;width:100%;height:100%;z-index:1;transition:filter .5s,opacity .5s,visibility 0s .5s;cursor:pointer}.card h1,.card h2{margin:.3em 0 0;color:#fff;text-shadow:0 0 6px #333}.card h1{font-size:2rem}.card h2{font-weight:normal;font-size:1.2rem;line-height:.5}.card .bottom-third{display:inline-block;text-align:left;position:absolute;bottom:0;margin:1em}main,#work-arrow{opacity:0;filter:blur(30px);transition:opacity .5s .3s,filter .3s .5s,margin-top .5s}.intro-done main{opacity:1;filter:blur(0px)}.intro-done nav{opacity:1}.intro-done #work-arrow{opacity:1;filter:blur(0px)}#about{height:50vh}#about .two-col,#about .three-col{padding:1rem}#about p{font-size:1.25rem}#about a:hover{opacity:.8}hr{margin:-0.5em 1em}#archive .block{margin:2rem 1rem;height:auto}#archive .preview-bg{height:calc((100vw - 2rem) / 16 * 9);position:relative}#archive .preview-bg img{width:100%;height:auto}#archive .preview-bg img.zoom{width:110%;height:auto}#archive .card{opacity:1;position:relative;padding-bottom:2em}#archive .card .text-box{display:inline-block;margin:0;vertical-align:top;width:calc(99% - 4em)}#archive .card a{text-align:left;font-style:normal;width:auto}#archive .card h2,#archive .card h3{text-shadow:none;margin:0}#archive .card h2{font-weight:900;font-size:1.5rem;line-height:1.5}#archive .card h3{font-size:1rem;line-height:.8;font-weight:300}#archive .card .tags{margin:0;padding-right:0}.tagslist{text-align:center}.tags{margin:1em;padding-right:2rem;transition:margin .5s;font-weight:900}.tags a{display:inline-block;margin-top:.5em;padding:.5em 1em .5em 0;text-transform:capitalize}.tags a:hover{opacity:.8}.tags a.active{color:#eee}#loader{opacity:1;filter:blur(0px);transition:opacity .5s,filter .5s .3s}#archive-container.fade,#loader.fade,.disc.fade{opacity:0;filter:blur(30px);transition:opacity .3s 0s,filter 0s 0s}#load-link,#archive-link{text-align:center}#load-link h2,#archive-link h2{display:inline-block;margin-top:2em;font-weight:normal}#load-link h2:hover,#archive-link h2:hover{opacity:.8}#single section{margin:1em;width:auto}#single h1{font-size:1.9rem;line-height:1;margin:0}#single h2{font-size:1.25em;font-weight:normal;margin:0}#work-arrow{width:100%;height:220px;position:fixed;top:calc( 100vh - 230px );transition:left 1s,right 1s,transform .5s,opacity .5s 1.5s;overflow:hidden;background:none;pointer-events:none}#work-arrow.rev{transform:rotate(180deg)}.arrow-container{cursor:pointer;animation:side-side-wide 2s infinite ease-in-out;pointer-events:all}.arrow-container-2{animation:up-down 2s infinite ease-in-out;height:50px;animation-delay:-0.5s;width:100px;position:relative;left:50%;margin-left:-40px}.arrow-box{height:128px;width:111px;overflow:hidden;animation:side-side 1s infinite cubic-bezier(0.37, 0, 0.63, 1)}.arrow{animation:wave-front 1s infinite linear}.point{width:50px;height:50px;border-left:solid 10px;border-bottom:solid 10px;transform:rotate(-45deg);position:absolute;top:69px;left:-5px}.arrow-b{fill:none;stroke:#fff;stroke-width:5px}.arrow-h{fill:none;stroke:#fff;stroke-width:30px}@keyframes wave-front{0%{transform:translate(0, -4.5%)}100%{transform:translate(0, -28%)}}@keyframes side-side{50%{transform:translate(13.5%)}100%{transform:translate(0)}}@keyframes side-side-wide{50%{transform:translate(25%)}100%{transform:translate(0)}}@keyframes up-down{50%{transform:translate(0, 50%)}100%{transform:translate(0, 0)}}@media screen and (min-width: 750px){nav{top:-4rem;height:2.6rem;padding:.35em 0;line-height:1.4}nav .menu{padding:.25em 0;right:2rem}nav .title,nav ul{position:absolute;font-size:1.9rem;padding:0 2rem}nav ul{right:2rem}nav li{display:inline-block;padding-left:.5em}body.menu-up main,body.menu-up .tags{margin-top:4em}body.menu-up #archive{margin-top:0em}.card h1{font-size:3rem}.card h2{font-size:1.5rem}.lightbox .point{width:50px;height:50px}.tags{margin:1em 2em}hr{margin:0 2em 2em}.three-col{display:grid;grid-template-columns:repeat(auto-fill, minmax(33%, 1rem));grid-column-gap:1rem}#archive .block{margin:2rem}#archive .block:first-child{margin-top:1.5rem}#archive .preview-bg{height:calc((100vw - 4rem) / 16 * 9)}#archive .card{padding-bottom:3em}#archive .card h2{font-size:2rem}#archive .card h3{font-size:1.5rem}.tagslist{font-size:1.5rem}#single section{margin:2em}#about .two-col,#about .three-col{padding:1rem 2rem}}@media screen and (min-width: 1000px){.front{font-size:10rem}nav{text-align:center;top:-5rem;margin:0;background:none}nav .menu{display:none}nav .title{font-size:2rem}nav ul{font-size:2rem;right:0}.intro-done nav{top:0}.homepage-items{display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, 1fr));background:#000}.preview-bg img{height:auto;width:100%}.two-col{display:grid;grid-template-columns:repeat(auto-fill, minmax(50%, 1rem));grid-column-gap:1rem}.block{height:28.125vw}.block .lightbox{transition:opacity .5s .5s,width .5s,height .5s,left .5s}#home .block:first-child{grid-column:1/3;height:50vw}#home .block:first-child video{height:auto}#home .block:first-child .card h1{font-size:3rem}#home .block:first-child .card h2{font-size:1.5rem}#home .block:first-child iframe,#home .block:first-child .iframe-bg{height:90%;width:80%;left:10%;top:5%}#home .block:first-child .lightbox{transition:opacity .5s,width .5s,height .5s,left .5s}.block.player .lightbox,.block.slideshow .lightbox{width:200%;height:200%;left:-50vw}.block.player .lightbox img,.block.slideshow .lightbox img{width:80%;left:10%}.block.player .lightbox iframe,.block.player .lightbox .iframe-bg,.block.slideshow .lightbox iframe,.block.slideshow .lightbox .iframe-bg{width:80%;height:80%;position:absolute;left:10%}#home .block:nth-child(even) .lightbox,#home .block:first-child .lightbox{left:0}#home .block.player:first-child .lightbox,#home .block.slideshow:first-child .lightbox{width:100%;height:100%}#home .block.player:first-child iframe,#home .block.player:first-child .iframe-bg,#home .block.slideshow:first-child iframe,#home .block.slideshow:first-child .iframe-bg{height:90%;width:80%;left:10%;top:5%}.tagslist{margin:4em 0 0;font-size:2rem}.tagslist a{margin:0 1em -0.5em 0}hr{margin:1em 2em 3em}#archive .block{height:calc((50vw - 2rem) / 16 * 9);margin:2rem}#archive .preview-bg,#archive .lightbox,#archive .card{width:50%}#archive .preview-bg{height:100%}#archive .card{padding-bottom:0;position:absolute;left:50%}#archive .card .text-box{margin:0 2em}#archive .card .tags{position:absolute;bottom:1em}#single{margin:5em 0}.card h1{font-size:2rem}.card h2{font-size:1.5rem;line-height:.5}.arrow-container-2{margin-left:-50px}.arrow-box{height:170px;width:153px}.point{top:108px;left:6px;border-width:15px}}@media(hover: hover)and (pointer: fine){.card{opacity:0}}/*# sourceMappingURL=theme.css.map */