@charset "UTF-8";body{background-color:#0f0b11;font-family:texgyreadventor-regular,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,body{color:#fff}a{text-decoration:none}*,:after,:before{box-sizing:border-box}:focus{outline:none!important}@font-face{font-family:steiner;src:url(/assets/fonts/steiner.a556f8a6.ttf)}@font-face{font-family:texgyreadventor-regular;src:url(/assets/fonts/texgyreadventor-regular.16cba526.otf);src:local("texgyreadventor-regular"),url(/assets/fonts/texgyreadventor-regular.16cba526.otf)}@font-face{font-family:texgyreadventor-bold;src:url(/assets/fonts/texgyreadventor-bold.30312e77.otf);src:local("texgyreadventor-bold"),url(/assets/fonts/texgyreadventor-bold.30312e77.otf)}.wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.wrapper.portfolio{position:absolute;top:10%;left:0;-webkit-transform:none;transform:none}header{background-color:#fff;color:#0f0b11;padding:3px 0;margin:20px 0;font-size:40px;display:block}address,header{text-align:center}address{position:relative;font-size:20px;text-transform:uppercase;border:2px solid #fff;width:255px;margin:36px auto;font-style:normal}address a{display:block;padding:16px}address:hover{background-color:#fff}address:hover a{color:#0f0b11}.logo{color:#fff;text-align:center;-webkit-animation-fill-mode:both;animation-fill-mode:both;font:59px texgyreadventor-regular;max-width:500px;margin:auto}.logo span{color:#fff;font:59px texgyreadventor-bold}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.grid{margin:0 auto;padding:1em 0 4em;max-width:1000px;min-height:100%;display:block;pointer-events:all}.grid,.grid figure{position:relative;text-align:center}.grid figure{overflow:hidden;margin:20px auto;max-width:520px;max-height:360px;height:100%;background:#101710}.grid figure img{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}.grid figure figcaption{text-align:left}.grid figure h2{position:relative;padding:.5em 0}.grid figure p{text-transform:uppercase;margin:0 0 .25em;padding:.4em 1em;background:#ffffffe6;color:#2f3238;font-weight:500;font-size:75%;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0);width:60%;letter-spacing:1px}@media(max-width:590px)and (min-width:356px){.grid figure p{font-size:58%}}@media(max-width:355px){.grid figure p{font-size:10px}}.grid figure p:first-child{-webkit-transition-delay:.25s;transition-delay:.25s}.grid figure p:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}.grid figure p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}.grid figure p:nth-of-type(4){-webkit-transition-delay:.05s;transition-delay:.05s}.grid figure p:nth-of-type(5){-webkit-transition-delay:.02s;transition-delay:.02s}.grid figure:focus p,.grid figure:hover p{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.grid figure:focus p:first-child,.grid figure:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s}.grid figure:focus p:nth-of-type(2),.grid figure:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}.grid figure:focus p:nth-of-type(3),.grid figure:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}.grid figure:focus img,.grid figure:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}@media(max-width:355px){.grid figure{height:130px;margin:30px 0}}.grid figure:focus a,.grid figure:hover a{display:block;position:absolute;right:0;top:0;text-transform:uppercase;margin:0;padding:0 15px;background:#ffffffe6;color:#000;text-align:center;height:100%}.grid figure:focus a span,.grid figure:hover a span{position:relative;top:50%;margin:auto}.grid figure a{display:none}.grid figure img{position:relative;display:block;min-height:100%;max-width:100%}@media(max-width:624px){.grid figure img{width:100%;height:100%;object-fit:cover}}.grid figure figcaption{padding:1.5em;color:#fff;text-transform:uppercase;font-size:.9em;display:block}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{word-spacing:-.15em;font-weight:300;margin:0}.grid figure h2 span{font-weight:800}nav{display:flex;z-index:1;margin:auto}nav ul{list-style:none;padding:0;margin:30px auto}nav ul li{margin:15px 0}nav ul li a{width:200px;text-align:center;overflow:hidden;position:relative;display:inline-block;color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:400;text-shadow:0 0 1px hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.3);font:27px texgyreadventor-regular}nav ul li a,nav ul li a:focus,nav ul li a:hover{outline:none}nav ul li a span{display:block;background:#0f0b11}nav ul li a:before,nav ul li a span{padding:10px 20px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}nav ul li a:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;color:#0f0b11;content:attr(data-hover)}nav ul li a:focus span,nav ul li a:hover span{-webkit-transform:translateX(100%);transform:translate(100%)}nav ul li a:focus:before,nav ul li a:hover:before{-webkit-transform:translateX(0);transform:translate(0)}@media(max-width:630px){nav{font-size:21px;position:relative}nav ul{width:220px;margin-left:auto;margin-right:auto;padding-left:4%}nav ul li{float:left;margin-bottom:5px}}.notFound{font-size:60px}.notFound .logo{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
