.projects-page.svelte-rqn88j{padding:8.5rem 1rem 6rem;max-width:1200px;margin:0 auto}header.svelte-rqn88j{margin-bottom:1.2rem}h1.svelte-rqn88j{margin:0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.08em;text-transform:uppercase}.filters.svelte-rqn88j{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.8rem}.filters.svelte-rqn88j button:where(.svelte-rqn88j){min-height:2.15rem;border:1px solid rgb(255 255 255 / 22%);border-radius:3px;background:#ffffff12;box-shadow:inset 0 1px #ffffff14;color:#ffffffe0;padding:.42rem .75rem;text-transform:uppercase;font-size:.68rem;line-height:1;letter-spacing:.08em;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.filters.svelte-rqn88j button:where(.svelte-rqn88j):hover,.filters.svelte-rqn88j button:where(.svelte-rqn88j):focus-visible{border-color:#ffffff6b;background:#ffffff21;color:#fff;transform:translateY(-1px)}.filters.svelte-rqn88j button:where(.svelte-rqn88j):focus-visible{outline:2px solid rgb(255 255 255 / 70%);outline-offset:3px}.filters.svelte-rqn88j button.active:where(.svelte-rqn88j){border-color:#ffffff8a;background:#ffffff2e;color:#fff}.grid-preview.svelte-rqn88j{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:.85rem}@media(max-width:640px){.projects-page.svelte-rqn88j{padding:8rem .85rem 4rem}h1.svelte-rqn88j{font-size:clamp(2rem,14vw,3.4rem);letter-spacing:.04em}.filters.svelte-rqn88j{gap:.5rem}.filters.svelte-rqn88j button:where(.svelte-rqn88j){min-height:2.15rem;padding:.42rem .7rem;font-size:.68rem;letter-spacing:.08em}.grid-preview.svelte-rqn88j{grid-template-columns:1fr}}
