.projects-intro,.project-detail{padding:65px 7% 70px}
.projects-intro{border-bottom:1px solid var(--border)}
.projects-intro h1,.project-detail h1{font-size:clamp(48px,6vw,86px);letter-spacing:-3px;margin:24px 0;overflow-wrap:anywhere}
.projects-intro>p:last-child,.project-summary{max-width:640px;font-size:18px;color:#59675d}
.projects-list{padding:45px 7% 85px;min-height:450px}
.projects-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.project-filters{display:flex;gap:10px;flex-wrap:wrap}
.project-filters button{cursor:pointer;border:1px solid #aeb7aa;background:transparent;color:var(--ink);border-radius:24px;padding:9px 20px;font-size:14px}
.project-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
#project-count{font-size:13px;color:#59675d;margin:0}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.project-card{border:1px solid var(--border);display:block;background:#fff;transition:transform .2s}
.project-card:hover{transform:translateY(-4px)}
.project-art{height:220px;background:#172f29;color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.project-monogram{font-family:Georgia,serif;font-size:95px;line-height:1}
.project-art-caption{font-size:9px;letter-spacing:2px}
.project-art.has-logo{background:#eee;height:auto;aspect-ratio:1}
.project-logo{width:100%;height:100%;object-fit:contain;display:block}
.project-detail-logo{display:block;width:220px;max-width:100%;height:auto;margin-bottom:30px}
.project-card-copy{padding:27px}
.project-card h2{font-size:32px;letter-spacing:-1px;margin:20px 0 12px}
.project-card p{font-size:15px;color:#59675d}
.project-status{display:inline-block;font-size:11px;font-weight:600;border-radius:20px;padding:5px 11px;background:#eaf0e4;color:#34513b}
.project-status.ongoing{background:#fff0c2;color:#684d0a}
.project-card-link{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;margin-top:28px;font-size:13px;font-weight:600}
.projects-empty{padding:35px;border:1px dashed #aeb7aa;color:#59675d}
.project-placeholder{border:1px dashed #aeb7aa;padding:30px;min-height:350px;background:#eff2e9;display:flex;flex-direction:column;justify-content:center;color:#59675d}
.project-placeholder h2{font-size:28px;letter-spacing:-1px;margin:20px 0 12px}
.project-placeholder p{font-size:14px;margin:0}
.placeholder-mark{font-size:60px;font-weight:400;line-height:1;color:#839778}
.project-back{display:inline-flex;margin:30px 7% 0;font-size:14px}
.project-detail{min-height:65vh;padding-top:35px}
.project-overview{border-top:1px solid var(--border);display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin-top:50px;padding-top:40px}
.project-overview h2{font-size:27px;letter-spacing:-.8px}
.project-about p{max-width:580px;color:#59675d}
.project-website{padding:30px;background:#eaf0e4;min-width:0}
.project-website p{color:#59675d;font-size:15px}
.project-website .button{line-height:1.5}
.website-pending{display:block;border:1px dashed #aeb7aa;padding:16px;font-size:13px;color:#59675d}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.projects-intro,.project-detail{padding:40px 5%}.projects-list{padding:30px 5% 55px}.project-back{margin-left:5%}.project-overview{grid-template-columns:1fr;gap:25px}.projects-intro h1,.project-detail h1{letter-spacing:-2px}.project-overview{margin-top:30px;padding-top:30px}}
@media(max-width:500px){.project-grid{grid-template-columns:1fr}.project-filters button{padding:8px 14px}.project-website{padding:22px}}