.grid,.page-text,body{column-gap:var(--gutter)}a:hover,button:hover,html{color:#424242}.media a,a,button{text-decoration:none}.grid .grid,.grid body,.logo,body .grid,body body{grid-column:1/-1}@font-face{font-family:"ABCROM Mono";src:url(../fonts/ABCROMMono-Regular.woff2) format("woff2"),url(../fonts/ABCROMMono-Regular.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:"ABCROM Mono";src:url(../fonts/ABCROMMono-RegularItalic.woff2) format("woff2"),url(../fonts/ABCROMMono-RegularItalic.woff) format("woff");font-style:italic;font-weight:400}.logo,.project-control,a{cursor:pointer;user-select:none;touch-action:manipulation}*{margin:0;padding:0;box-sizing:border-box}.secretPath{position:absolute;left:0;top:0;width:20px;height:20px;z-index:5}.project-slides:after{animation:1s fade-out .4s forwards ease-out}.overview-footer,.overview-list-item-media{opacity:0}.is-loaded .overview-footer,.is-loaded .overview-list-item-media{animation:fade-in .3s forwards ease-out}html{font-family:"ABCROM Mono",monospace;background:#fcfcfc;font-size:10px;letter-spacing:.2px;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gutter:10px;--rows:6;--column:calc((100vw - (var(--rows) + 1) * var(--gutter)) / var(--rows))}html.show-grid{background:repeating-linear-gradient(to right,transparent,transparent var(--gutter),hsla(50,100%,50%,.2) var(--gutter),hsla(50,100%,50%,.2) calc(var(--column) + var(--gutter)));background-clip:content-box}@media screen and (min-width:1023px){html{--rows:24}}::selection{color:#fff;background:#424242}body{min-height:100vh;min-height:100svh;padding:5px var(--gutter)}[data-template=project] body{grid-template-rows:14px auto 1fr}[data-template=overview] body{grid-auto-flow:dense}.grid,body{display:grid;grid-template-columns:repeat(var(--rows),minmax(0,1fr))}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin-bottom:.6em}ol,p,ul{margin-top:0;margin-bottom:.6em}ol,ul{padding-left:3em}.icon-ratio,.image-ratio{position:relative}.icon-ratio img,.icon-ratio svg,.image-ratio img,.image-ratio svg{position:absolute;left:0;top:0;width:100%;height:100%}a,button{color:#b7b7b7}button{appearance:none;font:inherit;background:0 0;border:none;border-radius:0}#fader,[data-template=project] .logo{background:#fcfcfc;pointer-events:none;width:100%;left:0}svg{fill:currentColor;vertical-align:middle}svg use{pointer-events:none}.media{position:relative}.media[style] .media-entry{aspect-ratio:var(--ratio);object-fit:cover}.media-entry{display:block;width:100%;height:auto;border-radius:2px}.media-caption{margin-top:.4em}#fader{position:fixed;top:0;height:100%;z-index:999999;animation:fade-out .3s forwards ease-out}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.step-animation{height:12vw;position:relative;overflow:hidden;aspect-ratio:var(--ratio);pointer-events:none}@media screen and (max-width:480px){[data-template=project] body{grid-template-rows:8px auto 1fr auto auto;grid-row-gap:5px}.step-animation{height:32vw}}@media screen and (min-width:481px) and (max-width:1023px){html{--rows:12}[data-template=project] body{grid-template-rows:auto auto 1fr}.step-animation{height:20vw}}.step-animation img{position:absolute;left:0;top:0;width:100%;height:auto}.logo{display:grid;align-self:center;justify-self:center;align-items:center;justify-items:center;overflow:hidden}@media screen and (hover:none){.logo{pointer-events:none}}[data-template=project] .logo{position:absolute;top:0;height:100%;z-index:15;opacity:0;transition:.3s opacity ease-out}[data-template=project] .logo.is-active{transition-duration:0s;opacity:1;pointer-events:auto}.overview .logo{min-height:400px}.show-links .logo-animation,[data-template=project] .logo-animation{opacity:0}.logo-animation,.logo-links{grid-row:1;grid-column:1;transition:.4s opacity}.logo-links{position:relative;opacity:0;pointer-events:none;height:12vw}@media screen and (max-width:480px){.logo-links{height:32vw}}@media screen and (min-width:481px) and (max-width:1023px){.logo-links{height:20vw}}@media screen and (hover:hover){.logo:hover .logo-animation{opacity:0}.logo:hover .logo-links{opacity:1;pointer-events:auto}}.show-links .logo-links{opacity:.37;pointer-events:auto}@media screen and (max-width:480px){.show-links .logo-links{opacity:1}}[data-template=project] .logo-links{opacity:0;pointer-events:none;transition:.3s opacity ease-out}[data-template=project] .is-active .logo-links{transition-duration:0s;opacity:1}.logo-links a{display:block;-webkit-tap-highlight-color:transparent;height:50%;overflow:hidden}@media screen and (hover:none){.logo-links a{opacity:1}}[data-template=project] .logo-links a{opacity:.37;transition:.4s opacity ease-out}[data-template=project] .logo-links a.is-active{opacity:1}.logo-links a:first-child:hover+a,:has(a:last-child:hover) .logo-links a:first-child{opacity:.37}.logo-links a:last-child .step-animation{transform:translateY(-50%)}.header{display:contents}.header--sticky{display:grid;position:fixed;mix-blend-mode:difference;width:100%;left:0;top:0;padding:5px 10px;z-index:10;min-height:34px}.block,.project-slide-area.is-suspended{z-index:1}.blocks{display:contents}.block{grid-column:span 3;grid-row:1/3;color:#fff;position:relative;pointer-events:none;mix-blend-mode:difference}@media screen and (max-width:1023px){.block{grid-column:span 2}}@media screen and (min-width:2048px){.block{grid-column:span 2}}.show-grid .block{color:inherit;mix-blend-mode:unset}.block dt{color:#424242}.overview .block dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block a,.block button{pointer-events:auto;color:#424242}.block a:hover,.block button:hover,.filter-link.is-active{color:#fff}.block p{margin-bottom:.25em}.block p:last-child{margin-bottom:0}.filter{display:grid;justify-items:start}.field,.project{display:none}.client{grid-column:4/7}@media screen and (min-width:481px) and (max-width:1023px){.client{grid-column:3/6}}@media screen and (max-width:480px){.client{grid-column:span 3}}.title{grid-column:7/10}@media screen and (max-width:480px){.title{grid-column:span 3}}@media screen and (min-width:481px) and (max-width:1023px){.title{grid-column:6/9}}.type{grid-column:9/13}@media screen and (min-width:481px) and (max-width:1023px){.type{grid-column:span 2}}.field{grid-column:span 2}.date{grid-column:7/9}@media screen and (min-width:481px) and (max-width:1023px){.date{grid-column:6/8}}@media screen and (max-width:480px){.date{grid-column:4/-1}}.caption{grid-column:12/span 7}@media screen and (max-width:1023px){.caption{grid-column:5/-1;grid-row:2}}@media screen and (min-width:2048px){.caption{grid-column:12/21}}.contact{grid-column:19/span 3}@media screen and (max-width:480px){.contact{grid-column:1/4}}@media screen and (min-width:481px) and (max-width:1023px){.contact{grid-column:8/10}}@media screen and (min-width:2048px){.contact{grid-column:21/span 2}}.menu,.progress{grid-column:22/-1}@media screen and (max-width:480px){.menu,.progress{grid-column:4/-1}}@media screen and (min-width:481px) and (max-width:1023px){.menu,.progress{grid-column:10/-1}}@media screen and (min-width:2048px){.menu,.progress{grid-column:23/-1}}.filter,.progress{grid-row:1;align-self:end;position:absolute;width:calc(3 * var(--column) + 2 * var(--gutter))}@media screen and (max-width:480px){.filter,.progress{position:static;width:auto}.filter{display:none}}.filter{top:5px;left:10px;grid-column:1}.overview-list-item-header .filter{top:0;left:0}@media screen and (min-width:481px) and (max-width:1023px){.filter{width:calc(2 * var(--column) + var(--gutter))}}.progress{top:18px;right:10px}.overview-list-item-header .progress{top:13px;left:0}.project-content,.project.initialized{display:contents}.project-content--preload{display:block;position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;pointer-events:none}.project-header{display:contents}@media screen and (max-width:1023px){.project-header .field{display:block}}.project-slides:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;pointer-events:none}.project-slide{display:none}.project-slide.is-active{display:block}.project-slide-areas[data-orientation=portrait]{display:none}@media screen and (orientation:portrait){.project-slide-areas[data-orientation=portrait]{display:block}.project-slide-areas[data-orientation=landscape]{display:none}}.project-slide-area{position:absolute;border-radius:2px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-slide-area[data-object-position*=right]{justify-content:flex-end}.project-slide-area[data-object-position*=left]{justify-content:flex-start}.project-slide-area[data-object-position*=top]{align-items:flex-start}.project-slide-area[data-object-position*=bottom]{align-items:flex-end}.project-slide-area-element{border-radius:2px;width:100%;height:auto}.project-slide-area-element[data-box-orientation=portrait]{width:auto;height:100%}[data-object-fit=cover] .project-slide-area-element{width:100%;height:100%;object-fit:cover}.project-control{display:flex;align-items:center;padding:20px;mix-blend-mode:difference;width:50%;height:100%;position:absolute;top:0;left:0;color:#424242}.project-control:hover{color:#b7b7b7}.project-control:hover svg{animation:wiggle-backwards 1s ease-in-out}.project-control:last-child{left:50%;justify-content:flex-end}.project-control:last-child:hover svg{animation-name:wiggle-forwards}@keyframes wiggle-backwards{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg) translateX(-.3em)}50%{transform:rotate(20deg)}75%{transform:rotate(-5deg) translateX(.1em)}100%{transform:rotate(0)}}@keyframes wiggle-forwards{0%{transform:rotate(10deg)}25%{transform:rotate(-10deg) translateX(.3em)}50%{transform:rotate(20deg)}75%{transform:rotate(-5deg) translateX(-.1em)}100%{transform:rotate(0)}}.home-about{position:absolute;pointer-events:none;opacity:0}.overview{display:contents}@media screen and (max-width:480px){.progress{grid-row:2}.project-header .client,.project-header .date{grid-row:3}.project-header .field,.project-header .type{grid-row:4;grid-column:span 2}.project-header .caption{grid-row:5;grid-column:1/-1}.overview .client,.overview .field,.overview .title{display:none}}.overview-gap{height:63px;grid-column:1/-1;align-self:start}@media screen and (max-width:1023px){.overview .caption,.overview .date,.overview .type{display:none}.overview-gap{height:52px}}.overview-list{display:contents}.overview-list[data-orientation=portrait]{display:none}@media screen and (orientation:portrait){.overview-list[data-orientation=portrait]{display:contents}.overview-list[data-orientation=landscape]{display:none}}.overview-list-gap{grid-column:span 2}.overview-list-item{display:contents}.overview-list-item:first-child .overview-list-item-header .filter,.overview-list-item:first-child .overview-list-item-header dt{visibility:visible}.overview-list-item-header{display:grid;position:fixed;left:0;top:0;pointer-events:none;width:100%;z-index:11;padding:5px 10px;mix-blend-mode:difference}@media screen and (max-width:480px){.overview-list-item-header{top:19px;display:none}}.overview-list-item-header .filter-link{color:inherit}.overview-list-item-header .filter,.overview-list-item-header dt{visibility:hidden}.overview-list-item-header .progress,.overview-list-item-header dd{opacity:0;transition:.3s ease-out}.item-hovered .overview-list-item-header .progress,.item-hovered .overview-list-item-header dd{opacity:1}.overview-list-item-media{grid-column:span 3;margin-bottom:17px;align-self:center;z-index:1}@media screen and (max-width:1023px){.overview-list-item-media{grid-column:span 2}}@media screen and (min-width:2048px){.overview-list-item-media{grid-column:span 2}}.overview-list-item-media[data-orientation=landscape]{grid-column:span 4}@media screen and (max-width:1023px){.overview-list-item-media[data-orientation=landscape]{grid-column:span 3}}@media screen and (min-width:2048px){.overview-list-item-media[data-orientation=landscape]{grid-column:span 3}}.overview-list-item-media a{display:block;opacity:1;transition:opacity .2s}.overview-list-item-media a:hover{opacity:.8}.overview-footer{min-height:100vh;margin-top:-140px}.overview-footer-text{align-self:end;padding-bottom:5px}.overview-footer-text[aria-hidden=true]{opacity:0;pointer-events:none}.about{grid-column:1/-1}.credits{grid-column:1/17}@media screen and (max-width:480px){.credits{grid-column:1/-1!important}}@media screen and (min-width:481px) and (max-width:1023px){.project-header .caption,.project-header .field,.project-header .type{grid-row:4}.overview-list-item-header{grid-template-rows:auto auto 1fr}.credits{grid-column:1/-1}}.credits[data-subpages-count="1"]{grid-column:1/21}@media screen and (min-width:481px) and (max-width:1023px){.credits[data-subpages-count="1"]{grid-column:1/10}}.subpages{grid-column:span 8}@media screen and (max-width:480px){.subpages{margin-top:1em;grid-column:1/-1!important}}@media screen and (min-width:481px) and (max-width:1023px){.subpages{margin-top:1em;grid-column:1/-1}}.subpages[data-count="1"]{grid-column:span 4}@media screen and (min-width:481px) and (max-width:1023px){.subpages[data-count="1"]{margin-top:0;grid-column:span 3}}.page-close,.page-title{margin-top:-5px;padding:5px 10px;position:sticky;top:0;grid-row:1}.page-title{grid-column:1/-1;margin-bottom:80px;margin-left:-10px;background:#fcfcfc}@media screen and (max-width:480px){.page-title{grid-column:span 5}}@media screen and (min-width:481px) and (max-width:1023px){.page-title{grid-column:span 11}}.page-close{grid-column:24;justify-self:end;margin-right:-10px}@media screen and (max-width:480px){.page-close{grid-column:6/-1}}@media screen and (min-width:481px) and (max-width:1023px){.page-close{grid-column:12/-1}}.page-close:first-child+.page-text{grid-row:1}.page-text{grid-column:1/-1;columns:2}@media screen and (max-width:1023px){.page-text{columns:unset}}@media screen and (min-width:481px) and (max-width:1023px){.page-text{grid-column:span 10}}