/**
 * @file page-title.css
 * Verid — Page title
 */

.page-title,
h1.page-title {
  font-family: var(--verid-font-display);
  font-size: var(--verid-text-4xl);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: var(--verid-leading-tight);
  color: var(--verid-color-heading);
  margin-block: 0 var(--verid-space-6);
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Subtitle decoration above page title */
.page-title__eyebrow {
  display: block;
  font-family: var(--verid-font-body);
  font-size: var(--verid-text-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--verid-color-accent);
  margin-block-end: var(--verid-space-3);
}

@media (max-width: 768px) {
  .page-title,
  h1.page-title {
    font-size: var(--verid-text-3xl);
  }
}