/* Local service pages retain the shared studio composition and typography. */
.local-breadcrumb { font-size: 12px; color: var(--slate); margin-bottom: 28px; }
.local-breadcrumb a { text-underline-offset: 4px; }
.local-opening-price { margin-top: 24px; font-size: 14px; color: var(--slate); }
.local-opening-price a, .local-related a { text-underline-offset: 4px; }
.local-area-extra { margin-top: 22px; color: var(--slate); font-size: 16px; }
.local-service .service-connected .studio-link { margin-top: 24px; }
.local-investment-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 60px; }
.local-investment h2, .local-design-links h2 { font-size: clamp(36px, 4.9vw, 68px); line-height: 1.06; letter-spacing: -.055em; font-weight: 500; }
.local-build-price { font-size: clamp(36px, 4vw, 54px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
.local-build-price span { display: block; font-size: 14px; font-weight: 400; letter-spacing: 0; margin-top: 12px; color: var(--slate); }
.local-investment-layout > div > p + p { margin-top: 24px; color: var(--slate); }
.local-investment .studio-link { margin-top: 28px; }
.local-related .wrap { border-top: 1px solid var(--studio-rule); padding-block: 28px; }
.local-related p { font-size: 14px; color: var(--slate); }
.local-related p + p { margin-top: 16px; }
.local-design-links { background: var(--wash); }
.local-design-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 40px; }
.local-design-grid h3 { font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.025em; }
.local-design-grid h3 a { display: inline-block; padding-block: 8px; text-underline-offset: 5px; }
.local-design-grid p { margin-top: 16px; color: var(--slate); max-width: 48ch; }
@media (max-width: 760px) {
  .local-investment-layout, .local-design-grid { grid-template-columns: 1fr; gap: 30px; }
  .local-breadcrumb { font-size: 11px; line-height: 1.7; }
  .local-related p { line-height: 1.8; }
  .local-opening-price { line-height: 1.8; }
  .local-service .service-opening h1 { font-size: clamp(42px, 8.6vw, 66px); }
}
@media (max-width: 360px) {
  .local-service .service-opening h1 { font-size: 39px; }
}
