/* _tagline.css: one line set apart, a small label above it */

.tagline { margin-top: 3rem; text-align: center; }
.tagline__label {
  display: flex; align-items: center; gap: 1rem; justify-content: center;
  font-family: var(--font-ui); font-size: 0.75rem; text-transform: var(--label-case); letter-spacing: calc(0.1em * var(--label-tracking));
  color: var(--color-neutral-500);
}
.tagline__label::before, .tagline__label::after { content: ''; width: 3rem; height: 1px; background: currentColor; opacity: 0.5; }
.tagline__text { margin-top: 0.75rem; font-family: var(--font-display); font-size: 1.25rem; font-style: italic; color: var(--color-neutral-700); }
.block--section-bg-dark .tagline__label { color: var(--color-primary-400); }
.block--section-bg-dark .tagline__text { color: var(--color-on-primary); }