.projectsPage{background:radial-gradient(at 0 10%,#6445df26,#0000 40%),radial-gradient(at 100% 45%,#00bbae33,#0000 42%),#f5f5fc;min-height:100svh;padding:5.5rem max(2rem,50% - 35.375rem) 5rem}.projectsPage .projectsPageHero{max-width:62rem}.projectsPage .projectsPageHero p{color:#6445df;font-size:.75rem;font-weight:600}.projectsPage .projectsPageHero h1{color:#15171e;letter-spacing:-.125rem;max-width:61rem;margin-top:1.25rem;font-size:clamp(3.25rem,5vw,4.25rem);font-weight:700;line-height:1.03}.projectsPage .projectsPageHero span{color:#7e8ca4;max-width:48rem;margin-top:1.5rem;font-size:1.125rem;line-height:1.75;display:block}.projectsPage .projectFilters{flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;display:flex}.projectsPage .projectFilters button{color:#15171e;cursor:pointer;font:inherit;white-space:nowrap;background:#ffffffb8;border:.0625rem solid #dfe5f0;border-radius:62.4375rem;padding:.5625rem 1rem;font-size:.875rem}.projectsPage .projectFilters button:hover,.projectsPage .projectFilters button.isActive{color:#fff;background:#6445df;border-color:#6445df}.projectsPage .projectFilters button:focus-visible{outline-offset:.1875rem;outline:.1875rem solid #6445df}.projectsPage .projectsCatalogGrid{overflow-anchor:none;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:1.5rem;margin-top:2.25rem;display:grid}.projectsPage .projectsEmpty{color:#7e8ca4;grid-column:1/-1;font-size:1rem}@media (max-width:47.5rem){.projectsPage{padding:6.5rem 1.5rem 4rem}.projectsPage .projectsPageHero h1{font-size:clamp(2.75rem,10vw,4rem)}.projectsPage .projectFilters{margin-top:2.25rem}.projectsPage .projectsCatalogGrid{grid-template-columns:1fr}}@media (min-width:47.5625rem) and (max-width:68.75rem){.projectsPage .projectsCatalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
