/* Offset page heroes from the fixed site header. */
.hero-shell > .hero-layout {
  padding-top: calc(var(--nav-height) + var(--space-16));
}

@media (max-width: 767.98px) {
  .hero-shell > .hero-layout {
    padding-top: calc(var(--nav-height) + var(--space-10));
  }
}

/* Preserve readable text over filled CTA backgrounds. */
.btn:not(.btn-outline):not(.btn-ghost),
.btn:not(.btn-outline):not(.btn-ghost):hover,
.btn:not(.btn-outline):not(.btn-ghost):focus-visible,
.btn-primary-gradient,
.btn-primary-gradient:hover,
.btn-primary-gradient:focus-visible {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(15, 23, 42, 0.28);
}