/*
 * Page Hero — inner service pages.
 * Left-aligned with orange border + teal accent line, matching hero treatment.
 */

.page-hero {
  background-color: var(--color-bg);
  padding: 7rem 0 5rem;
  border-bottom: 1px solid var(--color-border);
}

.page-hero__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.75rem;
  max-width: 820px;
}

.page-hero__eyebrow {
  /* inherits .eyebrow */
}

/* Heading — orange left border, same as homepage hero */
.page-hero__heading {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp( 2.5rem, 5vw, 4.5rem );
  line-height: 1.0;
  text-transform: uppercase;
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  border-left: 3px solid var(--color-orange);
  padding-left: 1.25rem;
}

.page-hero__line {
  display: block;
}

.page-hero__line--accent {
  color: var(--color-teal);
}

.page-hero__subline {
  font-family: var(--font-body);
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--color-text-muted);
  max-width: 560px;
}

@media (max-width: 600px) {
  .page-hero {
    padding: 4rem 0 3rem;
  }
}