*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}*{border:0;margin:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:baseline}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}a,button,fieldset,h1,h2,h3,h4,h5,h6,input,li,p,select,textarea,ul{color:inherit;font:inherit;padding:0}a,h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--0:1rem;--1:1rem;--2:1rem;--3:1rem;--4:1rem;--5:1rem;--6:4;--7:1.25rem;--8:1rem;--9:.75rem;--a:1em;--b:1.7em}.sr{border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root{--c:1;--d:1;--e:1;--f:1;--g:calc(100% - var(--3) - var(--1));--h:calc(100dvh - var(--0) - var(--2));--i:calc((var(--g) - (var(--5)*(var(--c) - 1)))/var(--c))}body{display:grid;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--c),1fr);grid-template-rows:auto 1fr;overflow-x:hidden;overflow-y:scroll;overflow:hidden scroll;grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);gap:1rem 1rem;gap:var(--4) var(--5);margin:1rem;margin:var(--0) var(--1) var(--2) var(--3);min-height:calc(100dvh - 2rem);min-height:var(--h);width:calc(100% - 2rem);width:var(--g)}body>header{grid-column:1/span 1;grid-column:1/span var(--f);order:1;position:sticky;top:1rem;top:var(--0)}body>header>h1{display:grid}body>header>h1>a{background-color:var(--background-color);margin:-1rem;margin:calc(var(--0)*-1) calc(var(--1)*-1) calc(var(--4)*-1) calc(var(--3)*-1);padding:1rem;padding:var(--0) var(--1) var(--4) var(--3)}body>nav.main{bottom:1rem;bottom:var(--2);order:4;position:sticky;z-index:3}body>nav.main>ul{grid-auto-flow:column;margin:-1rem;margin:calc(var(--4)*-1) calc(var(--1)*-1) calc(var(--2)*-1) calc(var(--3)*-1);padding:1rem;padding:var(--4) var(--1) var(--2) var(--3)}body>nav.main>ul,body>nav.main>ul>li>a{background-color:var(--background-color);display:grid}body>nav.main>ul>li>a{justify-content:center;margin:-1rem 0;margin:calc(var(--4)*-1) 0 calc(var(--2)*-1);padding:1rem 0;padding:var(--4) 0 var(--2) 0}body>nav.main>ul>li:first-child>a{margin-left:-1rem;margin-left:calc(var(--3)*-1);padding-left:1rem;padding-left:var(--3)}body>nav.main>ul>li:last-child>a{margin-right:-1rem;margin-right:calc(var(--1)*-1);padding-right:1rem;padding-right:var(--1)}body>nav.project-navigation>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}body>nav.project-navigation>ul>li>a{display:grid;justify-content:center}body>nav.project-navigation>ul>li.previous>a{justify-content:left;text-align:left}body>nav.project-navigation>ul>li.next>a{justify-content:right;text-align:right}body>main{display:grid;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--c),1fr);grid-gap:inherit;align-content:start;gap:inherit;order:2}body>main>section{display:grid;grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);gap:1rem 1rem;gap:var(--4) var(--5)}body>main>section>h3{grid-column:1/span 1}body>main>section.projects-list ul{display:grid;grid-row-gap:4rem;grid-row-gap:calc(var(--5)*var(--6));row-gap:4rem;row-gap:calc(var(--5)*var(--6))}body>main>section.projects-list ul li img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}body>main>section.projects-list ul li figcaption{display:none}body>main>section.metadata{gap:0 1rem;gap:0 var(--5);grid-column:1/span 1;grid-column:1/span var(--e);grid-template-columns:repeat(max(2,4),1fr);grid-template-columns:repeat(max(calc(var(--e)*2),4),1fr)}body>main>section.metadata>p,body>main>section.metadata>ul{grid-column:2/-1}body>footer{order:3}body>footer>form{display:grid;justify-content:center;margin:1rem 0;margin:var(--4) 0}body>footer>form>fieldset{display:grid;justify-content:left}body>footer>form>fieldset>legend{float:left}body>footer>form>fieldset>label{display:grid;grid-template-columns:1em auto;grid-column-gap:.15em;align-items:center;-moz-column-gap:.15em;column-gap:.15em;padding:0 2em}body>footer>form>fieldset>label input[type=radio]{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color);border:.1em solid var(--accent-color);border-radius:50%;color:var(--accent-color);display:grid;font:inherit;height:.8em;justify-content:center;place-content:center;transform:translateY(.03em);width:.8em}body>footer>form>fieldset>label input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em var(--accent-color);content:"";grid-column:2;height:.8em;transform:scale(0);width:.8em}body>footer>form>fieldset>label input[type=radio]:checked:before{transform:scale(.5)}body>aside.portal{display:none}@media(min-width:520px){:root{--c:2;--d:1;--e:2;--f:2}body>main{display:grid;grid-column:1/span 1;grid-column:var(--d) /span var(--e);grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--e),1fr);grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);gap:1rem 1rem;gap:var(--4) var(--5)}body>main h1,body>main h2,body>main h3,body>main h4,body>main h5,body>main h6,body>main p{grid-column:1/span max(1,min(1,2));grid-column:1/span max(1,min(var(--e),2))}body>main figure,body>main picture,body>main section.list{grid-column:1/span 1;grid-column:1/span var(--e)}body>main section.list ul{display:grid;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--e),1fr);grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);align-items:start;gap:1rem 1rem;gap:var(--4) var(--5)}body>main nav.project-navigation{display:grid;grid-column:1/-1}body>footer,body>nav{grid-column:1/-1}}@media(min-width:780px){:root{--c:3;--d:2;--f:1;--e:calc(var(--c) - 1)}.narrow:root{--e:2}.medium:root{--e:max(2,min(calc(var(--c) - 2),var(--c)))}body{grid-template-rows:1fr}body>header{height:calc(25dvh - 1rem);height:calc(var(--h)*.25 - var(--4)*.5);position:fixed;top:1rem;top:var(--0);width:calc(100% - 2rem);width:var(--i)}body>header>h1>a{background-color:transparent;background-color:initial;margin:-1rem 0 -1rem -1rem;margin:calc(var(--0)*-1) 0 calc(var(--4)*-1) calc(var(--3)*-1);padding:1rem 0 1rem 1rem;padding:var(--0) 0 var(--4) var(--3)}body>nav.main{align-items:center;display:grid;height:calc(50dvh - 2rem);height:calc(var(--h)*.5 - var(--4));position:fixed;top:calc(1rem + 25dvh);top:calc(var(--0) + var(--h)*.25 + var(--4)*.5);width:calc(100% - 2rem);width:var(--i)}body>nav.main>ul{grid-auto-flow:row}body>nav.main>ul>li:first-child>a,body>nav.main>ul>li:last-child>a,body>nav.main>ul>li>a{background-color:transparent;background-color:initial;display:grid;justify-content:start;margin:0 0 0 -1rem;margin:0 0 0 calc(var(--3)*-1);padding:0 0 0 1rem;padding:0 0 0 var(--3)}body>main section{align-items:start;grid-column:1/span 1;grid-column:1/span var(--e);grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--e),1fr)}body>main section h3{grid-column:1/span 1;position:sticky;top:1rem;top:var(--0)}body>main section ul{display:grid;grid-column:2/-1;grid-template-columns:repeat(0,1fr);grid-template-columns:repeat(calc(var(--e) - 1),1fr);grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);align-items:start;gap:1rem 1rem;gap:var(--4) var(--5)}body>main section.projects-list ul{grid-auto-flow:dense;grid-column:1/-1;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--e),1fr)}body>main section.projects-list ul li.featured{grid-column:span 2;grid-row:span 2}body>footer{align-items:end;bottom:1rem;bottom:calc(var(--2));display:grid;height:calc(25dvh - 1rem);height:calc(var(--h)*.25 - var(--4)*.5);position:fixed;width:calc(100% - 2rem);width:var(--i)}body>footer>form{justify-content:start}body>footer>form>fieldset>label{margin:0 0 0 -1rem;margin:0 0 0 calc(var(--3)*-1);padding:0 0 0 1rem;padding:0 0 0 var(--3)}body>footer>form>fieldset>label:last-child{margin:0 0 -1rem -1rem;margin:0 0 calc(var(--2)*-1) calc(var(--3)*-1);padding:0 0 1rem 1rem;padding:0 0 var(--2) var(--3)}@media(min-width:1040px){:root{--c:4}.medium body>aside.portal,.narrow body>aside.portal{display:inline;display:initial;height:calc(100dvh - 2rem);height:var(--h);position:fixed;right:1rem;right:var(--1);top:1rem;top:var(--0);width:-1rem;width:calc((var(--c) - var(--d) - var(--e) + 1)*var(--i) + (var(--c) - var(--d) - var(--e))*var(--5))}}@media(min-width:1300px){:root{--c:5}body>main figure{display:grid;grid-column:1/-1;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--e),1fr);grid-gap:1rem 1rem;grid-gap:var(--4) var(--5);align-items:start;gap:1rem 1rem;gap:var(--4) var(--5)}body>main figure figcaption{position:sticky;top:1rem;top:var(--0)}body>main nav.project-navigation,body>main picture{grid-column:1/-2}body>main section.list ul{grid-column:2/-2;grid-template-columns:repeat(-1,1fr);grid-template-columns:repeat(calc(var(--e) - 2),1fr)}}@media(min-width:1560px){:root{--c:6}}@media(min-width:1820px){:root{--c:7}}@media(min-width:2080px){:root{--c:8}}@media(min-width:2340px){:root{--c:9}}@media(min-width:2600px){:root{--c:10}}@media(min-width:2860px){:root{--c:11}}@media(min-width:3120px){:root{--c:12}}}:root{accent-color:var(--accent-color);background-color:var(--background-color)}body{color:var(--text-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:1.25rem;font-size:var(--7);hanging-punctuation:first allow-end last;line-height:1.7em;line-height:var(--b)}strong{font-weight:700}em{font-style:italic}picture>img{background-color:oklch(from var(--accent-color) l c h/15%)}figcaption{font-size:.75rem;font-size:var(--9)}a{text-decoration:underline;-webkit-text-decoration:underline solid;text-decoration:underline solid;text-decoration-color:oklch(from var(--text-color) l c h/15%);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.2rem;text-underline-offset:.3em}a:hover{text-decoration:underline;-webkit-text-decoration:underline solid;text-decoration:underline solid;text-decoration-color:var(--link-color);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.2rem;text-underline-offset:.3em}#info{display:none}.debug #info{background-color:#ff0;display:inline;display:initial;font-family:monospace;font-size:.5rem;line-height:1.5em;padding:.5em;position:fixed;right:0;text-transform:capitalize;top:0;z-index:1000}.debug #info:after{content:"1 Column"}@media(min-width:520px){.debug #info:after{content:"2 Columns"}}@media(min-width:780px){.debug #info:after{content:"3 Columns"}}@media(min-width:1040px){.debug #info:after{content:"4 Columns"}}@media(min-width:1300px){.debug #info:after{content:"5 Columns"}}@media(min-width:1560px){.debug #info:after{content:"6 Columns"}}@media(min-width:1820px){.debug #info:after{content:"7 Columns"}}@media(min-width:2080px){.debug #info:after{content:"8 Columns"}}@media(min-width:2340px){.debug #info:after{content:"9 Columns"}}@media(min-width:2600px){.debug #info:after{content:"10 Columns"}}@media(min-width:2860px){.debug #info:after{content:"11 Columns"}}@media(min-width:3120px){.debug #info:after{content:"12 Columns"}}