@view-transition{navigation:auto}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:grotesque;src:url(/public/fonts/g.woff2)}html,body{width:100%;height:100%;margin:0}html{font-size:100%;font-family:grotesque,sans-serif;text-transform:lowercase}main{margin:0 0 .66rem}figure{margin:0}img{display:block;width:100%;height:auto}.js main img:not(.no-fade){opacity:0}.js main img.is-loaded{opacity:1;transition:opacity .4s ease}.js main img.is-instant{transition:none}@media(prefers-reduced-motion:reduce){.js main img.is-loaded{transition:none}}p{margin:0}a{color:#000;text-decoration:none}ul{margin:0;padding:0;list-style-type:none}ul.bullets{list-style-type:circle}header .page-title{margin:.5rem 0 0}@media screen and (min-width:1024px){header .page-title{margin:0;position:relative;padding:.2rem 0 2rem}header .page-title:before{position:absolute;top:0;content:"";display:block;height:1px;width:100%;background:#000}}header nav ul{list-style-type:none}header nav ul a{color:#a6a6a6;text-decoration:none;text-transform:lowercase;transition:color .25s}header nav ul li:hover a,header nav ul li.current a{color:#000}body{padding:.66rem;display:flex;flex-direction:column;max-width:1200px}.logo{height:6rem;width:auto}.logo svg{height:100%;width:auto}.wrapper{margin:0;width:100%;min-height:100%;display:flex;flex-direction:column}.row{display:grid;grid-template-columns:1fr;gap:.66rem;padding:0 0 2rem}.row.line{position:relative;padding:.2rem 0 2rem}.row.line:before{position:absolute;top:0;content:"";display:block;height:1px;width:100%;background:#000}.row.h-1{min-height:5rem}.row.h-2{min-height:10rem}@media screen and (min-width:1024px){.row{grid-template-columns:repeat(12,1fr)}.col{grid-column:span var(--span, 12)}}@media screen and (min-width:1024px){body{flex-direction:row}.logo{position:fixed;height:7rem;top:15rem;left:1rem}.wrapper{width:75%;margin:0 0 0 25%}.row.h-1{min-height:7rem}.row.h-2{min-height:14rem}}.block-image img{display:block;width:100%;height:auto}.block-image picture{display:block;background:#f0f0f0}.block-image[style*=--ratio] img{aspect-ratio:var(--ratio);object-fit:cover}.project .row{grid-template-columns:repeat(12,1fr);padding-bottom:.66rem}.project .row:last-of-type{padding-bottom:0}.project .col{grid-column:span var(--span, 12)}ul.project-list{list-style-type:none;display:grid;grid-template-columns:1fr;gap:.66rem}@media screen and (min-width:400px){ul.project-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){ul.project-list{grid-template-columns:repeat(3,1fr)}}li.project-item a{color:#000;text-decoration:none}li.project-item img{background-color:#ddd;filter:grayscale(100%);transition:.5s}li.project-item:hover img{filter:grayscale(0%)}