.projects-page{background:var(--background);min-height:100vh;color:var(--foreground)}.projects-page__header{border-bottom:1px solid var(--line);background:var(--background)}.projects-page__header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.projects-page__brand{color:var(--foreground);font:700 1.35rem/.95 var(--font-space-grotesk),sans-serif;letter-spacing:-.065em;flex-direction:column;display:inline-flex;position:relative}.projects-page__brand span{color:var(--accent);position:absolute;left:34px}.projects-page__brand small{color:var(--muted);font:600 .56rem/1.8 var(--font-inter),sans-serif;letter-spacing:.24em}.projects-page__header nav{align-items:center;gap:clamp(14px,3vw,38px);display:flex}.projects-page__header nav a{color:var(--muted);font-size:.88rem;transition:color .2s}.projects-page__header nav a:hover,.projects-page__header nav a.projects-page__active{color:var(--accent)}.projects-page__hero{border-bottom:1px solid var(--line);padding:clamp(95px,12vw,174px) 0 clamp(80px,9vw,130px)}.projects-page__eyebrow{color:var(--accent);letter-spacing:.13em;font-size:.75rem;font-weight:700}.projects-page__eyebrow span{margin-right:10px}.projects-page__hero h1{max-width:980px;font:600 clamp(3rem,8vw,7rem)/1.02 var(--font-space-grotesk),sans-serif;letter-spacing:-.07em;margin:27px 0 24px}.projects-page em{color:var(--accent);font-style:normal}.projects-page__lead{color:var(--muted);max-width:650px;font-size:clamp(1.05rem,1.7vw,1.26rem);line-height:1.7}.projects-page__collection{padding:clamp(55px,7vw,100px) 0 clamp(90px,10vw,150px)}.projects-page__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:46px;display:flex}.projects-page__filters{flex-wrap:wrap;gap:9px;display:flex}.projects-page__filter{color:var(--muted);border:1px solid var(--line);font:600 .82rem var(--font-inter),sans-serif;background:0 0;border-radius:100px;padding:11px 17px;transition:color .2s,background .2s,border-color .2s}.projects-page__filter:hover{color:var(--foreground);border-color:var(--muted)}.projects-page__filter--active,.projects-page__filter--active:hover{background:var(--accent);border-color:var(--accent);color:var(--background)}.projects-page__count{color:var(--muted);white-space:nowrap;font-size:.79rem}.projects-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(45px,5vw,80px) 28px;display:grid}.projects-page__card{min-width:0}.projects-page__card a{color:inherit;display:block}.projects-page__media{aspect-ratio:1.35;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.projects-page__media img{object-fit:cover;object-position:center top;transition:transform .35s}.projects-page__card a:hover .projects-page__media img{transform:scale(1.035)}.projects-page__arrow{background:var(--accent);width:46px;height:46px;color:var(--background);border-radius:50%;place-items:center;font-size:1.5rem;display:grid;position:absolute;bottom:18px;right:18px}.projects-page__card-meta{color:var(--muted);justify-content:space-between;gap:16px;margin-top:22px;font-size:.75rem;display:flex}.projects-page__card h2{font:600 clamp(1.5rem,2.7vw,2.25rem)/1.15 var(--font-space-grotesk),sans-serif;letter-spacing:-.05em;margin:10px 0}.projects-page__card p{color:var(--muted);max-width:490px;font-size:.95rem;line-height:1.7}.projects-page__case-link{color:var(--accent);margin-top:20px;font-size:.9rem;font-weight:650;display:inline-block}.projects-page__empty{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:85px 25px}.projects-page__empty h2{font:600 2rem var(--font-space-grotesk),sans-serif}.projects-page__empty p{max-width:470px;color:var(--muted);margin:14px auto;line-height:1.7}.projects-page__reset{color:var(--accent);background:0 0;border:0;margin-top:20px;font-weight:700}@media (max-width:760px){.projects-page__header-inner{min-height:75px}.projects-page__header nav{gap:12px}.projects-page__header nav a{font-size:.78rem}.projects-page__grid{grid-template-columns:1fr}.projects-page__toolbar{align-items:flex-start}.projects-page__hero{padding-top:88px}}@media (max-width:390px){.projects-page__header nav{gap:8px}.projects-page__brand{font-size:1.1rem}.projects-page__brand span{left:28px}}
