/* Hallmark · macrostructure: Split Studio · genre: editorial · theme: existing BP yellow
 * audience: property owners · use: call or text · tone: straightforward contractor
 * nav: existing N6 · footer: existing service footer · enrichment: supplied photography
 * pre-emit critique: P4 H4 E4 S5 R5 V4
 */
@import url('./tokens.css?v=3');
.project-intro{display:grid;gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl);align-items:center}
.project-summary{display:grid;justify-items:start;gap:var(--space-lg);min-width:0}
.project-summary h1{font-size:var(--text-display);max-width:19ch}
.project-summary p{max-width:48ch}
.project-intro figure img{aspect-ratio:4/3;object-fit:cover;object-position:center 65%}
.project-intro figcaption,.project-photos figcaption{padding-block-start:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm)}
.project-story{display:grid;gap:var(--space-lg);padding-block-end:var(--space-xl)}
.project-story p,.project-next p,.project-feature p{max-width:65ch}
.project-photos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:start}
.project-intro figure,.project-photos figure{margin:0;min-width:0}
.project-photos img{width:100%;height:auto;max-height:720px;object-fit:contain;background:var(--color-paper-2)}
.project-film{padding-block-start:var(--space-2xl);display:grid;gap:var(--space-lg)}
.project-film video{width:100%;aspect-ratio:16/9;background:var(--color-ink)}
.project-next{padding-block:var(--section-space);display:grid;gap:var(--space-lg)}
.project-actions,.project-related{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg)}
.project-related{border-top:var(--rule-hair) solid var(--color-rule);padding-block-start:var(--space-lg)}
.project-feature{display:grid;gap:var(--space-lg);padding-block:var(--space-xl)}
.project-feature .text-link{justify-self:start}
@media(min-width:50rem){.project-intro{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--layout-gap)}.project-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.project-story{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--layout-gap)}}
@media(prefers-reduced-motion:reduce){.project-actions .button{transition:none}}