*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:28px;color:#0a0a0a;background:#fafafa;margin:0;padding:0}p{max-width:800px;font-size:18px;line-height:28px;margin-top:0}a{color:#000;font-weight:inherit;text-underline-offset:2px;transition:text-underline-offset .2s ease-in-out}a:hover{text-underline-offset:5px}h1{font-weight:400;font-size:32px;line-height:38px;max-width:70vw;margin-top:0}h2{font-weight:500;font-size:24px;line-height:32px;margin-top:0}h3{font-weight:400;font-size:14px;line-height:18px;opacity:.6;margin-top:0}h4{font-weight:500;font-size:18px;line-height:24px;margin-top:0}main{margin:0;padding:5vw 0}section,header{padding:5vw 10vw;margin-bottom:5vw;position:relative}section.work{background:#ccc;height:calc(40vw + 50px);margin:5vw;display:block;padding:0}.project{display:block;width:100%;height:100%;z-index:1;position:absolute;overflow:hidden;top:0;clip:rect(0,auto,auto,0);background-size:cover;background-position:center;text-decoration:none}section.work .project span{display:block;top:calc(50% - 200px);left:10vw;height:400px;width:80%;position:fixed;z-index:1;color:#fff;font-size:10vw;line-height:10vw;align-content:center;margin:0;font-weight:500}section.image{margin:5vw;display:block;padding:0;font-size:0;margin-top:-14px}section.image img{margin-top:14px}img.half-width:nth-child(odd){width:calc(50% - 7px);margin-right:14px;vertical-align:top}img.half-width:nth-child(2n){width:calc(50% - 7px);margin-right:0;vertical-align:top}img.full-width{width:100%;display:block;vertical-align:top}img.third-width{width:calc((100% / 3) - 10px);margin-right:14px;vertical-align:top;margin-bottom:14px}img.third-width:nth-child(3n){width:calc((100% / 3) - 10px);margin-right:0}section img{width:100%}figcaption{padding:20px 5vw;font-size:12px;line-height:16px;margin:0}ul#contact{list-style:none;padding:0;margin:0}ul#contact li{display:inline;margin-right:30px;font-size:24px}ul#contact li a{text-decoration:none}a.back{width:60px;height:60px;background-color:#000;display:block;position:fixed;z-index:999;top:0;right:0;color:#fff;font-size:0;background-image:url(/cross.png);background-size:cover;cursor:pointer}@media screen and (min-width:600px){a.back{width:9vw;height:9vw;left:0;right:auto;background-image:url(/arrow.png)}}@media screen and (min-width:768px){a.back{width:8vw;height:8vw}}@media screen and (min-width:1024px){a.back{top:2vw;left:2vw;width:6vw;height:6vw}p{font-size:24px;line-height:38px}}@media screen and (min-width:1440px){a.back{top:3vw;left:3vw;width:4vw;height:4vw}}