.grid{--columns:12;--gutter:0;grid-gap:var(--gutter);grid-gap:0 .5rem;grid-template-columns:1fr;align-items:end;display:grid}.autogrid{--gutter:0;--min:1rem;grid-gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(var(--min),1fr));grid-auto-flow:dense;display:grid}.grid .column .blocks:has(.block-type-text){border-left:1px solid;padding:0 .5rem}.grid .column .blocks:has(.block-type-list){border-left:1px solid;padding:0 .5rem}.grid:not(:first-child){border-top:1px solid;padding:.5rem 0}.contact-page .grid .column .blocks:has(.block-type-text){border-top:1px solid;border-left:1px solid;padding:.5rem}.contact-page .grid:not(:first-child){border-top:none}@media screen and (min-width:768px){.grid{grid-template-columns:repeat(12,1fr);padding-bottom:1rem}.grid>.column{grid-column:span var(--span)}.grid .column .blocks:has(.block-type-text){border-left:1px solid;padding:0 .5rem}.grid .column .blocks:has(.block-type-list){border-left:1px solid;padding:0 .5rem}.grid:not(:first-child){border-top:1px solid;padding:.5rem 0}.home .grid .column .blocks:has(.block-type-text){border-top:1px solid;border-left:1px solid;padding:.5rem}.home .grid:not(:first-child){border-top:none}.default-page .contact-footer .column .blocks:has(.block-type-text){border-top:1px solid;border-left:1px solid;padding:.5rem}.default-page .contact-footer:not(:first-child){border-top:none}.contact-page .grid .column .blocks:has(.block-type-text){border-top:1px solid;border-left:1px solid;padding:.5rem}.contact-page .grid:not(:first-child){border-top:none}.projects-page .grid{grid-template-columns:repeat(12,1fr);padding-bottom:0}.projects-page .grid>.column{grid-column:span var(--span);border:none;padding:0}}.project-card{width:100%;display:block;position:relative}.has-gallery .project-card__thumbnail{width:100%;margin:0;position:relative;overflow:hidden}.story-frame{width:100%;margin:0;position:relative}.story-frame--static{width:100%;margin:0}.story-frame--static picture,.story-frame--static img{object-fit:cover;object-position:center;width:100%;height:auto;display:block}.story-container{width:100%;aspect-ratio:var(--story-aspect,1);margin:0;position:relative;overflow:hidden}.story-image{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;left:0;overflow:hidden}.story-image picture,.story-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.story-image.active{opacity:1;z-index:1;pointer-events:auto;visibility:visible!important;display:block!important}.story-indicators{z-index:2;gap:2px;display:flex;position:absolute;top:8px;left:8px;right:8px}.story-indicator{cursor:pointer;background-color:#ffffff80;border-radius:2px;flex-grow:1;height:2px}.story-indicator.active{background-color:#ffffffe6;animation:1s linear forwards story-progress}.story-indicator.viewed{background-color:#ffffffe6}@keyframes story-progress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.story-container .story-image:first-child{opacity:1;visibility:visible;display:block}.secondary-nav{z-index:1000;pointer-events:none;position:fixed;bottom:1rem;right:1rem}.secondary-nav__inner{pointer-events:auto;flex-direction:row;align-items:flex-end;gap:.5rem;display:flex}#mouse-brush-clear{z-index:1000;position:fixed;bottom:1rem;right:1rem}.secondary-nav__button{all:unset;color:currentColor;cursor:pointer;font-size:var(--type-size);background:0 0;border:none;border-radius:.2rem;align-items:center;gap:.5rem;padding:.2rem .5rem;font-family:inherit;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.secondary-nav__button svg{stroke-width:2px;fill:currentColor;background:0 0;width:2rem;height:2rem}.secondary-nav__button span{font-family:inherit}@media (max-width:768px){.secondary-nav{bottom:1rem;right:1rem}.secondary-nav__button{padding:.5rem .75rem;font-size:.75rem}.secondary-nav__button svg{width:1rem;height:1rem}}@media (prefers-color-scheme:dark){.secondary-nav__button{color:#fff;background:#0000001a;border-color:#0003}.secondary-nav__button:hover{background:#0003;border-color:#0000004d}}:root{--type-size:1.7rem;--flow-type-size:7vw;--padding:1rem;--swup-fade-theme-duration:.3s;--top:calc(var(--type-size) + .5rem);--list-head-h:2.2em;--bg:#fff;--text-color:#000;--xs:.7rem;--sans:sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000!important;--text-color:#fff!important}#mouse-brush-canvas{mix-blend-mode:screen!important}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000!important;--text-color:#fff!important}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page-fadeout{opacity:0;pointer-events:none;transition:opacity .3s}.page-fadein{opacity:1;pointer-events:auto;transition:opacity .3s}body:not(.no-js) img[loading=lazy]{opacity:0;transition:opacity .2s ease-in-out}body:not(.no-js) img[loading=lazy].loaded{opacity:1}main{padding:3rem var(--padding);min-height:100vh}html,body,main{word-spacing:-.1vw;font-family:serif;font-weight:regular;font-feature-settings:"kern" 1;font-kerning:normal;-webkit-hyphens:auto;hyphens:auto;background:var(--bg);min-height:100vh;color:var(--text-color);line-height:1.1}*{box-sizing:border-box;margin:0;padding:0}h2,h3,h4,h5,h6{font-size:var(--type-size);font-weight:400}ul{margin:0;list-style:none}img{width:100%;max-width:100%;height:auto;margin:0;padding:0;transition:all .2s;display:inline-block}.project{background:var(--bg)}.projects__list{flex-wrap:wrap;align-items:flex-end;gap:3rem .5rem;display:flex}.projects__item{will-change:width,height;flex:none;transition:width .3s ease-out,height .3s ease-out;display:none}.projects__item.show{display:block;position:relative;overflow:visible}.projects__item.is-hovered{z-index:1;position:relative}.project-card{width:100%;height:100%}.project-card__thumbnail{width:100%;height:auto;transition:width .3s ease-out;display:block}a{color:var(--text-color);text-decoration:none}p{font-size:var(--type-size);line-height:1.2}.flow .info{padding-top:0;width:40vw!important}.flow .info .blocks{padding-top:0!important}.info ul{border-top:1px solid var(--text-color);padding:0}.info h2{text-indent:2em;font-size:var(--type-size);line-height:1}.info li{border-bottom:1px solid var(--text-color);font-size:var(--type-size);font-weight:unset;line-height:1;list-style:"●";list-style-position:inside!important}.info li:before{content:"";padding-left:5px}.block-type-heading h2,.block-type-heading h3,.block-type-heading h4,.block-type-heading h5,.block-type-heading h6{font-size:var(--type-size);font-weight:400}:is(.block-type-heading h2,.block-type-heading h3,.block-type-heading h4,.block-type-heading h5,.block-type-heading h6) p{font-weight:400}.block-type-list ul{border-top:1px solid var(--text-color)}.block-type-list li{border-bottom:1px solid var(--text-color);font-size:var(--type-size);font-weight:unset;text-indent:-60px;padding-left:60px;line-height:1;list-style:"●";list-style-position:inside!important}.block-type-list li:before{content:"";padding-left:30px}figcaption,.details p{font-size:var(--xs);font-family:var(--sans);letter-spacing:.05em;padding-top:1lh;line-height:1;text-indent:0!important}:is(figcaption,.details p):first-of-type{padding-top:0}.details{padding-bottom:var(--padding)}.project-card__title{display:none}.project-card__link{font-size:var(--type-size);display:inline-block}.project-card__link:hover{text-decoration:underline}#gallery-wall{box-sizing:border-box;padding-top:var(--padding);--thumb-nav-height:calc(100vh - var(--top))}.gallery figcaption{display:none}.trailing-index{pointer-events:none;z-index:40;--trail-size:clamp(80px,12vw,180px);width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.trailing-index--disabled{display:none}.trailing-index__item{width:var(--trail-size);pointer-events:auto;cursor:pointer;display:block;position:absolute;transform:translate(-50%,-50%)}.trailing-index__item img{width:var(--trail-size);height:var(--trail-size);object-fit:contain;display:block}.gallery-wall__thumbs{--thumb-cols:auto-fit;top:var(--padding);z-index:1;background:var(--bg);pointer-events:auto;max-height:var(--thumb-nav-height);min-height:var(--thumb-nav-height);position:sticky;overflow:hidden}.gallery-wall__thumbs.is-empty{display:none}.gallery-wall__thumbs-grid{grid-template-columns:repeat(var(--thumb-cols,auto-fit),minmax(0,1fr));gap:.5rem;display:grid}.gallery-wall__thumb{aspect-ratio:1;width:100%;display:block;position:relative;overflow:hidden}.gallery-wall__thumb img{object-fit:contain;width:100%;height:100%;display:block;object-position:bottom!important}#projects-list{font-size:var(--type-size)}#projects-list a:hover{text-decoration:underline}#projects-list table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:400}.filters{white-space:nowrap;align-items:center;gap:.75rem;width:100%;display:flex;overflow:hidden}#projects-list .filters{left:var(--padding);width:calc(50% - var(--padding)*2 - 1px);z-index:1001;padding-top:.25rem;position:fixed;bottom:calc(1lh + 1rem)}#projects-list .filter-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.5rem;padding:.25rem 0;display:flex;position:relative;overflow:auto hidden}#projects-list .filter-buttons::-webkit-scrollbar{display:none}#projects-list .filter-buttons:before,#projects-list .filter-buttons:after{content:"";pointer-events:none;opacity:0;width:1.5rem;transition:opacity .15s;position:absolute;top:0;bottom:0}#projects-list .filter-buttons:before{left:0}#projects-list .filter-buttons:after{right:0}#projects-list .filter-buttons.can-scroll-left:before,#projects-list .filter-buttons.can-scroll-right:after{opacity:1}.filter-type-btn,.sort{all:unset;background:var(--bg);color:var(--text-color);cursor:pointer;text-align:left;display:inline-block}.filter-type-btn{border:1px solid var(--text-color);white-space:nowrap;border-radius:1em;padding:.1em .5em;line-height:1.2}.filter-type-btn:hover,.filter-type-btn.active{background:var(--text-color);color:var(--bg)}.filter-type-btn:focus-visible{background:var(--text-color);color:var(--bg)}#projects-list .search{width:50%;margin-bottom:var(--padding);border:1px solid var(--text-color);background:var(--bg);font-family:inherit;font-size:var(--type-size);outline:none;margin-top:1em;padding:.2em;display:none;position:fixed;bottom:0}::placeholder{color:var(--text-color)}.header{left:var(--padding);right:var(--padding);width:calc(100% - var(--padding)*2);z-index:999;height:2.2em;position:fixed;top:0}.project-page .header,.projects-page .header{left:var(--padding);width:calc(50% - var(--padding)*2);background:var(--bg);z-index:999;background-color:var(--bg);height:2.2em;position:fixed;top:0}.nav{z-index:999;height:var(--top);grid-area:nav;padding:.2rem 0;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav ul{font-size:var(--type-size);gap:.5em;display:flex}.nav [aria-current=page]{text-decoration:underline}.logo{width:auto;top:0;left:var(--padding);font-size:var(--type-size);z-index:9999;padding-top:.35rem;position:fixed}#projects-list{height:100vh;padding:0 var(--padding);box-sizing:border-box;border-right:1px solid var(--text-color);width:50vw;padding-bottom:10rem;padding-top:var(--top);scrollbar-color:black var(--bg);scrollbar-width:thin;scrollbar-width:none;position:fixed;top:0;overflow-y:auto}#gallery-wall{max-height:calc(100vh - var(--top));padding:var(--padding)var(--padding)0;box-sizing:border-box;scrollbar-color:black var(--bg);scrollbar-width:thin;width:50vw;padding-top:100vh;position:fixed;bottom:0;right:0;overflow-y:auto}#gallery-wall img{object-fit:contain;object-position:center;width:100%;max-height:70vh;display:block}h1{letter-spacing:-.5vw;margin-bottom:.4em;font-size:12vw;font-weight:300;line-height:.8}figure li{aspect-ratio:var(--ratio);width:auto;max-height:70vh;margin-bottom:var(--padding)}figure.gallery img{padding-bottom:1em}.project-images{background:var(--bg);z-index:20;border-bottom:1px solid;margin:0;padding-top:1em;position:relative}.project-images.is-first:before{content:"";background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none;z-index:1;width:100%;height:10vh;display:block;position:absolute;top:-10vh;left:0;right:0}.project-images.is-first>*{z-index:2;position:relative}.row-description{gap:var(--padding);grid-template-columns:20% 1fr;align-items:end;display:none}.description{padding-top:0;padding-bottom:var(--padding)}.details{border-left:none}h2.big-title-text{opacity:0;text-align:center;word-spacing:-.1em;letter-spacing:-.05em;padding:0 10%;font-size:0;font-weight:300;line-height:.85}.project-row.active{border-bottom:1px solid;width:auto;display:grid}.project-row.active .year{font-feature-settings:"ss04";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.project-row.active .title-text:before{content:"●";color:var(--text-color);padding-right:5px}.project-row.active .row-header{border-bottom:none}.project-row.active .row-description{display:grid}.project-row.active .row-description p:first-of-type{text-indent:0}.project-row.active .row-description p{text-indent:2em;border-left:1px solid;padding-left:.5rem}.list-header{background:var(--bg);width:calc(50% - var(--padding)*2 - 1px);bottom:0;left:var(--padding);z-index:999;font-weight:400;position:fixed}.sort-list{background:var(--bg);width:calc(50% - var(--padding)*2 - 1px);bottom:0;left:var(--padding);z-index:999;border-top:1px solid;justify-content:space-between;padding:2px 3px 2px 0;font-weight:400;display:flex;position:fixed}.row-header{border-bottom:1px solid;justify-content:space-between;align-items:center;width:100%;padding:2px 3px 2px 0;font-weight:400;display:flex}.type{width:calc(21.65% - 10px)}.title-year{width:80%}.title-text{cursor:pointer;opacity:1;white-space:nowrap;display:inline-block;position:relative;overflow:hidden}.sort.asc:before,.sort.desc:before,.sort:hover:before{content:"●";padding-right:0}.sort:before{content:"○";padding-right:0}.client,.type{width:calc(22.65% - 10px);display:inline-block}.type{white-space:nowrap;position:relative;overflow:hidden}.type.has-overflow:after,.title-text.has-overflow:after{content:"";pointer-events:none;background:linear-gradient(to right,#0000,var(--bg));width:1.5rem;height:100%;position:absolute;top:0;right:0}.year{float:right;text-align:right;font-feature-settings:"ss03";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:left;width:auto}.list-header .title-text,thead .title-text{padding-left:10px}.list-header .year,thead .year{letter-spacing:normal;text-align:right;font-feature-settings:unset}#controls{margin-right:.5rem;display:flex}#controls>button{all:unset;cursor:pointer}button#toggle-play .icon-pause,button#toggle-play[data-state=playing] .icon-play{display:none}button#toggle-play[data-state=playing] .icon-pause{display:inline}button{cursor:pointer}footer.radio{z-index:999;flex-direction:row;width:25vw;display:flex;position:fixed;top:0;right:0}.progress{cursor:pointer;flex-direction:row;align-items:center;gap:.5em;width:100%;display:flex}#track-info{font-size:var(--type-size);width:100%;padding-right:var(--padding);flex-direction:column;justify-content:center;display:flex}#title{white-space:nowrap;pointer-events:none;text-align:center;width:auto;position:absolute;left:4.5em;right:3em;overflow:hidden}#title.is-marquee .marquee__inner{will-change:transform;animation:rio-marquee var(--marquee-duration,12s)linear infinite;align-items:center;display:inline-flex}#title.is-marquee .marquee__text{padding-right:2rem;display:inline-block}.type.is-marquee .marquee__inner{will-change:transform;animation:rio-marquee var(--marquee-duration,12s)linear infinite;align-items:center;display:inline-flex}.type.is-marquee .marquee__text{padding-right:2rem;display:inline-block}.title-text.is-marquee .marquee__inner{will-change:transform;animation:rio-marquee var(--marquee-duration,12s)linear infinite;align-items:center;display:inline-flex}.title-text.is-marquee .marquee__text{padding-right:2rem;display:inline-block}.row-header .type,.row-header .title-text,.row-header .year{vertical-align:text-bottom}@keyframes rio-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#progress-bar{height:1px}#progress{font-feature-settings:"ss03"}::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:red;border-radius:50%;width:1em;height:1em}#progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:4px}#progress-bar::-webkit-slider-runnable-track{background:var(--text-color);height:1px}#progress-bar::-moz-range-track{background:var(--text-color);height:1px}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:calc(var(--type-size)*-.5);width:var(--type-size);height:var(--type-size);background:var(--text-color);cursor:pointer;border:none;border-radius:50%}#progress-bar::-moz-range-thumb{width:var(--type-size);height:var(--type-size);background:var(--text-color);cursor:pointer;border:none;border-radius:50%}.home{margin-bottom:0;padding-bottom:0}.home .grid{z-index:99999;background:var(--bg);margin-bottom:-10vh;padding-top:2rem;padding-bottom:30vh;position:relative;bottom:0}.projects{min-height:100vh}.poetic-subtitles{word-spacing:normal;text-align:center;font-smooth:never;-webkit-font-smoothing:none;width:100%;color:var(--subtitle-color);text-shadow:0 0 1px #000;-webkit-text-stroke:#000 1px;opacity:0;pointer-events:none;z-index:999;flex-direction:column;justify-content:center;align-items:center;padding:1vw 5vw;font-family:Arial;transition:opacity .5s;display:flex;position:fixed;bottom:1rem}.poetic-subtitles p{font-size:3vw}#wave-text{text-align:center;flex-wrap:wrap;align-content:center;place-items:center;width:100%;height:100vh;font-family:Formera;font-size:18vw;font-weight:300;transition:all .2s;display:flex;position:fixed;top:0}#wave-text span{text-align:center;width:.65em;transition:transform .2s;display:inline-block}#wave-text span:nth-child(4){width:.65em}.wave span{pointer-events:none}.blocks{flex-direction:column;align-content:end;gap:2lh;width:100%;height:100%;display:flex}.block-type-color{width:100%;height:100%;display:block}.block-type-color:before{content:".";width:100%;height:100%;display:block}.color-block{width:100%;height:100%;display:block;position:relative}.block-type-heading{text-transform:uppercase;font-feature-settings:"ss04";font-weight:400}.block-type-text a:hover{text-decoration:underline}.block-type-text li{border-bottom:1px solid}.block-type-markdown{font-size:var(--flow-type-size);letter-spacing:-.2vw;word-spacing:-.75vw;font-weight:300;line-height:1}.block-type-markdown p{font-size:var(--flow-type-size);letter-spacing:-.2vw;font-weight:300;line-height:1;display:inline-block}.block-type-markdown figure,.block-type-markdown img{object-fit:cover;height:3.8em;padding:0 0 0 .09em;line-height:1;display:inline-block}#contact h2 a{font-size:5.5vw}.sticky{display:none}@media screen and (max-width:768px){:root{--top:0;--padding:16px;--type-size:5vw}.header{left:var(--padding);z-index:999;flex-direction:column-reverse;display:flex;position:fixed;top:0;width:calc(100vw - var(--padding)*2)!important;background:var(--bg)!important}.header .logo,.header .nav{position:relative;left:0!important;transform:none!important}.header .logo{width:calc(100vw - var(--padding)*2);text-align:center;letter-spacing:.5px}.header .nav ul{background-color:var(--bg);width:100%;padding:0}.nav ul{justify-content:space-between;width:95vw}.sort-list{width:calc(100vw - var(--padding)*2);padding:8px 0;padding-right:var(--padding)}#projects-list .filters{width:100vw;padding:var(--padding)0;padding-right:var(--padding);bottom:0;left:0}.filter-buttons{padding-left:var(--padding)!important}#gallery-wall{max-height:calc(100vh - var(--top));padding:var(--padding)var(--padding)0;box-sizing:border-box;scrollbar-color:black var(--bg);scrollbar-width:thin;width:100vw;padding-top:100vh;display:none;position:fixed;bottom:0;right:0;overflow-y:auto}.type,.sort-list{display:none}.title-year{width:100%}.sticky,.row-header{z-index:9999;background-color:var(--bg);position:sticky;top:0}img{width:100%;height:auto}figure.gallery img{padding:0 0 var(--padding)0}.grid{grid-template-columns:repeat(1,1fr)}.projects__list{flex-direction:column;align-items:stretch;gap:1rem 0}.projects__item{flex-basis:100%!important;width:100%!important;height:auto!important}.projects__item.show{width:100%!important}.radio{display:none!important}#projects-list .filter-buttons{gap:5px}main{margin-top:.5em}#projects-list{z-index:1;background:var(--bg);width:100%;margin-top:2.8em;margin-bottom:10ren;border:none;top:0;left:0;overflow-y:auto}.mobile-gallery{margin-top:1.5rem;display:none}.project-row.active .row-description{flex-direction:column-reverse;display:flex}.details{width:50vw}.project-row.active .mobile-gallery{display:block}.poetic-subtitles p{font-size:8vw}.mobile-gallery img,.mobile-gallery picture,.mobile-gallery video,.mobile-gallery figure{width:100%;height:auto;display:block}}@media screen and (min-width:769px) and (max-width:1024px){.grid{grid-template-columns:repeat(12,1fr)}:root{--type-size:1rem}.secondary-nav{bottom:1.5rem;right:1.5rem}}