body{margin:0px;min-height:100%}p,h1,h2,h3,h4,h5{margin:0;padding:0}ul{margin:0;padding:0}li{margin:0.5em 0}a{color:inherit;text-decoration:none}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(255,255,255,0)}.container{position:relative;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(12, 1fr);-moz-column-gap:6px;column-gap:6px;padding:0 12px}@media (min-width: 1024px){.container{-moz-column-gap:20px;column-gap:20px;padding:0 30px}}.ratio-box{position:relative;height:0;display:block;width:100%;background-color:#E8E8E8}.ratio-box img,.ratio-box iframe,.ratio-box video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;transition:opacity 0.4s;opacity:0}.lazyload{opacity:0}.ratio-box .lazyloaded{opacity:1}img{width:100%}@font-face{font-family:'N2';src:url("/assets/fonts/natty.woff2") format("woff2"),url("/assets/fonts/natty.woff") format("woff");font-weight:700;font-style:normal}@font-face{font-family:'FG';src:url("/assets/fonts/founders.woff2") format("woff2"),url("/assets/fonts/founders.woff") format("woff");font-weight:400;font-style:normal}body{font-family:'FG';font-size:16px;padding:30px}@media (max-width: 1024px){body{font-size:14px}}h1,h2,h3,h4,h5,h6{font-family:'N2';font-size:26px;font-weight:700}@media (max-width: 1024px){h1,h2,h3,h4,h5,h6{font-size:18px}}body.content-open{overflow:hidden}.content-drawer{position:fixed;width:100vw;top:0px;bottom:0px;right:0px;max-width:1000px;background:pink;z-index:299;transition:transform 0.5s;transform:translateX(100%);text-align:center}body.content-open .content-drawer{transform:translateX(0px)}header{display:flex;justify-content:space-between;align-items:flex-start;position:fixed;top:0px;right:0px;left:0px;padding:30px;z-index:99;pointer-events:none;mix-blend-mode:multiply;transition:transform 0.5s cubic-bezier(0.25, 0.11, 0.25, 1),opacity 0.3s}body.content-open header{transform:translateX(-100vw);cursor:pointer}@media (min-width: 1000px){body.content-open header{transform:translateX(-1000px);opacity:0.3}}header a{pointer-events:all;padding:20px;display:inline-block;transform:translate(-20px, -20px)}header img{width:150px;mix-blend-mode:multiply;transform:translateY(-30px);pointer-events:all;cursor:pointer}body.content-open header img{pointer-events:none}@media (max-width: 768px){header img{display:none}}.grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:10%;grid-row-gap:12vw;padding:10%;padding-bottom:calc(10% + 18vw);align-items:center;transition:transform 0.5s cubic-bezier(0.25, 0.11, 0.25, 1),opacity 0.3s;position:relative}@media (max-width: 768px){.grid{padding:0px;margin:0 0 50px}}body.content-open .grid{transform:translateX(-100vw);cursor:pointer}@media (min-width: 1000px){body.content-open .grid{transform:translateX(-1000px);opacity:0.3}}.grid__item{grid-column:span 1;display:block;position:relative;width:80%}.grid__item:nth-of-type(4n-1){justify-self:flex-end}.grid__item:nth-of-type(4n-0){justify-self:flex-end}.grid__item:nth-of-type(even){transform:translateY(18vw)}@media (max-width: 768px){.grid__item{grid-column:span 2;justify-self:center;width:100%;display:flex;flex-direction:column;margin-bottom:50px}.grid__item:nth-of-type(even){transform:translateY(0px)}.grid__item:nth-of-type(4n-1){justify-self:center}.grid__item:nth-of-type(4n-0){justify-self:center}}body.content-open .grid__item{pointer-events:none}@media (max-width: 768px){.grid__item .ratio-box{order:1}}.grid__item h2{position:absolute;width:100%;text-align:center;box-sizing:border-box;transform:translate(0, -100%);padding:0.7em 1em 0;transition:transform 0.4s cubic-bezier(0.25, 0.11, 0.25, 1);z-index:-1}@media (max-width: 1024px){.grid__item h2{position:static;transform:translate(0px)}}@media (max-width: 768px){.grid__item h2{position:static;top:30px;z-index:100;transform:translate(0px);margin-bottom:2em;order:0;max-width:80%;align-self:flex-end;text-align:right;padding:0}}.grid__item:hover h2{transform:translate(0, 0)}.grid__item--landscape{width:90%}@media (max-width: 768px){.grid__item--landscape{width:100%}}.grid__cover{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:red;transition:opacity 0.2s;opacity:0}@media (min-width: 1024px){.grid__item:hover .grid__cover{opacity:1}}.grid__target{position:absolute;top:-30px;left:0px;bottom:0px;right:-30px;display:none}.content-open .grid__target{display:block}.info{position:fixed;top:80px;opacity:0;left:0px;bottom:0px;right:0px;margin-left:30px;z-index:99;pointer-events:none;transition:opacity 0.3s}.info p{margin-bottom:0.5em;max-width:350px}.info a{text-decoration:underline}.info-showing{overflow-y:hidden}.info-showing .grid{opacity:0.2}.info-showing .info{opacity:1;pointer-events:all}.page{height:100vh;overflow:scroll;-ms-scroll-chaining:initial;overscroll-behavior:initial}.page--invert{color:#ffffff}.barba-container{height:100%}.project-heading p{padding:30px 0 70px;position:fixed;text-align:center;width:100%;z-index:99}.project-heading h1{box-sizing:border-box;padding:4em 2em 0;max-width:800px;margin-left:auto;margin-right:auto}.project-images{padding:80px 60px 0px}@media (max-width: 768px){.project-images{padding:40px 30px 0px}}.project-images__image{margin-bottom:60px}@media (max-width: 768px){.project-images__image{margin-bottom:30px}}.project-images__image--portrait{width:60%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.project-images__image--portrait{width:100%}}.project-images__image--square{width:80%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.project-images__image--square{width:100%}}.back-arrow{display:none;font-family:'N2';font-size:20px;position:fixed;top:8px;margin-left:10px;padding:20px;z-index:999}@media (max-width: 1040px){.back-arrow{display:block}}