/* Individual project narratives; the archive keeps its existing design. */
body[data-page="project-detail"] .page-intro{padding-bottom:30px}
body[data-page="project-detail"] .page-intro h1{max-width:20ch;font-size:clamp(2.5rem,5.8vw,5.4rem);line-height:1.05;letter-spacing:-.055em;overflow-wrap:break-word;text-wrap:balance}
body[data-page="project-detail"] .project-cases{margin-bottom:22px}
.project-story{padding:40px 0 52px;border-top:1px solid var(--line)}
.project-story>.eyebrow{margin-bottom:15px;color:var(--blue)}
.project-story>h2,.project-related-heading>h2{max-width:28ch;font-size:clamp(1.65rem,2.7vw,2.55rem);font-weight:500;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}
.project-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.project-story-section{min-width:0;padding:28px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.project-story-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:28px;border:1px solid var(--line);border-radius:50%;font:11px/1.5 Consolas,'Courier New',monospace;color:var(--blue)}
.project-story-section h3{font-size:1.125rem;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.project-story-section p{margin-top:15px;font-size:.875rem;line-height:1.9;color:#55544f;overflow-wrap:break-word}
.project-related{padding:30px 0 64px;border-top:1px solid var(--line)}
.project-related-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.project-related-heading>.text-link{flex-shrink:0;font-size:.8125rem}
.project-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-related-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .2s}
.project-related-image{aspect-ratio:16/9;overflow:hidden;background:#e8e5df;border-bottom:1px solid var(--line)}
.project-related-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}
.project-related-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 24px 24px}
.project-related-copy .case-industry{margin-bottom:10px}
.project-related-copy h3{margin-bottom:20px;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500;line-height:1.25;letter-spacing:-.03em;overflow-wrap:break-word}
.project-related-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--blue)}
.project-related-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(hover:hover){.project-related-card:hover{border-color:var(--blue)}.project-related-card:hover img{transform:scale(1.02)}}
@media(max-width:1000px){.project-story-grid{gap:12px}.project-story-section{padding:24px 20px}.project-story-section p{font-size:.8125rem}}
@media(max-width:760px){
 body[data-page="project-detail"] .page-intro{padding-bottom:15px}
 body[data-page="project-detail"] .page-intro h1{font-size:clamp(2.15rem,9vw,3.4rem)}
 .project-story{padding:30px 0 36px}
 .project-story-grid{grid-template-columns:1fr;margin-top:22px;gap:12px}
 .project-story-section{padding:24px}
 .project-story-number{margin-bottom:20px}
 .project-story-section p{font-size:.9375rem;line-height:1.8}
 .project-related{padding:28px 0 44px}
 .project-related-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}
 .project-related-grid{gap:16px}
 .project-related-copy{padding:18px}
 .project-related-copy h3{font-size:1.2rem}
 .project-related-link{font-size:.75rem}
}
@media(max-width:540px){
 .project-story-section{padding:22px 20px}
 .project-related-grid{grid-template-columns:1fr}
 .project-related-copy{padding:22px 20px}
 .project-related-copy h3{font-size:1.4rem}
}
@media(prefers-reduced-motion:reduce){.project-related-card,.project-related-image img{transition:none}.project-related-card:hover img{transform:none}}