/* === TYPOGRAPHY === */

/* Section Title */
.section-title {
  font-family: var(--font-main);
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 500;
  color: var(--black);
  line-height: 1;
  margin-bottom: 22px;
}

.section-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 1px;
  background: var(--primary-gold);
  margin-top: 22px;
}

.section-title--center::after {
  margin-inline: auto;
}

/* Eyebrow */
.eyebrow {
  display: block;
  color: var(--primary-gold);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 14px;
}

/* Body copy within WP content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: var(--font-main);
  font-weight: 500;
  color: var(--black);
  line-height: 1.15;
  margin-bottom: 0.75em;
  margin-top: 1.5em;
}

.entry-content h1 { font-size: clamp(32px, 4vw, 52px); }
.entry-content h2 { font-size: clamp(26px, 3vw, 42px); }
.entry-content h3 { font-size: clamp(22px, 2.5vw, 34px); }

.entry-content p {
  margin-bottom: 1.2em;
}

.entry-content a {
  color: var(--primary-gold);
  border-bottom: 1px solid var(--border);
  transition: border-color var(--transition);
}

.entry-content a:hover {
  border-color: var(--primary-gold);
}

.entry-content ul,
.entry-content ol {
  list-style: revert;
  padding-left: 1.4em;
  margin-bottom: 1.2em;
}

/* Breadcrumb */
.breadcrumb {
  font-size: 13px;
  color: var(--gray-light);
  letter-spacing: 0.06em;
  padding: 16px 0;
}

.breadcrumb a {
  color: var(--gray-light);
  transition: color var(--transition);
}

.breadcrumb a:hover {
  color: var(--primary-gold);
}

.breadcrumb span + span::before {
  content: ' / ';
  margin: 0 6px;
}