.filters-popup{background-color:var(--color-normal-background);color:var(--color-normal-text);margin:16px;max-width:800px;position:relative;width:100%}@media screen and (min-width:1200px){.filters-popup{margin:32px}}.filters-popup__wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.filters-popup__wrapper .shadow{background-color:#0002;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.filters-popup__head .close{height:32px;position:absolute;right:8px;top:8px;width:32px;z-index:1}.filters-popup__head .close div{background-color:currentColor;height:2px;transform-origin:center;width:20px}.filters-popup__head .close div:first-of-type{transform:translate(5px,1px) rotate(45deg)}.filters-popup__head .close div:nth-of-type(2){transform:translate(5px,-1px) rotate(-45deg)}.filters-popup__body{display:flex;flex-direction:column;gap:16px;max-height:calc(90vh - 96px);overflow:auto;padding:16px}@media screen and (min-width:1200px){.filters-popup__body{gap:32px;padding:32px}}.filters-popup__body .filter-section__head{margin-bottom:16px}.filters-popup__body .filter-section__head .title{margin:0}.filters-popup__foot{background-color:var(--color-normal-background);display:flex;gap:16px;justify-content:end;padding:16px}@media screen and (min-width:1200px){.filters-popup__foot{padding:32px}}.search-popup{background-color:var(--color-normal-background);color:var(--color-normal-text);margin:16px;max-width:800px;position:relative;width:100%}@media screen and (min-width:1200px){.search-popup{margin:32px}}.search-popup__wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.search-popup__wrapper .shadow{background-color:#0002;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.search-popup__head .close{height:32px;position:absolute;right:8px;top:8px;width:32px;z-index:1}.search-popup__head .close div{background-color:currentColor;height:2px;transform-origin:center;width:20px}.search-popup__head .close div:first-of-type{transform:translate(5px,1px) rotate(45deg)}.search-popup__head .close div:nth-of-type(2){transform:translate(5px,-1px) rotate(-45deg)}.search-popup__body{display:flex}.search-popup__body input{border:none;outline:none;padding:16px;width:100%}@media screen and (min-width:1200px){.search-popup__body input{padding:32px}}.search-popup__body button{background-color:var(--color-normal-button-background);color:var(--color-normal-button-text);font-size:24px;line-height:16px;padding:16px}@media screen and (min-width:1200px){.search-popup__body button{padding:32px}}.badge-list{display:flex;flex-wrap:wrap;gap:8px}.badge{background-color:var(--color-normal-button-background);border-radius:8px;color:var(--color-normal-button);font-size:16px;padding:4px 8px;text-decoration:none}.badge--special{background-color:var(--color-banner-background);color:var(--color-banner-text)}.badge small{font-size:9px;margin-right:4px;opacity:.7;text-transform:uppercase;vertical-align:2px}.badge small .iconify{font-size:14px;vertical-align:-4px}.badge:hover{opacity:.7}.badge.selected{background-color:var(--color-normal-text);color:var(--color-normal-background)}.btn{background-color:var(--color-normal-button-background);border:none;border-radius:8px;color:var(--color-normal-button);cursor:pointer;line-height:1;margin:0;padding:8px 16px}:root{--color-normal-text:#000;--color-normal-link:#0069cb;--color-normal-button:#000;--color-normal-button-background:#eee;--color-normal-background:#fff;--color-banner-text:#000;--color-banner-background:#fff;--banner:var(--color-banner-background)}body{background-color:var(--color-normal-background);color:var(--color-normal-text);margin:0}*{box-sizing:border-box}#app,button,input{font-family:Maison Neue,Helvetica,sans-serif;font-size:16px}a{color:var(--color-normal-link)}button{background:none;border:none;color:currentColor;cursor:pointer;margin:0;padding:0}summary{cursor:pointer;display:inline-block;position:relative}summary .iconify{transition:transform .1s;vertical-align:-5px}[open]>summary .iconify{transform:rotate(-180deg)}@media print{.noprint{display:none}}@media screen{.printonly{display:none}}.filter{background-color:var(--color-normal-button-background);border-radius:16px;bottom:16px;color:var(--color-normal-button);padding:8px 16px;position:fixed;right:16px}.filter,.filter>button{align-items:center;display:flex}.filter>button{font-weight:700;padding:8px}.filter>button .iconify{font-size:18px;margin-right:4px}.filter .filters{position:relative}.filter .filters .number{background-color:var(--color-normal-button);border-radius:10px;color:var(--color-normal-button-background);display:inline-block;font-size:12px;font-weight:700;height:20px;margin-left:8px;padding-top:4px;width:20px}.projects-grid{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:-16px;padding:8px}@media screen and (min-width:1200px){.projects-grid{margin-top:-32px;padding:16px}}.projects-grid--small .project{width:calc(1px * var(--w) * sqrt(50000 / (var(--w) * var(--h))))}@media screen and (min-width:1200px){.projects-grid--small .project{width:calc(1vw * var(--w) * sqrt(100 / (var(--w) * var(--h))))}}.projects-grid--medium .project{width:calc(1px * var(--w) * sqrt(50000 / (var(--w) * var(--h))))}@media screen and (min-width:1200px){.projects-grid--medium .project{width:calc(1vw * var(--w) * sqrt(400 / (var(--w) * var(--h))))}}.projects-grid--large .project{width:calc(1px * var(--w) * sqrt(50000 / (var(--w) * var(--h))))}@media screen and (min-width:1200px){.projects-grid--large .project{width:calc(1vw * var(--w) * sqrt(800 / (var(--w) * var(--h))))}}.projects-grid .project{color:currentColor;margin:8px 8px 32px;text-decoration:none}@media screen and (min-width:1200px){.projects-grid .project{margin:16px 16px 32px}}.projects-grid .project:hover .year{opacity:1}.projects-grid .project__thumbnail{box-sizing:border-box;position:relative}.projects-grid .project__thumbnail img{display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.projects-grid .project__thumbnail .year{background-color:var(--color-normal-background);font-size:12px;left:8px;opacity:0;pointer-events:none;position:absolute;top:8px}.projects-grid .project__info{margin-top:8px}.projects-grid .project__info p{margin:0}