.section-heading {
  margin-bottom: 4rem;
  position: relative;
}

.section-heading--center { text-align: center; }
.section-heading--left { text-align: left; }
.section-heading--right { text-align: right; }

.section-heading__inner { position: relative; }

.section-heading__kicker {
  color: var(--color-primary);
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.section-heading__title {
  font-family: var(--font-serif);
  font-size: clamp(1.875rem, 4vw, 3rem);
  font-weight: 400;
  color: var(--color-ivory);
  line-height: 1.15;
  margin: 0 0 1.5rem;
}

.section-heading--center .section-heading__title { margin-left: auto; margin-right: auto; }

.section-heading__shadow {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-serif);
  font-size: clamp(4rem, 12vw, 10rem);
  font-weight: 900;
  color: color-mix(in srgb, var(--color-ivory) 4%, transparent);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  text-transform: uppercase;
}

.section-heading--left .section-heading__shadow { left: 0; transform: translateY(-50%); }
.section-heading__brand,
.section-heading__title .text-primary { color: var(--color-primary); }

.section__header { margin-bottom: 4rem; }

.section-heading__intro {
  max-width: 42rem;
  margin: 0 auto;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}
.section-heading--left .section-heading__intro { margin-left: 0; margin-right: 0; }