@layer reset, base, layout, components, modifiers;@layer components{.projects-archive{position:relative;min-height:100svh;padding-block:calc(var(--header-height) + 64px) 144px}.projects-archive__header{max-width:1500px;margin-inline:0}.projects-archive__header nav{margin-top:clamp(28px,4vw,56px);font-size:var(--font-lvl-3)}.projects-archive__header ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0;margin:0;list-style:none}.projects-archive__header li{display:inline-flex;gap:8px;align-items:center}.projects-archive__header li+li::before{content:"›"}.projects-archive__header a{color:hsl(27.8,16.73%,55%);text-decoration:none}.projects-archive__header a:hover,.projects-archive__header a:focus-visible{color:currentcolor;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.projects-archive__header h1{max-width:1450px;margin:0;font-size:var(--font-lvl-8);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-heading-tight);line-height:var(--line-height-heading-tight)}.projects-archive__header p{max-width:820px;margin:24px 0 0;font-size:var(--font-lvl-5);line-height:var(--line-height-body)}.projects-archive__catalogue{margin-top:clamp(64px,9vw,144px)}.projects-archive__items{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:40px 20px}.projects-archive__headings{display:none}.projects-archive__empty{margin:0;font-size:var(--font-lvl-5)}.projects-archive__preview{position:absolute;top:0;left:0;z-index:5;width:min(250px,100vw - 32px);aspect-ratio:16/9;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 180ms step-end}.projects-archive__preview.is-visible{opacity:1;visibility:visible;transition:opacity 180ms ease}.projects-archive__preview img{width:100%;height:100%;object-fit:cover}.projects-controls{position:fixed;bottom:var(--bottom-module-position);left:50%;z-index:20;display:flex;align-items:stretch;max-width:calc(100% - 32px);padding:6px;color:hsl(0,0%,98%);background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(0,0,0,.1);backdrop-filter:blur(18px) saturate(120%);border-radius:4px;transform:translateX(-50%)}.projects-controls__view,.projects-controls__filters summary{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;color:hsl(0,0%,14%);font-size:var(--font-lvl-1);border-radius:4px;text-decoration:none;cursor:pointer;list-style:none;transition:background-color 180ms ease,color 180ms ease}.projects-controls__view::-webkit-details-marker,.projects-controls__filters summary::-webkit-details-marker{display:none}.projects-controls__view:focus-visible,.projects-controls__filters summary:focus-visible{outline:2px solid currentcolor;outline-offset:-4px}.projects-controls__view[aria-current=true],.projects-controls__filters[open] summary{color:#fff;background:hsl(27.8,16.73%,72%)}@media(hover: hover)and (pointer: fine){.projects-controls__view:not([aria-current=true]):hover,.projects-controls__filters:not([open]) summary:hover{background:rgba(255,255,255,.25)}.projects-filters label:hover{color:hsl(0,0%,82%)}}.projects-controls__view:active,.projects-controls__filters summary:active{background:rgba(255,255,255,.35)}.projects-controls__icon{display:block;width:18px;height:18px;flex:0 0 auto;fill:currentcolor}.projects-filters{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(440px,100vw - 32px);padding:28px;color:hsl(0,0%,98%);background:hsl(27.8,16.73%,50%);border-radius:4px;box-shadow:0 12px 32px hsla(27.8,16.73%,50%,.25)}.projects-controls__view{display:none}.projects-filters fieldset{display:grid;gap:10px;margin:0;padding:0;border:0}.projects-filters fieldset+fieldset{margin-top:28px}.projects-filters legend{margin-bottom:12px;font-size:var(--font-lvl-5);font-weight:var(--font-weight-medium)}.projects-filters label{display:flex;gap:12px;align-items:center;font-size:var(--font-lvl-3);cursor:pointer}.projects-filters input{appearance:none;width:18px;height:18px;margin:0;border:1px solid currentcolor;border-radius:1px}.projects-filters input:checked{background:hsl(0,0%,98%);box-shadow:inset 0 0 0 4px hsl(27.8,16.73%,50%)}.projects-filters__actions{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.projects-filters__actions a{color:inherit;font-size:var(--font-lvl-2)}.projects-filters__actions a:hover,.projects-filters__actions a:focus-visible{text-decoration:underline;text-underline-offset:.16em}.projects-filters__actions button{min-height:36px;padding:8px 12px;border:0;background:hsl(0,0%,98%);color:hsl(27.8,16.73%,50%);font-size:var(--font-lvl-2);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color 180ms ease,color 180ms ease}.projects-filters__actions button:hover,.projects-filters__actions button:focus-visible{background:hsl(0,0%,86%)}.projects-filters__actions button:active{background:hsl(27.8,16.73%,50%);color:hsl(0,0%,98%)}@media(min-width: 576px){.projects-archive__header h1{font-size:var(--font-lvl-9)}}@media(min-width: 1024px){.projects-archive{padding-bottom:120px}.projects-archive__items{gap:44px 20px}.projects-archive[data-view=list] .projects-archive__headings{display:grid;grid-template-columns:minmax(0, 1.7fr) minmax(0, 0.7fr) minmax(0, 1.55fr) 72px minmax(0, 0.75fr);gap:20px;padding:0 0 40px;font-size:var(--font-lvl-4);font-weight:var(--font-weight-medium)}.projects-archive[data-view=list] .projects-archive__items{display:block}.projects-filters{right:0;left:auto;bottom:calc(100% + 12px);transform:none}.projects-controls__view{display:inline-flex}}@media(prefers-reduced-motion: reduce){.projects-archive__preview{transition:none}}}