/* Shared semantic project regions. Existing typography and custom works stay. */
.project-header { overflow: visible; }
.project-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font: 14px/1.5 'Courier New', monospace; }
.project-intro, .project-text { max-width: 800px; margin: 0 auto 36px; line-height: 1.7; }
.project-intro:empty, .project-text:empty, .project-process:empty { display: none; }
.project-documentation { margin-bottom: 40px; }
.project-documentation figure { margin: 0; }
.project-page .detail-art { width: auto; height: auto; max-width: 100%; object-fit: contain; }
.project-process img { max-width: 100%; height: auto; object-fit: contain; }
.project-page .art-layer { height: auto; }
.project-page figcaption { margin-top: 12px; font: 13px/1.5 'Courier New', monospace; }
.project-page .project-process { margin-top: 36px; }
.project-page .project-intro .proj-text { margin-bottom: 0; }
@media (max-width: 700px) { .project-meta { font-size: 13px; } }