.projects-hero{padding:13rem 0 7rem;background:linear-gradient(90deg,#080b11,#080b11d9),url('../images/hero-facade.png') center/cover;color:var(--text)}.projects-hero h1{margin:0;font-size:clamp(3rem,7vw,7rem);line-height:.95;letter-spacing:-.07em}.projects-hero em{font-style:normal;color:var(--lime)}.projects-hero p:last-child{max-width:620px;margin-top:2rem;font-size:1.2rem}.projects-intro{background:#f1f0e9;color:#4e5966}.projects-intro h2{margin:0;color:var(--bg);font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.06em}.projects-intro>div>p:not(.eyebrow){max-width:620px}.project-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.filter-btn{border:1px solid #bfc1ba;background:transparent;color:var(--bg);padding:.7rem 1rem;cursor:pointer}.filter-btn[aria-selected=true],.filter-btn:hover{background:var(--bg);color:var(--lime)}.project-list{background:var(--bg)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{background:var(--surface);transition:.25s}.project-card:hover{background:var(--hover);transform:translateY(-4px)}.project-card[hidden]{display:none}.project-image{height:260px;display:flex;align-items:flex-end;padding:1rem;color:#ffffffb3;font:10px var(--mono);letter-spacing:.1em;background:linear-gradient(135deg,#253b57,#111a28 55%,#334c65)}.project-image.two{background:linear-gradient(135deg,#31404c,#101820 60%,#5a714e)}.project-image.three{background:linear-gradient(135deg,#492f3b,#141722 58%,#726652)}.project-image.four{background:linear-gradient(135deg,#39405a,#111827 58%,#66523c)}.project-image.five{background:linear-gradient(135deg,#433c61,#111524 58%,#576b65)}.project-image.six{background:linear-gradient(135deg,#4d4935,#111820 58%,#725646)}.project-image.seven{background:linear-gradient(135deg,#273f46,#111822 58%,#624c59)}.project-card>div:last-child{padding:1.5rem}.project-type{margin:0 0 .7rem;color:var(--lime);font:700 .7rem var(--mono);letter-spacing:.1em}.project-card h2{margin:0 0 1.2rem;color:var(--text);font-size:1.45rem;line-height:1.1}.project-card span:last-child{color:var(--lime);font-weight:800}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.projects-hero{padding:10rem 0 5rem}.project-grid{grid-template-columns:1fr}}