/* Only the new page. Shared production styles supply palette, typography and spacing. */
.photography-page .photography-hero-preview { margin:0; min-width:0; transform:rotate(-3deg); }
.photography-page .photography-hero-preview img { display:block; width:100%; border-radius:var(--home-radius); box-shadow:0 24px 70px #0004; }
.photography-page .photography-hero-preview figcaption { margin:20px 0 0; font-size:12px; color:var(--home-muted); }
.photography-page .photography-detail img { display:block; border-radius:var(--home-radius); }
.photography-page .photography-project-copy { max-width:65ch; margin-top:20px; color:var(--home-muted); font-size:15px; line-height:1.8; }
.photography-page .photography-process { margin:0; padding-left:24px; }
.photography-page .photography-process li { padding-left:12px; margin-bottom:32px; color:var(--home-accent); }
.photography-page .photography-process h3 { font-size:21px; color:var(--home-text); }
.photography-page .photography-process p { font-size:16px; }
.photography-page .project-heading { gap:20px; }
.photography-page .project-heading h3 { max-width:25ch; }
@media(max-width:600px) {
 .photography-page .photography-hero-preview { margin:36px 8px 0; transform:rotate(-2deg); }
 .photography-page .project-heading { align-items:flex-start; flex-direction:column; }
 .photography-page .photography-process h3 { font-size:19px; }
 .photography-page .photography-process p { font-size:15px; }
}