@charset "UTF-8";*{box-sizing:border-box}:root{--color-bg: #000;--color-text: #ccc}html,body{width:100%;height:100%;margin:0;padding:0}html{font-size:92%;line-height:1.2rem;font-family:monotype-grotesque,sans-serif;color:var(--color-text);scroll-snap-type:y mandatory}body{background:var(--color-bg)}img{width:100%;height:auto;display:block}p{font-size:1rem;margin:0}a{color:inherit;text-decoration-thickness:.5px;text-underline-offset:.2rem}ul{padding:0;margin:0;list-style:none}header{position:fixed;background-color:var(--color-bg);top:0;left:0;width:100%;padding:.5rem 1rem;cursor:pointer;display:flex;justify-content:space-between}header nav ul{display:flex;gap:1rem}#project__info{position:fixed;background-color:var(--color-bg);bottom:0;left:0;width:100%;padding:.5rem 1rem;padding:.5rem 1rem calc(env(safe-area-inset-bottom) + .5rem);display:flex;flex-direction:column-reverse}#project__info #project__caption .caption-detail{position:fixed;bottom:0;left:0;background:#000;width:100%;z-index:100;transform:translateY(100%);transition:transform .5s;overflow-y:scroll;padding:1rem}#project__info #project__nav.no{display:none}#project__info #project__nav button{background:var(--color-bg);color:var(--color-text);border:0;font-size:inherit;font-family:inherit;cursor:pointer}@media screen and (max-width: 767px){#project__info #project__nav button#nav-prev{margin-left:-5px}}@media screen and (min-width: 768px){#project__info{flex-direction:row;justify-content:space-between}}section#about{position:fixed;top:0;left:0;background:#000;width:100%;max-height:100%;z-index:100;transform:translateY(-100%);transition:transform .5s;overflow-y:scroll}section#about>.inner{padding:1rem 1rem 4rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}section#about.active{transform:translateY(0)}section#about .close{position:absolute;top:0;right:0;padding:1rem;background:#000;text-align:right}section#about .close button{padding:0;font-size:inherit;font-family:inherit;background:none;border:0;color:#888}section#about .title{color:#888}section#about .exhibitions{grid-column:span 1;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;column-gap:2rem}section#about .exhibitions .exhibitions__year h2{font-size:1rem;font-weight:400;margin:0}section#about .exhibitions .exhibitions__year ul{list-style-type:"• "}section#about .exhibitions .exhibitions__year ul li::marker{color:#888}@media screen and (min-width: 1024px){section#about>.inner{grid-template-columns:repeat(6,1fr);gap:2rem;padding:1rem}section#about .title{grid-column:1/1}section#about .text{grid-column:2/5}section#about .links{grid-column:2/5;display:flex;gap:1rem}section#about .exhibitions{grid-column:span 5;grid-template-columns:repeat(5,1fr);gap:2rem}}.overlay{position:fixed;z-index:99;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0;pointer-events:none;transition:opacity .5s}.overlay.active{opacity:.7;pointer-events:all;cursor:pointer}section#projects{width:100%;height:100%;z-index:1}section#projects .project{width:100%;height:100%;scroll-snap-align:center}section#projects .project .gallery__wrapper{width:100%;height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}section#projects .project .gallery__wrapper::-webkit-scrollbar{display:none}section#projects .project .gallery{display:flex;width:100%;height:100%}section#projects .project .gallery .slide{scroll-snap-align:center;padding:2.25rem 1rem 3rem}section#projects .project .gallery .slide picture{width:100%;height:100%}section#projects .project .gallery .slide img{width:calc(100vw - 2rem);height:100%;object-fit:contain;z-index:999;transform:scale(1)}@media (orientation: portrait){section#projects .project .gallery .slide.portrait img,section#projects .project .gallery .slide.square img{transform:scale(.8)}}