/**
 * @file
 * Front-page-only styling. Loaded via swalim_theme/frontpage.
 */

.is-front .page__main {
  padding-block-start: 0;
}

.front-hero {
  position: relative;
  padding-block: var(--space-3xl);
  background: var(--color-brand-strong);
  color: var(--color-text-inverse);
  overflow: hidden;
}

.front-hero__inner {
  position: relative;
  z-index: 1;
  max-width: var(--width-narrow);
}

.front-hero__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--c-orange-200);
  margin-bottom: var(--space-sm);
}

.front-hero__title {
  font-size: var(--fs-3xl);
  color: var(--c-white);
  margin-bottom: var(--space-sm);
}

.front-hero__lead {
  font-size: var(--fs-md);
  color: var(--c-green-200);
  margin-bottom: var(--space-lg);
}

.front-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}