/*
 * SMD layout patches — ADDITIVE ONLY
 * Date Created: 2026-07-09 18:53
 * Last Updated: 2026-07-09 19:09
 *
 * Rules:
 * - Do NOT edit so-many-details.webflow.css for layout experiments.
 * - Only add overrides here. Prefer min-width:0 / padding / clamp.
 * - Never set overflow:hidden on hero text containers.
 */

/* --- Services index: center hero CTA under centered copy --- */
.section.hero.v7 .smd-cta-center {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* --- Service detail hero v8: stop right-edge clipping --- */
/* Grid items default min-width:auto; that forces overflow past the column. */
.section.hero.v8 .grid-2-columns.hero-v8-grid,
.section.hero.v8 .grid-2-columns.hero-v8-grid > * {
  min-width: 0;
}

.section.hero.v8 .inner-container._503px {
  width: 100%;
  max-width: 503px;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 24px;
  position: relative;
  z-index: 2;
}

/* Soften display-1 only inside this hero so long titles wrap instead of clip */
.section.hero.v8 .inner-container._503px > h1.display-1 {
  font-size: clamp(48px, 5.2vw, 72px);
  line-height: 1.12;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  margin-bottom: 20px;
}

.section.hero.v8 .inner-container._503px p {
  max-width: 100%;
}

.section.hero.v8 .inner-container._503px .buttons-row {
  margin-top: 12px;
}

@media screen and (max-width: 991px) {
  .section.hero.v8 .inner-container._503px {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 100%;
  }

  .section.hero.v8 .inner-container._503px > h1.display-1 {
    font-size: clamp(40px, 7vw, 56px);
  }
}

/* --- About: keep values blurbs even (2–3 lines) across breakpoints --- */
#our-values .card.content-center > p.color-neutral-300 {
  max-width: 28ch;
  margin-left: auto;
  margin-right: auto;
  min-height: 4.8em;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  #our-values .card.content-center > p.color-neutral-300 {
    max-width: 34ch;
    min-height: 0;
  }
}