.development-page main { max-width:1600px; margin:auto; }
.development-page section { scroll-margin-top:90px; }
.development-page figure { margin:0; min-width:0; }
.development-page p { line-height:1.65; }
.development-page .eyebrow { font-size:.8rem; }
.development-page h2 { font-size:clamp(2.5rem,4.5vw,4.8rem); line-height:1.05; letter-spacing:-.045em; margin-bottom:1.8rem; }
.development-page .site-nav [aria-current] { border-bottom:1px solid currentColor; }
.dev-hero { padding:6rem 5vw; display:grid; grid-template-columns:1.15fr 1fr; gap:6vw; align-items:center; }
.dev-hero h1 { font-size:clamp(3rem,5.3vw,6rem); line-height:1.02; letter-spacing:-.05em; margin-bottom:2rem; }
.dev-lead { max-width:32rem; font-size:1.125rem; color:var(--muted); margin-bottom:2rem; }
.dev-hero img { aspect-ratio:4/5; object-fit:cover; }
.dev-hero figcaption { font-size:.875rem; color:var(--muted); padding-top:1rem; }
.dev-row { margin:0 5vw; padding:5rem 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 2fr; gap:6vw; }
.dev-row > div:last-child { max-width:48rem; }
.dev-row p:not(.eyebrow), .dev-pair p:not(.eyebrow), .dev-handover p:not(.eyebrow) { color:var(--muted); font-size:1rem; }
.dev-label > span, .dev-number { display:block; font-size:.875rem; color:var(--accent); margin-bottom:1rem; }
.dev-tags { list-style:none; padding:0; margin:2rem 0 0; display:flex; flex-wrap:wrap; gap:.75rem 1.6rem; }
.dev-tags li { font-size:.875rem; padding:.65rem 0; border-bottom:1px solid var(--line); }
.dev-pair { display:grid; grid-template-columns:1fr 1fr; gap:6vw; align-items:center; padding:5rem 5vw; background:var(--bone); }
.dev-pair img { aspect-ratio:1/1; object-fit:cover; }
.dev-points { padding-left:1.1rem; line-height:2; font-size:1rem; }
.dev-swatches { padding:6rem 5vw; }
.dev-intro { max-width:44rem; color:var(--muted); }
.dev-triptych { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-top:3rem; }
.dev-triptych img { aspect-ratio:4/5; object-fit:cover; }
.dev-triptych figcaption { padding:1rem 0; font-size:1rem; }
.dev-triptych figcaption span { color:var(--muted); font-size:.8rem; margin-right:1rem; }
.dev-note { font-size:.875rem; color:var(--muted); }
.dev-prototype { background:transparent; border-top:1px solid var(--line); }
.dev-handover { display:grid; grid-template-columns:1.3fr 1fr; gap:6vw; padding:5rem 5vw; background:var(--bone); align-items:center; }
.dev-contact { text-align:center; padding:6rem 1.25rem; display:flex; flex-direction:column; align-items:center; }
.dev-contact p { color:var(--muted); }
.dev-contact .button { margin:1rem 0 1.5rem; }
@media(max-width:900px) {
 .dev-hero,.dev-row,.dev-pair,.dev-handover { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .dev-hero,.dev-pair,.dev-swatches,.dev-handover { padding:4rem 1.25rem; }
 .dev-row { margin:0 1.25rem; padding:4rem 0; }
 .dev-hero img { aspect-ratio:4/3; }
 .dev-triptych { gap:1rem; }
}
@media(max-width:560px) {
 .dev-triptych { grid-template-columns:1fr; gap:1.5rem; }
 .dev-triptych img { aspect-ratio:4/3; }
 .dev-hero h1 { font-size:clamp(2.65rem,11vw,3.4rem); }
 .dev-contact .button { width:auto; }
}