.projects-page{min-height:100vh;color:var(--text-on-night);background:radial-gradient(ellipse at 72% 0,#173b31 0,transparent 40%),var(--night)}
.projects-page [hidden]{display:none}
.projects-header,.projects-footer{display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);border-color:var(--line-light);font-size:12px}
.projects-header{border-bottom:1px solid var(--line-light)}
.projects-header a,.projects-footer a{transition:color .2s ease}
.projects-header a:hover,.projects-footer a:hover{color:var(--aurora)}
.projects-header span{color:var(--muted-light)}
.projects-hero,.projects-catalog{width:min(1280px,100%);margin:0 auto;padding-right:var(--pad);padding-left:var(--pad)}
.projects-hero{padding-top:clamp(82px,14vh,154px);padding-bottom:clamp(62px,10vh,116px)}
.projects-hero>p,.projects-card__copy>p{margin:0;color:var(--aurora);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.projects-hero h1{max-width:900px;margin:12px 0 22px;font-size:clamp(54px,9vw,130px);font-weight:400;line-height:.9;letter-spacing:-.07em}
.projects-hero div{max-width:590px;color:var(--muted-light);font-size:clamp(16px,1.5vw,21px);line-height:1.55}
.projects-catalog{padding-bottom:clamp(72px,10vh,130px)}
.projects-search{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:28px;align-items:center;padding:18px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.projects-search label{font-size:13px}.projects-search input{width:100%;min-height:48px;padding:0 15px;border:1px solid rgba(244,246,241,.28);border-radius:8px;outline:0;color:var(--text-on-night);background:rgba(244,246,241,.06);font:inherit}.projects-search input::placeholder{color:var(--muted-light)}.projects-search input:focus{border-color:var(--aurora);box-shadow:0 0 0 3px rgba(112,239,178,.12)}
.projects-status{min-height:1.5em;margin:22px 0;color:var(--muted-light);font-size:13px}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}
.projects-card{min-width:0;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}
.projects-card a{display:flex;height:100%;flex-direction:column;background:rgba(11,27,24,.35);transition:background .25s ease}.projects-card a:hover{background:rgba(112,239,178,.1)}.projects-card img{width:100%;height:clamp(174px,18vw,260px);object-fit:cover;filter:saturate(.84);transition:filter .25s ease,transform .45s var(--ease)}.projects-card a:hover img{filter:saturate(1);transform:scale(1.025)}
.projects-card__copy{display:flex;min-height:218px;flex:1;flex-direction:column;padding:20px}.projects-card h2{margin:13px 0 9px;font-size:clamp(25px,2.4vw,36px);font-weight:430;letter-spacing:-.055em}.projects-card__copy>span{color:var(--muted-light);font-size:14px;line-height:1.5}.projects-card b{margin-top:auto;padding-top:22px;color:var(--aurora);font-size:12px;font-weight:500}.projects-card i{font-style:normal}
.projects-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0;border-bottom:1px solid var(--line-light);color:var(--muted-light);font-size:12px}.projects-pagination button{min-height:42px;padding:0 15px;border:1px solid rgba(244,246,241,.3);border-radius:999px;color:var(--text-on-night);background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.projects-pagination button:hover:not(:disabled){color:var(--night);background:var(--aurora);border-color:var(--aurora)}.projects-pagination button:disabled{opacity:.35;cursor:not-allowed}
.projects-footer{border-top:1px solid var(--line-light);color:var(--muted-light)}
@media (max-width:850px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.projects-header,.projects-footer{padding-top:15px;padding-bottom:15px}.projects-header span{display:none}.projects-hero{padding-top:78px;padding-bottom:64px}.projects-search{grid-template-columns:1fr;gap:10px}.projects-grid{grid-template-columns:1fr}.projects-card__copy{min-height:190px}.projects-pagination{align-items:stretch;flex-wrap:wrap}.projects-pagination span{order:-1;width:100%;text-align:center}.projects-pagination button{flex:1}}
