h1{font-family:"Kapra",sans-serif;font-weight:700;font-style:normal;font-size:34px;line-height:100%;margin:10px 0}@media screen and (min-width:768px){h1{font-size:calc(34px + (100vw - 768px)/((2560 - 768)/(82 - 34)));margin:calc(10px + (100vw - 768px)/((2560 - 768)/(30 - 10))) 0}}h2,h3,h4,h5,h6{font-family:"Kapra",sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:100%;margin:5px 0}@media screen and (min-width:768px){h2,h3,h4,h5,h6{font-size:calc(24px + (100vw - 768px)/((2560 - 768)/(48 - 24)));margin:calc(10px + (100vw - 768px)/((2560 - 768)/(20 - 10))) 0}}.listing{background:#000}.listing__card-tile .listing__inner{display:grid;grid-template-columns:repeat(1,1fr);width:100vw}@media screen and (min-width:400px){.listing__card-tile .listing__inner{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){.listing__card-tile .listing__inner{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.listing__card-tile .listing__inner{grid-template-columns:repeat(4,1fr)}}.project-box{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100vw;height:100vh;position:fixed;top:0;left:-100vw}.project-box.open{left:0}