.shead {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-family: var(--font-family-base);
  font-optical-sizing: none;
}

.shead__text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--shead-gap, var(--spacing-16));
  width: 100%;
  max-width: var(--shead-max, 640px);
  text-align: center;
  word-break: break-word;
}

.shead__eyebrow {
  margin: 0;
  color: var(--shead-eyebrow, var(--color-accent-400));
}

.shead__title {
  margin: 0;
  color: var(--color-gray-900);
  font-size: calc(var(--text-display-22-size) + var(--bp-mlandscape, 1) * (var(--text-display-28-size) - var(--text-display-22-size)));
  line-height: calc(var(--text-display-22-line-height) + var(--bp-mlandscape, 1) * (var(--text-display-28-line-height) - var(--text-display-22-line-height)));
  font-weight: var(--text-display-28-weight);
}

.shead__lead {
  margin: 0;
  color: var(--color-gray-700);
}

.shead--l .shead__title {
  font-size: calc(var(--text-display-24-size) + var(--bp-tablet, 1) * (var(--text-display-32-size) - var(--text-display-24-size)));
  line-height: calc(var(--text-display-24-line-height) + var(--bp-tablet, 1) * (var(--text-display-32-line-height) - var(--text-display-24-line-height)));
  font-weight: var(--text-display-32-weight);
}

.shead--xl .shead__title {
  font-size: calc(
    var(--text-display-24-size) +
    var(--bp-tablet, 1) * (var(--text-display-28-size) - var(--text-display-24-size)) +
    var(--bp-desktop, 1) * (var(--text-display-36-size) - var(--text-display-28-size))
  );
  line-height: calc(
    var(--text-display-24-line-height) +
    var(--bp-tablet, 1) * (var(--text-display-28-line-height) - var(--text-display-24-line-height)) +
    var(--bp-desktop, 1) * (var(--text-display-36-line-height) - var(--text-display-28-line-height))
  );
  font-weight: var(--text-display-36-weight);
}

.shead--wide {
  --shead-max: none;
  --shead-gap: var(--spacing-12);
}