/* ═══════════════════════════════════════════════════════════
   SECTION HEADER — .section-header
   ═══════════════════════════════════════════════════════════ */

.section-header {
  display: flex;
  flex-direction: column;
  gap: var(--bb-space-3);
  margin-bottom: var(--bb-space-12);
}

.section-header__eyebrow {
  font-size: var(--bb-text-xs);
  font-weight: var(--bb-weight-semibold);
  letter-spacing: var(--bb-tracking-widest);
  text-transform: uppercase;
  color: var(--bb-color-blue-primary);
  max-width: none;
}

.section-header__title {
  font-size: clamp(var(--bb-text-2xl), 3.5vw, var(--bb-text-4xl));
  font-weight: var(--bb-weight-light);
  color: var(--bb-text-primary);
  letter-spacing: var(--bb-tracking-tight);
  max-width: 20ch;
}

.section-header__description {
  font-size: var(--bb-text-md);
  color: var(--bb-text-secondary);
  max-width: 48ch;
  line-height: var(--bb-leading-relaxed);
}

.section-header__link {
  display: inline-flex;
  align-items: center;
  gap: var(--bb-space-2);
  font-size: var(--bb-text-sm);
  font-weight: var(--bb-weight-semibold);
  letter-spacing: var(--bb-tracking-wider);
  text-transform: uppercase;
  color: var(--bb-color-blue-primary);
  margin-top: var(--bb-space-2);
  text-decoration: none;
  transition: gap var(--bb-duration-base) var(--bb-ease-out);
}

.section-header__link:hover {
  gap: var(--bb-space-4);
}