.project-header { display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px; }
.project-header .brand { font-size:16px; }
.project-header nav { display:flex;align-items:center;gap:24px;font-size:14px; }
.project-page { max-width:940px;padding-bottom:60px; }
.breadcrumbs { display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:13px;line-height:1.6; }
.breadcrumbs a:hover { color:var(--purple);text-decoration:underline; }
.project-intro { padding-block:44px;border-bottom:1px solid var(--line); }
.project-intro h1 { font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.045em;margin-block:12px 22px; }
.project-intro p:last-child { max-width:780px;font-size:20px;line-height:1.65; }
.project-status { color:var(--purple); }
.project-section { display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding-block:30px;border-bottom:1px solid var(--line); }
.project-section h2 { font-size:22px;letter-spacing:-.025em; }
.project-visual { margin:32px 0; }
.project-visual img { width:100%;height:auto;border-radius:12px;border:1px solid var(--line); }
.project-visual figcaption { font-size:13px;color:var(--muted);margin-top:8px; }
.project-links { display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:0;margin-top:28px;font-size:15px; }
.project-links a { text-decoration:underline;text-underline-offset:5px; }
.project-footer { padding-block:28px;border-top:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:20px; }
@media(max-width:700px){
 .project-header { gap:12px;flex-wrap:wrap; }
 .project-header nav { gap:18px; }
 .project-intro { padding-block:30px; }
 .project-intro p:last-child { font-size:18px; }
 .project-section { grid-template-columns:1fr;gap:12px;padding-block:24px; }
 .project-footer { flex-wrap:wrap; }
}