.projects-page{color:#f4f8ff;background:#040a13;min-height:100vh}.projects-page__header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040a13e8;border-bottom:1px solid #ffffff12;position:sticky;top:0}.projects-page__topbar,.projects-page__topbar nav,.projects-page__brand{align-items:center;display:flex}.projects-page__topbar{justify-content:space-between;gap:1rem;min-height:72px}.projects-page__brand{gap:.7rem;font-size:.95rem}.projects-page__brand>img{object-fit:contain;width:72px;height:40px;display:block}.projects-page__topbar nav{color:#b9c9dd;gap:clamp(.7rem,3vw,2rem);font-size:.875rem}.projects-page__topbar nav a:hover,.projects-page__footer a:hover{color:#fff}.projects-page__contact{color:#e8f3ff;border:1px solid #268de77a;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem .9rem;display:inline-flex}.projects-page__contact svg{width:15px}.projects-page__intro{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,7vw,6rem);position:relative}.projects-page__intro:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 70% 40%,#22467a38,#0000 60%);position:absolute;inset:0}.projects-page__back{color:#8caed2;align-items:center;gap:.55rem;margin-bottom:2.9rem;font-size:.875rem;display:inline-flex}.projects-page__back svg{width:16px}.projects-page__intro h1{letter-spacing:-.06em;text-wrap:balance;max-width:1000px;margin-top:1rem;font-size:clamp(2.7rem,6vw,5.6rem);font-weight:720;line-height:1.08}.projects-page__intro h1 span{color:#7abaff}.projects-page__lede{color:#a8bad2;max-width:660px;margin-top:1.8rem;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.75}.projects-page__catalogue{padding-bottom:7rem}.projects-page__filter-heading,.projects-page__group-title{justify-content:space-between;align-items:end;gap:1rem;display:flex}.projects-page__filter-heading{border-top:1px solid #ffffff18;padding-top:2rem}.projects-page__filter-heading h2{letter-spacing:-.04em;margin-top:.65rem;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:680}.projects-page__filter-heading>span,.projects-page__group-title span{color:#879cb5;font-size:.875rem}.projects-page__filters{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;display:flex}.projects-page__filters button{color:#aabbd0;background:#ffffff08;border:1px solid #ffffff24;border-radius:99px;min-height:42px;padding:.55rem 1rem;font-size:.875rem;transition:background .2s,color .2s,border-color .2s}.projects-page__filters button:hover,.projects-page__filters button:focus-visible{color:#fff;border-color:#83bfff}.projects-page__filters button.is-selected{color:#fff;background:#087fea33;border-color:#559ee9}.projects-page__group{margin-top:clamp(3rem,6vw,5rem)}.projects-page__group-title{border-bottom:1px solid #ffffff18;padding-bottom:1rem}.projects-page__group-title h3{font-size:1.35rem;font-weight:650}.projects-page__group .project-grid{margin-top:2rem}.projects-page__closing{background:radial-gradient(at 30% 60%,#073e7166,#0000 65%);border-top:1px solid #ffffff12;padding-block:5rem}.projects-page__closing h2{letter-spacing:-.045em;max-width:650px;margin-block:1rem 1.8rem;font-size:clamp(2rem,4vw,3.3rem);font-weight:680;line-height:1.13}.projects-page__closing .button-primary{align-items:center;gap:.65rem;display:inline-flex}.projects-page__closing svg{width:17px}.projects-page__footer{color:#8da2bb;border-top:1px solid #ffffff12;padding-block:2rem;font-size:.8rem}.projects-page__footer>div{flex-wrap:wrap;gap:1.5rem;display:flex}.projects-page__footer>div>span{margin-right:auto}@media (width<=620px){.projects-page__topbar nav>a:not(.projects-page__contact){display:none}.projects-page__intro{padding-top:3rem}.projects-page__back{margin-bottom:2rem}.projects-page__group-title{display:block}.projects-page__group-title span{margin-top:.35rem;display:block}}
