/* Services uses the site's shared heading scale, gutters and photographic frames. */
.services-draft { --planning-ink:#1d2225; --planning-muted:#595753; color:var(--planning-ink); }
.services-draft .planning-hero { padding-bottom:80px; background:#fff; }
.services-draft .planning-opening { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(40px,7vw,100px); align-items:end; padding-block:76px 42px; }
.services-draft :is(.planning-heading,.planning-copy) { min-width:0; }
.services-draft .planning-eyebrow { margin:0 0 20px; font-size:16px; line-height:1.5; color:var(--planning-muted); }
.services-draft .planning-heading h1 { margin:0; max-width:16ch; }
.services-draft .planning-heading h1 span { display:block; }
.services-draft :is(.planning-heading,.planning-copy) h2 { margin:0; max-width:18ch; }
.services-draft .planning-copy>p:not(.planning-eyebrow) { max-width:38ch; margin:24px 0 0; color:var(--planning-muted); font-size:20px; line-height:1.6; }
.services-draft .planning-opening .planning-copy>p { margin-top:0; }
.services-draft .planning-copy .text-link { min-height:48px; margin:20px 0 0; font-size:18px; line-height:1.5; color:var(--planning-ink); gap:14px; }
.services-draft .planning-picture { min-width:0; margin:0; overflow:hidden; border-radius:24px; }
.services-draft .planning-picture img { display:block; width:100%; height:100%; object-fit:cover; }
.services-draft .planning-wide-picture { margin-inline:auto; aspect-ratio:2; }
.services-draft .planning-hero .planning-picture img { object-position:center 57%; }
.services-draft .planning-design { padding-bottom:80px; background:var(--surface-stone); }
.services-draft .planning-design .planning-picture img { object-position:20% center; }
.services-draft .planning-pair { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,7vw,100px); align-items:center; padding-block:80px; }
.services-draft .planning-pair .planning-picture { aspect-ratio:4/3; }
.services-draft .planning-install { background:#fff; }
.services-draft .planning-install .planning-picture img { object-position:42% center; }
.services-draft .planning-aftercare { --planning-ink:#f5f5f7; --planning-muted:#c8c6c2; background:#1d1d1f; color:var(--planning-ink); }
.services-draft .planning-aftercare .planning-picture { grid-column:1; grid-row:1; }
.services-draft .planning-aftercare .planning-copy { grid-column:2; grid-row:1; }
.services-draft .planning-project-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px 32px; padding-block:48px; }
.services-draft .planning-project-links p { margin:0; font-size:18px; line-height:1.5; color:var(--planning-muted); }
.services-draft .planning-project-links .text-link { min-height:48px; margin:0; gap:16px; font-size:20px; line-height:1.4; }
.services-draft :is(section[id],a[id],nav[id]) { scroll-margin-top:32px; }
.services-draft main a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
@media (max-width:760px) {
 .services-draft .planning-hero,.services-draft .planning-design { padding-bottom:44px; }
 .services-draft .planning-opening { grid-template-columns:1fr; gap:24px; padding-block:40px 30px; }
 .services-draft .planning-eyebrow { margin-bottom:16px; }
 .services-draft .planning-copy>p:not(.planning-eyebrow) { font-size:18px; line-height:1.65; margin-top:20px; }
 .services-draft .planning-opening .planning-copy>p { margin-top:0; }
 .services-draft .planning-copy .text-link { font-size:18px; margin-top:16px; }
 .services-draft .planning-picture { border-radius:18px; }
 .services-draft .planning-wide-picture { aspect-ratio:4/3; }
 .services-draft .planning-pair { display:flex; flex-direction:column; gap:30px; padding-block:44px; align-items:stretch; }
 .services-draft .planning-pair .planning-picture { order:-1; }
 .services-draft .planning-project-links { display:block; padding-block:38px; }
 .services-draft .planning-project-links p { margin-bottom:14px; }
 .services-draft .planning-project-links .text-link { display:flex; justify-content:space-between; padding-block:16px; border-top:1px solid #d8d5cf; font-size:20px; }
}