:root{--main-bg-color:#f4f7f6;--highlight:#008ae6;--gray-text:grey}*{box-sizing:border-box}article,aside,figure,footer,header,main,nav,section{display:block}body{padding:0;margin:0;font-family:Quicksand,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left;background-color:#f4f7f6;background-color:var(--main-bg-color);font-size:18px;color:grey;color:var(--gray-text)}body,h1{font-weight:400}h1{padding-left:20px;font-size:16px;letter-spacing:.4em}img.narrow{width:100%}p{text-transform:none;font-size:18px;line-height:28px}.black{color:#000}p a{color:grey;color:var(--gray-text);transition:color .2s}p a:hover{color:#008ae6;color:var(--highlight)}h2{margin-top:60px;font-weight:500}b{font-family:Quicksand;font-weight:700}dl{margin-top:30px}dt{margin-bottom:20px}dd,dt{line-height:28px}dd{margin-bottom:30px;border-left:1px solid #000;padding-left:20px;margin-left:30px}header{position:fixed;width:100%;background-color:#f4f7f6;background-color:var(--main-bg-color);letter-spacing:.3em;text-transform:uppercase;z-index:1}header a{text-decoration:none}header h1 a{color:#000}nav ul{margin-left:-28px;margin-bottom:0;padding-bottom:12px;font-size:12px;list-style-type:none;border-width:0 0 1px}nav li,nav ul{border-style:solid}nav li{display:inline;padding:5px 8px 13px 11px;border-width:0 1px 0 0}nav li:last-of-type{border-style:hidden}nav li a{color:#000;transition:color .2s}nav li a.active,nav li a:hover{color:#008ae6;color:var(--highlight)}@media (min-width:768px){header{position:fixed;min-width:0;width:160px;border-width:0 1px 0 0;border-style:solid}nav ul{margin-left:0;padding-bottom:0;border-width:0}nav li{display:block;padding:0 0 10px;margin:0 0 10px -22px;border-width:0 0 1px;border-style:solid}}.work{float:left;margin:10px 0 0}.content{float:left;margin:130px 20px 60px}.img-wrap.narrow img,.img-wrap.wide img{width:100%}.img-wrap{display:block;position:relative;margin-bottom:100px;padding:0;cursor:pointer}.img-wrap.margin{margin:0 50px 100px}.img-wrap.wide{display:block;position:relative;padding:0;margin:0 0 100px}.img-wrap.no-description{cursor:default}.img-wrap.active .img-description{opacity:1}.img-description{position:absolute;top:0;bottom:4px;left:0;right:0;width:100%;margin:0;background:hsla(0,0%,100%,.75);opacity:0;transition:opacity 1s}.img-description p{position:absolute;top:40%;bottom:0;left:0;right:0;font-size:16px;line-height:20px;color:#000;text-align:center}.intro{display:block;height:100vh;margin:0 20px}.intro .text{position:absolute;bottom:1%}.intro.centered .text{position:absolute;bottom:35%;padding-right:20px}.pills{padding:0}.pills li{border:1px solid grey;border:1px solid var(--gray-text);padding:6px 12px;list-style-type:none;display:inline-block;margin:0 10px 10px 0;border-radius:20px;font-size:16px}@media (min-width:481px){.img-wrap.narrow img,img.narrow{max-width:400px}.img-wrap.wide img{max-width:1200px}.img-wrap{max-width:400px}.img-wrap.margin.narrow img{max-width:320px}.img-wrap.wide{max-width:1200px}}@media (min-width:768px){.work{float:left;margin:10px 0 0 190px}.content{float:left;max-width:800px;margin:60px 10px 60px 250px}.img-wrap.margin{margin:0 0 100px}.intro{margin:0 10px 0 190px}.intro .text{bottom:1%}.intro.centered .text{bottom:50%}}.animate{-webkit-animation:fade-in 1s linear forwards}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}.arrow{width:40px}.text-spaced{font-size:14px;text-transform:uppercase;letter-spacing:.2em}
/*# sourceMappingURL=main.8198b2c8.chunk.css.map */