.project-hero { background: linear-gradient(122deg, #4e101e, #8e1b2e); color: #fff8ef; }
.project-hero .eyebrow, .project-hero .breadcrumb, .project-hero .breadcrumb a { color: #f7dca5; }
.project-hero h1, .project-hero p { color: #fff8ef; }
.project-actions { display: flex; align-items: center; gap: .8rem 1.5rem; flex-wrap: wrap; margin-top: 1.35rem; }
.project-actions > a:not(.btn) { color: #fff8ef; text-decoration: underline; text-underline-offset: .25em; }
.project-work h2 { margin-top: .45rem; }
.project-work p, .project-scope { max-width: 78ch; }
.project-note { border-left: .25rem solid #8e1b2e; background: #f8edec; padding: .8rem 1rem; }
.project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.3rem; }
.project-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-card { background: #fff; border: 1px solid #eadfd8; border-radius: .75rem; padding: clamp(1rem, 2vw, 1.5rem); }
.project-card h3 { margin: .45rem 0; line-height: 1.2; }
.project-card p { margin: .6rem 0 0; }
.project-receipt { color: #762035; font-weight: 700; font-size: .91rem; }
.project-links { display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; margin-top: .8rem; }
.project-scope { margin: 1.25rem 0 .75rem; }
@media (max-width: 900px) { .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .project-grid { grid-template-columns: minmax(0, 1fr); } }

.project-reader { max-width: 56rem; padding-top: 1.5rem; padding-bottom: 2.5rem; }
.project-reader nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.25rem; }
.project-reader nav > a { color: #762035; font-weight: 700; }
.project-reader h1 { font-size: clamp(1.8rem, 4.5vw, 3rem); overflow-wrap: anywhere; }
.project-reader figure { margin: 1.2rem 0; border: 1px solid #eadfd8; background: #fff; }
.project-reader figcaption { padding: .45rem .8rem; background: #f8edec; font-size: .9rem; }
.project-reader img { display: block; width: 100%; height: auto; }
@media print { .project-reader-pages { display: none; } }