@font-face{font-family:edita-regular;src:url(../fonts/Edita-Regular.otf)}@font-face{font-family:breeserif-regular;src:url(../fonts/BreeSerif-Regular.ttf)}:root{--bgc-01:hsl(0, 0%, 100%);--bgc-02:hsl(0, 0%, 97.5%);--bgc-03:hsl(212, 26%, 24%);--txt-01:hsl(0, 0%, 0%);--hvr-01:hsla(0, 0%, 0%, 0.8);scroll-behavior:smooth}*{margin:0;box-sizing:border-box;padding:0}html,body,header,main,section,section>div.side-scroll,section>div.grid-container,section>div.flex-container{height:100%;max-height:100vh}body{display:grid;width:100%;grid-template-columns:40vh minmax(0,max-content);grid-template-rows:1fr;background-color:var(--bgc-02);color:var(--txt-01);font-family:edita-regular,serif;line-height:1}h1{margin-bottom:1.5em;font-size:1.8rem;font-weight:400;line-height:.85}h2{margin-bottom:1.5em;font-size:1.2rem;font-weight:400}p{margin-bottom:1.5em;max-width:80ch;line-height:1.5}p:last-child{margin-bottom:0}a{color:var(--txt-01);text-decoration:none}a:hover,label:hover{text-decoration-line:underline;text-decoration-color:var(--txt-01);text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:.2rem}ul{list-style:none}img,svg,video{display:block;width:100%}video{object-position:left;overflow:hidden;height:100%;width:auto}header{z-index:1;display:flex;flex-direction:column;overflow:hidden;padding:2vw;padding-right:0;background-color:var(--bgc-01)}header nav{padding-right:2vw}header nav li{margin-bottom:1.5em;margin-left:1vw}header nav li ul{margin-top:.5rem}header nav li>ul li:first-child{margin-bottom:.5rem}header ul ul li{margin-left:1em;padding-left:1vw;border-left:dotted var(--txt-01)1px}header img{width:1rem}header input{display:none}header label{user-select:none;cursor:pointer}header label[for=burger]{display:none}header input:checked+label[for=works]+li{display:none}header label[for=info]{order:1;align-self:flex-end;display:flex;align-items:center;margin-top:auto;padding:1vw;background-color:var(--txt-01);color:var(--bgc-01)}header label[for=info]:hover{background-color:var(--hvr-01)}header .info-text{display:none}header input:checked+label[for=info]+.info-text{position:absolute;bottom:0;display:block;margin:0 4vw 4vw calc(40vh + 2vw);padding:2vw;max-width:64ch;background-color:var(--bgc-01)}.info-text h2{max-width:31ch}.info-text-close{position:absolute;top:0;right:0;padding:1rem;cursor:pointer;font-weight:900}main{background-color:var(--bgc-02)}main section{padding:0 2vw;padding-right:0}.side-scroll,.grid-container,.flex-container{padding:2vw 0}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;grid-gap:1.5vw;overflow-y:scroll;height:100%}.side-scroll{display:grid;align-items:center;grid-gap:.5vw;grid-auto-flow:column;overflow-x:scroll;overflow-y:hidden;padding-right:2vw}.side-scroll img,.side-scroll video{width:auto;height:calc(100vh - 4vw)}.side-scroll ul{align-self:start;padding-right:2vw;aspect-ratio:2/3;height:100%;text-align:right}.flex-container{display:flex;flex-direction:column;gap:2vw}#helmersstraat-archive{padding-right:2vw;display:flex;justify-content:center;align-items:center}#helmersstraat-archive a{position:absolute;bottom:2vw;display:block;border:2px outset;padding:1.5rem;min-width:36ch;background-color:var(--bgc-03);color:var(--bgc-01);font-family:breeserif-regular,serif;font-size:1rem;text-align:center;word-break:break-all;cursor:pointer}#htmtb .color{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:column;grid-template-rows:repeat(2,1fr);grid-gap:.5vw;align-content:center}#htmtb .color img{max-height:calc(50vh - 2.25vw)}#info{padding:2vw}@media(max-width:812px){body{grid-template-columns:1fr;grid-template-rows:minmax(0,max-content)18vw;overflow:hidden}h1{font-size:1.6rem}video{width:100%;height:auto;max-height:460px}.side-scroll,.grid-container,.flex-container{padding-right:0}header{order:1;flex-direction:row;justify-content:space-between;padding-right:2vw}header label[for=info]{order:0;margin:auto;margin-right:0;padding:4vw;max-height:calc(18vw - 4vw)}header input:checked+label[for=info]+.info-text{display:block;bottom:0;margin:0 4vw calc(18vw + 4vw)2vw;padding:8vw 8vw 4vw 4vw}header nav{display:none}header label[for=burger]{display:block;align-self:center;padding:4vw;padding-right:0}header label[for=burger] img{width:8vw}header input:checked+label[for=burger]+nav{position:fixed;bottom:0;right:2vw;display:block;margin-bottom:18vw;padding:6vw 2vw 2vw 0;max-width:60vw;background-color:var(--bgc-01);text-align:right}header input:checked+label[for=works]+li{display:block}header nav>ul>li:last-of-type{margin:0}header nav>ul>li:last-of-type img{margin-left:auto}main section{padding:0 2vw;height:100%}.grid-container{grid-template-columns:repeat(2,1fr)}.side-scroll{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-gap:2vw;overflow-y:auto;text-align:right}.side-scroll ul{padding:0;aspect-ratio:unset}.side-scroll li{margin-bottom:.2rem;color:#000e}.side-scroll img,.side-scroll video{width:100%;height:auto}.side-scroll video{align-self:start}#home,#helmersstraat-publication,#info{height:calc(100vh - 18vw)}#home img{margin-bottom:auto}#helmersstraat-archive a{bottom:22vw}#htmtb .color{grid-auto-flow:row;grid-template-rows:1fr min-content;grid-gap:1vw;margin:0}}