#viewport{width:100vw;height:100vh;position:relative;margin:1vw;overflow-x:hidden}@media screen and (min-width: 768px){#viewport{padding-top:8vh;overflow-y:hidden;margin:0 auto 0 auto}}#home-viewport{width:100vw;height:100%;position:relative;margin:1vw;overflow-y:scroll;overflow-x:hidden}@media screen and (min-width: 768px){#home-viewport{padding-top:8vh;overflow-y:scroll;margin:0 auto 0 auto}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{display:none}img{max-width:100%;vertical-align:middle}img[width],img[height]{max-width:none}.active{text-decoration:underline}a{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:underline;cursor:pointer}body{opacity:0;transition:opacity 5s;background-color:#fff}html,body{font-size:18px;font-family:"helvetica",arial,sans-serif}.homepage{overflow-y:scroll !important}.homepage .project{margin:2vh 1vw 1vw 1vw;height:auto !important}@media screen and (min-width: 768px){.homepage .project{margin:4vh 1vw 1vw 1vw !important}}@media screen and (min-width: 768px){.homepage .project__gallery{padding-top:8vh !important}}.homepage .project .item{cursor:pointer !important}.about{padding:0 1vw;position:fixed;height:100%;background-color:#fff;overflow-y:scroll;display:block}.about img{display:block;width:100%;margin:2vw 0 3vw 0}.about p{font-size:20px;line-height:24px;margin:0 0 24px 0}@media screen and (min-width: 768px){.about p{font-size:calc(2.4vw / 1.5vh);line-height:calc(2.4vw / 1.5vh);margin:0 0 calc(2.4vw / 1.5vh) 0}}.about p:last-of-type{margin:0}header{width:100%;background:#fff;z-index:999;text-transform:uppercase;position:relative}@media screen and (min-width: 768px){header{position:fixed}}header nav{padding:1vw;font-size:5vw;line-height:5vw}@media screen and (min-width: 768px){header nav{font-size:2.4vw;line-height:2.4vw}}header nav ul{display:flex;flex-wrap:wrap}header nav ul #overview-nav:hover{cursor:pointer}header nav ul .link__nav{padding:0 3.45vw 0 0}header nav ul .link__project{padding:0 1vw 0 0}#overlayPanel{width:calc(100% - 2vw);height:calc(100% - 2vw);background-color:#fff;z-index:99999;position:fixed;top:0;padding:1vw;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.project{margin:2vh 1vw 1vw 1vw;height:60vh}@media screen and (min-width: 768px){.project{margin:8vh 1vw 1vw 1vw}}.project__gallery{flex-direction:column;display:block}@media screen and (min-width: 768px){.project__gallery{padding-top:10vh;display:flex;flex-wrap:nowrap;align-items:flex-start;flex-direction:row}}.project__gallery .item{overflow:hidden;margin:0 4px 4px 0;height:100%;background-size:cover;max-width:100%}@media screen and (min-width: 768px){.project__gallery .item{max-width:45%}}.project__gallery .item:last-of-type{margin:0 4px 0 0}.project__gallery .item img{width:100%;display:block}.project__gallery .item video{width:100%;display:block}.project__gallery .xsmall{flex:1}.project__gallery .small{flex:1}.project__gallery .medium{flex:1}.project__gallery .large{flex:1}.project__gallery .xlarge{flex:1}.project__gallery .xxlarge{flex:1}@media screen and (min-width: 768px){.project__gallery .xsmall{flex:1}.project__gallery .small{flex:2}.project__gallery .medium{flex:4}.project__gallery .large{flex:7}.project__gallery .xlarge{flex:10}.project__gallery .xxlarge{flex:20}}.project__info{margin:10px 0 0 0;display:flex;flex-direction:column}@media screen and (min-width: 768px){.project__info{flex-direction:row}}.project__info p{margin:0 25px 0 0;text-transform:uppercase}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity 1s}figure{width:100%}img[data-sizes=auto]{display:block;width:100%}.lazysrcset-ratio{position:relative}.lazysrcset-ratio>img{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.lazysrcset-ratio>img:after{display:block;width:100%;height:0;content:""}.fade-in{animation:fadeIn ease 10s;-webkit-animation:fadeIn ease 10s;-moz-animation:fadeIn ease 10s;-o-animation:fadeIn ease 10s;-ms-animation:fadeIn ease 10s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}/*# sourceMappingURL=style.css.map */