/* ═══════════ PROJECTS PAGE ═══════════ */
.projects-hero{text-align:center;padding:3rem 1rem 1.5rem;max-width:720px;margin:0 auto}
.projects-hero h1{font-size:clamp(1.5rem,3vw,2rem);color:#1a1a2e;font-weight:800;margin-bottom:.5rem}
.projects-hero p{color:#64748b;font-size:.9375rem}
.projects-grid{max-width:1280px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr;gap:1rem}
.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e2e8f0}
.project-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.project-card .card-body{padding:.875rem}
.project-card h3{font-size:.9375rem;color:#1a1a2e;margin-bottom:.25rem;font-weight:700}
.project-card .loc{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}
.project-card .desc{font-size:.8125rem;color:#64748b;line-height:1.4;margin-bottom:.5rem}
.project-card .detail{font-size:.8125rem;color:#475569;line-height:1.5;padding-top:.5rem;border-top:1px solid #e2e8f0;display:none}
.project-card .detail.open{display:block}
.project-card .toggle{width:100%;text-align:center;background:none;border:none;border-top:1px solid #e2e8f0;color:#ea580c;font-size:.8125rem;cursor:pointer;padding:.75rem;min-height:44px;font-weight:600}
.project-card .toggle:hover{color:#c2410c}
.projects-cta{text-align:center;padding:3rem 1rem;background:#f8fafc}
@media (min-width:768px) {
  .projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 2rem}
}
@media (min-width:1024px) {
  .projects-grid{grid-template-columns:repeat(3,1fr)}
}