/* Reviewed-scope layout corrections. Shared artwork and theme stay intact. */
main .service-overview.design-text-overview {
  display: block;
  max-width: 860px;
  margin-inline: auto;
}
main .design-text-overview .service-overview__body {
  position: static;
  max-width: none;
}
main .design-text-overview .service-overview__body h2 {
  max-width: 26ch;
  font-size: clamp(2rem, 3.1vw, 3.25rem);
  line-height: 1.12;
}
main .design-text-overview .service-overview__body p { max-width: none; }

/* A real companion column is retained on these two overview variants. */
main .service-overview__body h2.design-readable-heading {
  max-width: none;
  font-size: clamp(2rem, 2.6vw, 2.8rem);
  line-height: 1.12;
}

/* The existing action row follows the service heading, ahead of longer copy. */
main .design-intake-hero .hero-service__copy > .btn-row {
  margin-block: 20px 24px;
}
.design-readable-details .hero-service .ux-r3-reviewed,
.design-readable-details .hero-service .ux-r3-reviewed a {
  color: #adc4cc;
  font-size: .875rem;
  line-height: 1.5;
}

@media (min-width: 1025px) and (max-height: 800px) {
  main .design-intake-hero .hero-service__split { min-height: 600px; }
  main .design-intake-hero .hero-service__copy {
    justify-content: flex-start;
    padding-top: 32px;
    padding-bottom: 56px;
  }
  main .design-intake-hero .hero-service__title {
    font-size: 3rem;
    line-height: 1.02;
    margin-bottom: 20px;
  }
  main .design-intake-hero .hero-service__copy > .btn-row {
    margin-block: 0 20px;
  }
}

@media (max-width: 800px) {
  /* Chapter numbers are decorative; the headings retain their actual text. */
  .design-readable-details main > .section[data-chapter]::before {
    content: none;
  }
}
@media (max-width: 640px) {
  main .design-intake-hero .hero-service__copy { padding-top: 36px; }
  main .design-intake-hero .hero-service__title {
    font-size: clamp(2rem, 10.85vw, 2.65rem);
    line-height: 1.02;
  }
  main .design-intake-hero .hero-service__copy > .btn-row {
    margin-block: 16px 22px;
  }
}

@media (min-width: 1025px) {
  main .design-long-service-title .hero-service__title {
    max-width: none;
    font-size: clamp(2.75rem, 3.4vw, 3.25rem);
  }
}