*,*: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,main>header{opacity:0;transition:opacity .8s ease}section.visible,main>header.visible{opacity:1}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);text-decoration:none}.project-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform 3s ease}.project:hover .project-bg{transform:scale(1.1)}.project-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-color, #000000);opacity:0;transition:opacity 3s ease;z-index:1}.project:hover .project-scrim{opacity:.35}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}section#project-nav{display:flex;margin:5vw;padding-top:3vw;border-top:1px solid #000000}.project-nav-tile{flex:1;display:block;text-decoration:none;color:#000}.project-nav-tile:last-child{text-align:right}.project-nav-tile .nav-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.4;margin-bottom:.4em}.project-nav-tile .nav-title{display:block;font-size:clamp(20px,3vw,42px);font-weight:500;line-height:1.1}.project-nav-tile:hover .nav-title{text-decoration:underline}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}}