:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
}

/* Final shared rhythm layer. Loaded after page bundles so generated rules cannot undo it. */
.eyebrow {
  min-height: var(--space-8);
  padding: 6px var(--space-3);
}

.hero .eyebrow,
.hero p.eyebrow {
  min-height: var(--space-8);
  padding: 6px var(--space-3);
}

.section-heading {
  gap: var(--space-3);
  margin-bottom: var(--space-12);
}

.btn {
  min-height: var(--space-12);
  padding: var(--space-3) var(--space-3) var(--space-3) var(--space-5);
}

.btn::after {
  width: var(--space-8);
  height: var(--space-8);
  margin-left: var(--space-3);
}

.field {
  gap: var(--space-2);
}

@media (max-width: 900px) {
  .nav-links > li > a,
  .nav-links > li > .nav-menu-trigger {
    min-height: 56px;
  }

  .nav-dropdown a {
    min-height: 48px;
  }
}