.svelte-12legpx:export{xxs:375px;xs:480px;sm:640px;md:870px;lg:1024px;xl:1280px;xxl:1536px;xxxl:1920px}main.svelte-12legpx{width:100%;height:100%}main.svelte-12legpx .content:where(.svelte-12legpx){padding:0 var(--sp-12);flex-direction:column;justify-content:space-between;height:100vh;display:flex;overflow-y:scroll}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx){padding:var(--sp-12) 0 var(--sp-6);background-color:var(--bgColor);z-index:1;justify-content:space-between;display:flex;position:sticky;top:0}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx):after{content:"";bottom:-moz-calc(var(--sp-12) * -1);bottom:calc(var(--sp-12) * -1);height:var(--sp-12);background:-moz-linear-gradient(top, var(--bgColor), transparent);background:linear-gradient(to bottom, var(--bgColor), transparent);pointer-events:none;position:absolute;left:0;right:0}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .sorter:where(.svelte-12legpx){color:var(--fgColor);opacity:.5}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .sorter[aria-pressed=true]:where(.svelte-12legpx){opacity:1}@media (pointer:fine){main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .sorter:where(.svelte-12legpx):hover{opacity:1}}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .title:where(.svelte-12legpx){grid-column:1}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .year:where(.svelte-12legpx){text-align:right;grid-column:3}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx){padding:var(--sp-6) 0 var(--sp-24)}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx){flex-direction:column;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx){width:100%}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work.inactive:where(.svelte-12legpx){color:var(--black-50)}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx){-webkit-column-gap:var(--sp-12);-moz-column-gap:var(--sp-12);column-gap:var(--sp-12);padding:-moz-calc((var(--sp-6) - (1.2em - 1cap) / 2) / 2) 0;padding:calc((var(--sp-6) - (1.2em - 1cap) / 2) / 2) 0;grid-template-columns:repeat(6,1fr);display:grid}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .title:where(.svelte-12legpx){grid-column:1/span 3}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .services:where(.svelte-12legpx){grid-column:4/span 2}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .services:where(.svelte-12legpx) .service:where(.svelte-12legpx){display:inline}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .year:where(.svelte-12legpx){text-align:right;grid-column:6/span 1}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .year:where(.svelte-12legpx) time:where(.svelte-12legpx),main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .year:where(.svelte-12legpx) span:where(.svelte-12legpx){display:contents}main.svelte-12legpx .content:where(.svelte-12legpx) #preview-mobile:where(.svelte-12legpx){display:none}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx){background-color:var(--bgColor);z-index:1;padding-bottom:var(--headerHeight);position:sticky;bottom:0}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx):before{content:"";top:-moz-calc(var(--sp-24) * -1);top:calc(var(--sp-24) * -1);height:var(--sp-24);background:-moz-linear-gradient(bottom, var(--bgColor), transparent);background:linear-gradient(to top, var(--bgColor), transparent);pointer-events:none;position:absolute;left:0;right:0}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx){margin:var(--sp-24) 0 var(--sp-16);flex-direction:row;justify-content:space-between;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx) .filters-toggle:where(.svelte-12legpx){color:currentColor;pointer-events:none}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx) .filters-toggle:where(.svelte-12legpx) .arrow:where(.svelte-12legpx){display:none}@media (pointer:fine){main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx) .clear:where(.svelte-12legpx):hover{color:var(--black-50)}}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx){-webkit-column-gap:.8em;-moz-column-gap:.8em;margin-bottom:var(--sp-24);flex-flow:wrap;justify-content:flex-start;column-gap:.8em;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx) .filter:where(.svelte-12legpx){align-items:center;gap:.3em;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx) .filter:where(.svelte-12legpx):before{content:"";border:1.5px solid;border-radius:50%;flex-shrink:0;width:.6em;height:.6em;display:block}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx) .filter[aria-pressed=true]:where(.svelte-12legpx):before{background-color:currentColor}@media (pointer:fine){main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx) .filter:where(.svelte-12legpx):hover:before{opacity:1}}@media (orientation:portrait),(width<=870px){main.svelte-12legpx .content:where(.svelte-12legpx){color:var(--black);background-color:var(--white);padding:var(--sp-12) var(--sp-12) var(--sp-120);flex-direction:column-reverse;justify-content:flex-end;height:auto;min-height:100dvh}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx){margin-top:-moz-calc(var(--previewHeight,40vh) + var(--filterHeight,-moz-calc(var(--sp-24) + 1.2em)) + var(--sorterHeight,0px));margin-top:calc(var(--previewHeight,40vh) + var(--filterHeight,calc(var(--sp-24) + 1.2em)) + var(--sorterHeight,0px));margin-bottom:-moz-calc(100dvh - var(--previewHeight,40vh) - var(--filterHeight,-moz-calc(var(--sp-24) + 1.2em)) - var(--sorterHeight,0px) - var(--sp-120) - var(--sp-24) * 3);margin-bottom:calc(100dvh - var(--previewHeight,40vh) - var(--filterHeight,calc(var(--sp-24) + 1.2em)) - var(--sorterHeight,0px) - var(--sp-120) - var(--sp-24) * 3);z-index:0}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx){left:0;right:0;top:-moz-calc(var(--filterHeight,0px) + var(--previewHeight,40vh));top:calc(var(--filterHeight,0px) + var(--previewHeight,40vh));padding:var(--sp-12) var(--sp-12) 0;margin-bottom:var(--sp-12);background-color:var(--white);z-index:1;position:fixed;overflow:visible}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx) .sorter.year:where(.svelte-12legpx){min-width:max-content}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #sorters:where(.svelte-12legpx):after{content:"";height:var(--sp-32);background:-moz-linear-gradient(top, var(--white), transparent);background:linear-gradient(to bottom, var(--white), transparent);pointer-events:none;position:absolute;top:100%;left:0;right:0}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work.inactive:where(.svelte-12legpx){display:none}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx){justify-content:space-between;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .services:where(.svelte-12legpx){display:none}main.svelte-12legpx .content:where(.svelte-12legpx) .top:where(.svelte-12legpx) #works:where(.svelte-12legpx) .works:where(.svelte-12legpx) .work:where(.svelte-12legpx) a:where(.svelte-12legpx) .year:where(.svelte-12legpx){min-width:max-content}main.svelte-12legpx .content:where(.svelte-12legpx) #preview-mobile:where(.svelte-12legpx){width:-webkit-fill-available;width:-moz-available;width:stretch;height:40vh;left:0;top:var(--filterHeight,-moz-calc(var(--sp-24) + 1.2em));top:var(--filterHeight,calc(var(--sp-24) + 1.2em));padding:var(--sp-24);justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden}main.svelte-12legpx .content:where(.svelte-12legpx) #preview-mobile:where(.svelte-12legpx) .obelo-grid-mobile:where(.svelte-12legpx){top:0;left:0;height:unset;position:absolute;inset:0}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx){padding-bottom:var(--sp-12);padding:var(--sp-12);top:0;left:0;bottom:unset;width:-webkit-fill-available;width:-moz-available;width:stretch;position:fixed}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx):before{display:none}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx){margin:0}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx) .filters-toggle:where(.svelte-12legpx){pointer-events:all;cursor:pointer}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .titles:where(.svelte-12legpx) .filters-toggle:where(.svelte-12legpx) .arrow:where(.svelte-12legpx){display:inline}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .active-summary:where(.svelte-12legpx){-webkit-column-gap:.8em;-moz-column-gap:.8em;margin-top:var(--sp-6);flex-wrap:wrap;column-gap:.8em;display:flex}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .active-summary:where(.svelte-12legpx) .chip:where(.svelte-12legpx){color:currentColor;cursor:pointer}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .active-summary:where(.svelte-12legpx) .chip:where(.svelte-12legpx):hover{color:var(--black-50)}main.svelte-12legpx .content:where(.svelte-12legpx) .bottom:where(.svelte-12legpx) #filters:where(.svelte-12legpx) .filters:where(.svelte-12legpx){margin-top:var(--sp-6);margin-bottom:0}}@media (width<=870px) and (orientation:landscape){main.svelte-12legpx .content:where(.svelte-12legpx){--previewHeight:0px}main.svelte-12legpx .content:where(.svelte-12legpx) #preview-mobile:where(.svelte-12legpx){display:none}}main.svelte-12legpx #preview:where(.svelte-12legpx){top:0;bottom:0;left:-moz-calc(var(--infoWidth) + var(--overlayWidth));left:calc(var(--infoWidth) + var(--overlayWidth));justify-content:center;align-items:center;display:flex;position:fixed;right:0}@media (orientation:portrait),(width<=1280px){main.svelte-12legpx #preview:where(.svelte-12legpx){display:none}}