.works .project{position:relative}.works .project .info{position:absolute}.works .project h2{text-transform:lowercase}.works .project .info{flex-direction:column}.works{display:grid}.works{grid-auto-rows:max-content}.works{grid-template-columns:repeat(auto-fit, minmax(500px, 1fr))}@media screen and (max-width: 760px){.works{grid-template-columns:1fr}}.works .project .info,.works .project img{transition-duration:300ms}.works .project .info>*,.works .project{transition-duration:500ms}.works .project .img-cover{transition-duration:1000ms}.works .project .img-cover,.works .project .info>*,.works .project,.works .project .info,.works .project img{transition-timing-function:ease-in-out}.works .project .img-cover,.works .project .info>*,.works .project,.works .project .info,.works .project img{transition-behaviour:allow-discrete}.works .project .img-cover,.works .project .info>*,.works .project,.works .project .info,.works .project img{transition-property:all}.works .project h2,.works .project .info{transition-delay:200ms}.works .project p{transition-delay:400ms}.works .project .info a{transition-delay:600ms}@media screen and (min-width: 1920px){.hero p{font-size:1.7em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.hero p{font-size:1.7em}}@media screen and (min-width: 451px)and (max-width: 1199px){.hero p{font-size:1.5em}}@media screen and (max-width: 450px){.hero p{font-size:1.2em}}@media screen and (min-width: 1920px){.works .project .info a,.works .project h2{font-size:1.4em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.works .project .info a,.works .project h2{font-size:1.4em}}@media screen and (min-width: 451px)and (max-width: 1199px){.works .project .info a,.works .project h2{font-size:1.25em}}@media screen and (max-width: 450px){.works .project .info a,.works .project h2{font-size:1.1em}}@media screen and (min-width: 1920px){.works .project p{font-size:1.1em}}@media screen and (min-width: 1200px)and (max-width: 1919px){.works .project p{font-size:1.1em}}@media screen and (min-width: 451px)and (max-width: 1199px){.works .project p{font-size:1em}}@media screen and (max-width: 450px){.works .project p{font-size:.95em}}.hero p,.works .project p{font-weight:normal;line-height:1.7em}.works .project p{margin-bottom:1.5em}.hero{padding-top:100px;padding-bottom:75px;border-bottom:solid 4px #000}.hero h1:after{content:" /"}@media screen and (min-width: 761px){.hero p{padding-right:45%}}.works{grid-auto-rows:max-content;grid-gap:2.5vw;padding-top:100px;padding-bottom:100px}.works .project{opacity:0;overflow:hidden;color:#fff}.works .project .img-cover{aspect-ratio:.8;background-color:#000}.works .project .info{max-width:300px;left:1em;top:1em;opacity:0}.works .project .info>*{opacity:0}.works .project h2{font-weight:300}.works .project .info a{margin-top:1em}@media screen and (min-width: 651px){.works .project:hover{transform:scale(1.03)}.works .project:hover .img-cover{transform:scale(1.1)}.works .project:hover img{opacity:.35}.works .project:hover .info{opacity:1}.works .project:hover .info>*{opacity:1}.works .project h2{margin-bottom:6em}}.works .project.is-visible{opacity:1}@media screen and (max-width: 650px){.works .project{color:#000}.works .project .info{position:static;opacity:1;padding-top:1.5em;margin-bottom:3em}.works .project .info>*{opacity:1}.works .project .info a.fancy{color:#000}.works .project h2{margin-bottom:4em}}