@import url(components/normalize.css/normalize.css);@import url(fonts/archive-mono-web/stylesheet.css);html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{font:11px/125% 'archive-mono', serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100%;width:100%}a{text-indent:0;display:inline-block;color:inherit;border-bottom:none;text-decoration:none}a:hover{color:rgba(0,0,0,0.5)}a[href=""]{display:none}button{display:block;background:transparent;border:none;padding:0;margin:0}ul,li{display:block;list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-weight:inherit}h1{font-size:3rem;line-height:1.4em;margin:0 0 1.4em}h2{font-size:1.5rem;line-height:1.4em;margin:0}h3{font-size:1.5rem;line-height:1.5em;text-transform:Uppercase;display:inline-block}p,nav{font-size:1.5rem;line-height:1.5em}article a:link{display:inline-block;border-bottom:1px solid rgba(0,0,0,0.5)}#View{margin:0;min-height:100%;width:100%;position:relative}#Cover{position:fixed;height:100%;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Cover video,#Cover img{position:fixed;z-index:-1;right:-100%;left:-100%;top:-100%;bottom:-100%;min-width:100%;min-height:100%;margin:auto}#Slideshow{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Slideshow .slide{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Slideshow .slide.visible{opacity:1}#Slideshow .slide.hidden{opacity:0}#Catalogue{width:100%;z-index:99;color:black}#Title{width:17.7rem;padding:2rem 0;font-size:1.5rem;text-transform:uppercase;position:fixed;z-index:1;top:-100%;left:0;right:0;text-align:left;margin:auto;color:white}#Toggle{position:absolute;margin:0 auto;left:0;right:0;width:9rem;height:9rem;padding:2rem;border-radius:50%}#Folio{position:fixed;z-index:1;left:0;right:0;font-size:1.5rem;margin:auto}.left{position:absolute;left:8%;top:3rem}.right{position:absolute;right:8%;top:3rem}#Header .title{position:absolute;left:0;right:0;margin:auto;top:3rem}#Intro{font-size:3rem;line-height:1.4em;text-align:left;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-top:15rem;padding-bottom:6rem;margin:auto;margin:auto;text-indent:6em;position:relative}.top.slug{font-size:1.5rem;display:inline-block;vertical-align:text-bottom;text-transform:uppercase;position:absolute;left:0;text-indent:0}.bottom.slug{font-size:1.5rem;display:inline-block;vertical-align:bottom;margin-left:2rem;text-transform:uppercase;float:right}.arrow{width:5rem;height:5rem;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;cursor:pointer;pointer-events:all;z-index:100}#Copyright{font-size:1.3rem;margin-bottom:2em}footer{font-size:1rem;font-size:1rem;padding:0 2em 2em}#Portfolio{margin:auto}#Portfolio.list{margin-bottom:6em}#Portfolio.list .item{overflow:hidden;position:relative;font-size:3rem;line-height:1.6em;text-align:left;border-top:1px solid rgba(0,0,0,0.5);padding:0.25em 0.1em;height:1.7em}#Portfolio.list .title{width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;white-space:nowrap;position:absolute;top:0;top:0;bottom:0;margin:auto}#Portfolio.list .year{display:block;width:30%;text-align:right;position:absolute;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;right:0;top:0;bottom:0;margin:auto}#Portfolio.list .thumbnail{display:none}#Portfolio.list .title-and-year{display:block}#Detail{position:relative;z-index:99999;background-color:white;width:100%;min-height:100vh;overflow-y:scroll;pointer-events:all}#Header{position:fixed;z-index:1;left:0;right:0;font-size:1.1rem;margin:auto;padding-bottom:1.5em}#Detail .title{width:60%}header>nav{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-transform:uppercase}header>nav:first-child{text-align:left}header>nav:last-child{text-align:right;pointer-events:all}#Detail article:after{content:"";display:table;clear:both}#Description{margin-top:16em;width:25%;float:left;text-align:left}#Gallery{margin:10rem auto 0;width:100%}#Gallery .item{position:relative;margin:0 0 10vh;width:100%;height:70vh}#Gallery .item img{width:auto;height:auto;max-width:100%;max-height:100%;text-align:center;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}#Gallery .item .caption{position:absolute;font-size:1.3rem;bottom:-4em;left:0;right:0}#Gallery li .player{position:relative}#Gallery li .player.playing .play{opacity:0}#Gallery li .player.paused .play{opacity:1}#Gallery li .player.paused .pause{display:none}#Gallery li .player.playing:hover .pause{opacity:1;-webkit-animation:fade 1s ease-in;-moz-animation:fade 1s ease-in;animation:fade 1s ease-in;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}#Gallery li .player.playing:not(:hover) .pause{opacity:0}#Gallery li .pause:hover{opacity:1 !important}#Gallery li .play,#Gallery li .pause{position:absolute;z-index:99;top:0;bottom:0;left:0;right:0;margin:auto;cursor:pointer}.play:hover{width:110px;height:110px}#Gallery li .play path,#Gallery li .pause path{fill:rgba(200,200,200,0.8)}#Gallery li video{width:auto;height:auto;max-width:100%;max-height:100%;text-align:center}#Gallery li.landscape,#Gallery li.square,#Gallery li:only-child{-webkit-column-span:all;-moz-column-span:all;column-span:all}.centered{width:84%;margin:auto}#Loader.hidden.and-removed{display:none}.arrow:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.opacity.hidden{opacity:0;pointer-events:none}.opacity.visible{opacity:1}.catalogue-down-hidden{position:absolute;top:100%;height:100%}.catalogue-down{position:fixed;top:100%;height:100%;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.overlay{mix-blend-mode:exclusion}.catalogue-up{position:absolute;top:100%;height:100%;-webkit-transform:translate3d(0, -100%, 0) !important;-moz-transform:translate3d(0, -100%, 0) !important;-ms-transform:translate3d(0, -100%, 0) !important;-o-transform:translate3d(0, -100%, 0) !important;transform:translate3d(0, -100%, 0) !important}.scrollable{position:relative;top:0%;-webkit-transform:translate3d(0, 0, 0) !important;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-o-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important}.catalogue-down-hidden #Title{-webkit-transform:translate3d(0, -100%, 0) !important;-moz-transform:translate3d(0, -100%, 0) !important;-ms-transform:translate3d(0, -100%, 0) !important;-o-transform:translate3d(0, -100%, 0) !important;transform:translate3d(0, -100%, 0) !important}.catalogue-down #Title{-webkit-transform:translate3d(0, 0, 0) !important;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-o-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important}.catalogue-up #Title,.scrollable #Title{-webkit-transform:translate3d(0, -100%, 0) !important;-moz-transform:translate3d(0, -100%, 0) !important;-ms-transform:translate3d(0, -100%, 0) !important;-o-transform:translate3d(0, -100%, 0) !important;transform:translate3d(0, -100%, 0) !important}.catalogue-down-hidden #Toggle{-webkit-transform:translate3d(0, 0, 0) !important;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-o-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important}.catalogue-down #Toggle{-webkit-transform:translate3d(0, -100%, 0) !important;-moz-transform:translate3d(0, -100%, 0) !important;-ms-transform:translate3d(0, -100%, 0) !important;-o-transform:translate3d(0, -100%, 0) !important;transform:translate3d(0, -100%, 0) !important}.catalogue-down .arrow{fill:white}.catalogue-up #Toggle,.scrollable #Toggle{-webkit-transform:translate3d(0, 30%, 0);-moz-transform:translate3d(0, 30%, 0);-ms-transform:translate3d(0, 30%, 0);-o-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0)}.catalogue-up .arrow,.scrollable .arrow{fill:black;-webkit-transform:rotate(180deg) !important;-moz-transform:rotate(180deg) !important;-ms-transform:rotate(180deg) !important;-o-transform:rotate(180deg) !important;transform:rotate(180deg) !important}.fade.ng-enter{opacity:0}.fade.ng-enter.ng-enter-active{opacity:1}.fade.ng-leave{opacity:1;position:absolute;top:0;z-index:99999}.fade.ng-leave.ng-leave-active{opacity:0}.fade.ng-enter{-webkit-transition:opacity 0.15s linear 0.15s;-moz-transition:opacity 0.15s linear 0.15s;transition:opacity 0.15s linear 0.15s}.fade.ng-leave{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.opacity{-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}#Cover.opacity.hidden{-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}#Cover.opacity.visible{-webkit-transition:opacity 0.8s ease-in-out 0s;-moz-transition:opacity 0.8s ease-in-out 0s;transition:opacity 0.8s ease-in-out 0s}video.opacity{-webkit-transition:opacity 0.1s ease-in-out;-moz-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out}#Title,#Toggle{-webkit-transition:-webkit-transform 0.4s ease-in-out;-moz-transition:-moz-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.arrow{-webkit-transition:-webkit-transform 0.4s ease-in-out;-moz-transition:-moz-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.catalogue-down:not(.springed){-webkit-transition:-webkit-transform 0.4s ease-in-out;-moz-transition:-moz-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}.catalogue-up:not(.springed){-webkit-transition:-webkit-transform 0.4s ease-in-out;-moz-transition:-moz-transform 0.4s ease-in-out;transition:transform 0.4s ease-in-out}@-webkit-keyframes fade{from{opacity:1}to{opacity:0}}@-moz-keyframes fade{from{opacity:1}to{opacity:0}}@keyframes fade{from{opacity:1}to{opacity:0}}@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx){article a:link{border-bottom:0.5px solid rgba(0,0,0,0.5)}#Portfolio.list .item{border-top:0.5px solid rgba(0,0,0,0.5)}}@media only screen and (max-width: 800px){.prev.text,.slash.text{display:none}.text{position:relative;width:0.75rem !important;height:1rem;white-space:nowrap;display:inline-block;overflow:visible;visibility:hidden}.text::before{position:absolute;left:0;top:0;width:auto;visibility:visible}.next::before{content:'>';font-size:2.5rem;left:-0.5rem}.close::before{content:'×';font-size:3rem;left:-0.5rem}.tel{width:2.5rem !important}.tel::before{content:'tel'}.twitter,.instagram{width:2rem !important}.twitter::before{content:'TW'}.instagram::before{content:'IG'}#Intro{font-size:2rem !important;text-indent:0em}#Loader{width:200px;height:66px}#Cover video{z-index:1;max-height:100%}#Detail #Intro,.item{font-size:2rem !important;text-indent:0em;padding-top:3rem}.catalogue-up #Toggle,.scrollable #Toggle{-webkit-transform:translate3d(0, 60%, 0);-moz-transform:translate3d(0, 60%, 0);-ms-transform:translate3d(0, 60%, 0);-o-transform:translate3d(0, 60%, 0);transform:translate3d(0, 60%, 0)}.slug{display:none !important}#Header{position:relative}#Header .title{margin-top:4rem;position:relative}#Gallery{margin-top:2rem}#Gallery .item{height:auto;margin-bottom:2rem}#Gallery .item img{max-width:100%;height:auto !important;max-height:70vh !important;position:relative}.play,.pause{display:none}}#Cover:not(:hover) .tooltip{display:none}#Cover:hover .tooltip{position:absolute;z-index:1000;pointer-events:none;display:inline-block;text-align:center;mix-blend-mode:exclusion}#Cover:hover #Play-Arrow{position:absolute;top:0;left:-40px;-webkit-transition:-webkit-transform 0.1s ease-in-out;-moz-transition:-moz-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out}#Cover:hover #Spinning-Wheel{position:absolute;top:24px;left:-16px;margin:auto;-webkit-animation:rotation 1s infinite linear;-moz-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;-webkit-transition:opacity 0.4s ease-in-out;-moz-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}#Cover:hover .loading #Play-Arrow{-webkit-transform:scale(0.9) rotate(90deg);-moz-transform:scale(0.9) rotate(90deg);-ms-transform:scale(0.9) rotate(90deg);-o-transform:scale(0.9) rotate(90deg);transform:scale(0.9) rotate(90deg)}#Cover:hover #Play-Arrow.mousedown{-webkit-transform:scale(0.9) rotate(90deg);-moz-transform:scale(0.9) rotate(90deg);-ms-transform:scale(0.9) rotate(90deg);-o-transform:scale(0.9) rotate(90deg);transform:scale(0.9) rotate(90deg)}#Cover:hover .ready #Play-Arrow.mouseup{-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg);-ms-transform:scale(1.1) rotate(90deg);-o-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}#Cover:hover .loading #Play-Arrow{-webkit-transform:scale(1.1) rotate(90deg);-moz-transform:scale(1.1) rotate(90deg);-ms-transform:scale(1.1) rotate(90deg);-o-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}#Cover:hover .ready #Spinning-Wheel{opacity:0}#Cover:hover .loading #Spinning-Wheel{opacity:1}#Cover:hover .clickable:hover{cursor:none}#Cover:hover .nonclickable:hover{cursor:none}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-webkit-transform-origin:50% 50%}}@-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg);-moz-transform-origin:50% 50%}}@keyframes rotation{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}}
/*# sourceMappingURL=stylesheets.css.map */