/* Project pages reuse the site's palette, typography and components. */
.project-hero .hero-grid{grid-template-columns:1.15fr 1fr;align-items:center}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.85rem;margin-bottom:34px}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.project-hero h1{font-size:clamp(3rem,6vw,5.5rem);overflow-wrap:anywhere}
.project-hero .hero-detail{max-width:610px}
.project-subtitle{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.25;margin:0 0 24px;letter-spacing:-.025em}
.problem-heading{margin-bottom:20px}
.project-map{padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.project-map>p{margin-bottom:24px}
.project-map ol{list-style:none;display:grid;gap:12px;counter-reset:flow}
.project-map li{counter-increment:flow;display:flex;align-items:center;gap:18px;padding:18px;border-radius:10px;background:var(--surface-2);color:var(--heading);font-weight:600}
.project-map li::before{content:counter(flow,decimal-leading-zero);color:var(--primary);font-family:"Space Grotesk",sans-serif;font-size:.8rem}
.project-map small{display:block;margin-top:22px;color:var(--muted)}
.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.project-intro h2{font-size:clamp(2rem,3.3vw,3rem);margin:14px 0 22px;letter-spacing:-.035em}
.project-intro p+p{margin-top:16px}
.problem-list{list-style:none;display:grid;gap:16px;align-content:center}
.problem-list li{padding:20px 24px;border-left:3px solid var(--primary);background:var(--surface-2);border-radius:0 10px 10px 0}
.project-page .capability-card h3{margin-top:24px}
.project-page .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-page .technology-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-note{color:var(--muted);margin-top:24px;max-width:780px;font-size:.9rem}
.project-contact{max-width:800px}
.project-contact h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:16px 0 22px}
.project-contact p{max-width:640px}
.project-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}
.project-next h2{font-size:1.8rem;margin:10px 0}
.project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.project-card{padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.project-card h3{font-size:2rem;margin:14px 0}
.project-card p{color:var(--muted);margin-bottom:24px}
.project-card .btn{width:100%}
.project-page section[id]{scroll-margin-top:24px}
.project-page .reveal{opacity:1;transform:none}
@media(max-width:700px){.project-hero .hero-grid,.project-intro,.project-cards,.project-page .steps-grid,.project-page .technology-grid{grid-template-columns:minmax(0,1fr)}.project-intro{gap:28px}.project-map,.project-card{padding:24px}.project-next{display:grid;padding:24px}.project-next .btn{width:100%}.breadcrumb{margin-bottom:24px}.project-page .hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}}