:root{--font-sans:"area-normal";--color-bg:#fff;--color-text:#000;--color-muted:#767676;--color-grid:rgb(0 0 0/0.35);--grid-line:1px;--baseline:round(max(calc(100cqw * 12.7 / 841),18px),1px);--margin:var(--baseline);--gutter:var(--baseline);--cols:5;--col:round(down,calc((100cqw - 2 * var(--margin) - (var(--cols) - 1) * var(--gutter)) / var(--cols)),1px);--row:round(down,calc((100svh - var(--header-height) - var(--gutter) - var(--footer-height)) / 2),1px);--text-size:calc(var(--baseline) / 1.4);--grid-width:calc(2 * var(--margin) + var(--cols) * var(--col) + (var(--cols) - 1) * var(--gutter));--header-height:calc(3 * var(--baseline));--footer-lines:1;--footer-height:calc((2 + var(--footer-lines)) * var(--baseline));@media (min-resolution:2dppx){--grid-line:0.5px}@media (max-width:1100px){--cols:4}@media (max-width:700px){--cols:2;--footer-lines:2}@media (max-width:480px){--cols:1}}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;scroll-padding-top:var(--header-height)}body,html{background:var(--color-bg);overscroll-behavior-y:none}body{container-type:inline-size;position:relative;display:flex;flex-direction:column;min-height:100dvh;margin:0;font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--text-size);line-height:var(--baseline);overflow-wrap:break-word;color:var(--color-text)}img{max-width:100%;height:auto;display:block}svg{vertical-align:middle}h1{font-size:inherit;line-height:inherit;font-weight:700}h1,p{margin:var(--baseline) 0}a{color:currentColor;text-decoration:none;&:hover{opacity:.8}&:active{opacity:.7}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}}main{flex:1 0 auto;position:relative;z-index:1}.container{width:100%;padding-inline:var(--margin)}.grid-overlay{position:absolute;inset:0 auto 0 0;width:var(--grid-width);z-index:0;pointer-events:none;clip-path:inset(var(--header-height) 0 0 0);background-image:linear-gradient(to right,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to left,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to bottom,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to top,var(--color-grid) var(--grid-line),transparent var(--grid-line));background-size:calc(var(--col) + var(--gutter)) 100%,calc(var(--col) + var(--gutter)) 100%,100% calc(var(--row) + var(--gutter)),100% calc(var(--row) + var(--gutter));background-position:calc(var(--margin) - var(--grid-line)) 0,calc(var(--margin) - var(--gutter) + var(--grid-line)) 0,0 calc(var(--header-height) - var(--grid-line)),0 calc(var(--header-height) - var(--gutter) + var(--grid-line));background-repeat:repeat-x,repeat-x,repeat-y,repeat-y}.grid{display:grid;grid-template-columns:repeat(var(--cols),var(--col));grid-auto-rows:var(--row);gap:var(--gutter)}.projects{display:grid;grid-template-columns:repeat(var(--cols),var(--col));column-gap:var(--gutter);align-items:start;.grid{grid-column:2/-1;grid-template-columns:subgrid}@media (max-width:480px){.grid{grid-column:1;margin-top:var(--gutter)}}}.type-filter{grid-column:1;ul{margin:0;padding:0;list-style:none}a{display:block;width:fit-content;color:var(--color-muted);&:hover,&[aria-current=page]{color:var(--color-text);opacity:1}}@media (max-width:480px){height:var(--row)}}.project-card{position:relative;display:block;img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.project-card__overlay{position:absolute;inset:0;color:var(--color-text);background:var(--color-bg);opacity:0;transition:opacity .25s ease}h2,p{margin:0;font-size:inherit;font-weight:400}h2{font-weight:700}@media (hover:hover){&:hover{opacity:1;.project-card__overlay{opacity:1}}}&:focus-visible .project-card__overlay,&[data-revealed=true] .project-card__overlay{opacity:1}&:focus-visible{outline-offset:-4px}&:not(:has(img)) .project-card__overlay{opacity:1;color:inherit;background:none}}.site-header{font-size:calc(var(--text-size) * 1.4);position:sticky;top:0;z-index:110;background:var(--color-bg);&:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--grid-width);pointer-events:none;background-image:linear-gradient(to right,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to left,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to bottom,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to top,var(--color-grid) var(--grid-line),transparent var(--grid-line));background-size:calc(var(--col) + var(--gutter)) 100%,calc(var(--col) + var(--gutter)) 100%,100% var(--gutter),100% var(--gutter);background-position:calc(var(--margin) - var(--grid-line)) 0,calc(var(--margin) - var(--gutter) + var(--grid-line)) 0,0 calc(var(--header-height) - var(--gutter)),0 calc(var(--header-height) - var(--gutter));background-repeat:repeat-x,repeat-x,no-repeat,no-repeat}}.site-header__inner{display:grid;grid-template-columns:repeat(var(--cols),var(--col));column-gap:var(--gutter);height:var(--header-height);padding-block:var(--baseline)}.site-header nav{grid-column:2/-1;display:grid;grid-template-columns:subgrid}.site-header a[aria-current=page]{font-weight:700}.site-header__about{grid-column:-2/-1;justify-self:end}.grid-toggle{grid-column:3;justify-self:start;padding:0;border:0;font:inherit;color:inherit;background:none;cursor:pointer;&:hover{opacity:.8}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}&[aria-pressed=false]{color:var(--color-muted)}}html[data-grid=off]{.grid-overlay,.site-header:after{display:none}}.press__links a{display:block;width:fit-content}.press__empty{margin:0}.site-footer{font-size:calc(var(--text-size) * .8);position:sticky;bottom:0;z-index:110;background:var(--color-bg);&:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--grid-width);pointer-events:none;background-image:linear-gradient(to right,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to left,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to bottom,var(--color-grid) var(--grid-line),transparent var(--grid-line)),linear-gradient(to top,var(--color-grid) var(--grid-line),transparent var(--grid-line));background-size:calc(var(--col) + var(--gutter)) 100%,calc(var(--col) + var(--gutter)) 100%,100% var(--gutter),100% var(--gutter);background-position:calc(var(--margin) - var(--grid-line)) 0,calc(var(--margin) - var(--gutter) + var(--grid-line)) 0,0 0,0 0;background-repeat:repeat-x,repeat-x,no-repeat,no-repeat}}html[data-grid=off] .site-footer:after{display:none}.site-footer__inner{display:grid;grid-template-columns:repeat(var(--cols),var(--col));column-gap:var(--gutter);grid-auto-rows:var(--baseline);align-content:start;height:max(var(--footer-height),calc(100svh - var(--header-height) - 2 * var(--row) - var(--gutter)));padding-top:var(--baseline);p{margin:0}}.language-switch{grid-column:-2/-1;justify-self:end;a:not([aria-current]){color:var(--color-muted)}a:hover{color:var(--color-text);opacity:1}}@media (max-width:700px){.site-footer__copyright{grid-area:1/1}.site-footer__credit{grid-area:2/1}.grid-toggle{grid-area:1/2;justify-self:end}.language-switch{grid-area:2/2}}@media (max-width:480px){.site-footer__inner{grid-template-columns:1fr auto}}@media (max-width:700px){.site-header nav{display:flex;justify-content:space-between}}@media (max-width:480px){.site-header{font-size:min(calc(var(--text-size) * 1.4),4cqw);white-space:nowrap}.site-header__inner{display:flex;justify-content:space-between}.site-header nav{gap:var(--gutter)}}.slideshow{position:relative;width:calc(var(--cols) * var(--col) + (var(--cols) - 1) * var(--gutter));height:calc(2 * var(--row) + var(--gutter));overflow:hidden}.slideshow__track{display:flex;height:100%;&[data-animate=true]{transition:transform .8s ease-in-out}@media (prefers-reduced-motion:reduce){transition:none!important}}.slideshow__slide{position:relative;flex:0 0 100%;&:active,&:hover{opacity:1}img{object-fit:cover}}.split{display:grid;grid-template-columns:repeat(var(--cols),var(--col));gap:var(--gutter);align-items:start}.split__text{grid-column:1/span 2;@media (max-width:1100px){grid-column:1}>:first-child,>:first-child>:first-child{margin-top:0}@media (max-width:700px){grid-column:1/-1}}.about__text{display:flex;flex-direction:column;min-height:calc(2 * var(--row) + var(--gutter));@media (max-width:700px){min-height:0}}.about__contact{margin-top:auto;margin-bottom:0;padding-top:var(--baseline);a{display:block;width:fit-content}}.project__meta span{display:block}.split__images{grid-column:3/-1;display:grid;grid-template-columns:subgrid;row-gap:var(--gutter);@media (max-width:1100px){grid-column:2/-1}@media (max-width:700px){grid-column:1/-1}}.split__image{position:relative;grid-column:1/-1;&[data-portrait=true]{grid-column:-3/-1;@media (max-width:700px){grid-column:1/-1}}img{width:100%;height:auto}}html[data-nav]{view-transition-name:none;main{view-transition-name:page}.grid-overlay{view-transition-name:grid}}::view-transition{clip-path:var(--transition-area)}::view-transition-group(grid),::view-transition-group(page){animation-duration:.8s;animation-timing-function:ease-in-out}::view-transition-new(grid),::view-transition-new(page),::view-transition-old(grid),::view-transition-old(page){animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:both;mix-blend-mode:normal}html[data-nav=next]{&::view-transition-old(grid),&::view-transition-old(page){animation-name:page-to-left}&::view-transition-new(grid),&::view-transition-new(page){animation-name:page-from-right}}html[data-nav=prev]{&::view-transition-old(grid),&::view-transition-old(page){animation-name:page-to-right}&::view-transition-new(grid),&::view-transition-new(page){animation-name:page-from-left}}html[data-nav=down]{&::view-transition-old(grid),&::view-transition-old(page){animation-name:page-to-top}&::view-transition-new(grid),&::view-transition-new(page){animation-name:page-from-bottom}}html[data-nav=up]{&::view-transition-old(grid),&::view-transition-old(page){animation-name:page-to-bottom}&::view-transition-new(grid),&::view-transition-new(page){animation-name:page-from-top}}@keyframes page-to-left{to{transform:translateX(-100vw)}}@keyframes page-from-right{0%{transform:translateX(100vw)}}@keyframes page-to-right{to{transform:translateX(100vw)}}@keyframes page-from-left{0%{transform:translateX(-100vw)}}@keyframes page-to-top{to{transform:translateY(calc(-1 * var(--transition-height)))}}@keyframes page-from-bottom{0%{transform:translateY(var(--transition-height))}}@keyframes page-to-bottom{to{transform:translateY(var(--transition-height))}}@keyframes page-from-top{0%{transform:translateY(calc(-1 * var(--transition-height)))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}