.rc-hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: var(--spacer-medium) solid var(--color-brand-background);
  border-top: var(--spacer-medium) solid var(--color-brand-background);
  height: calc(var(--spacer-xxl) * 5);
}

.rc-hero .rc-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: calc(var(--spacer-xxl) + var(--spacer-xl));
  justify-content: center;
  padding: var(--spacer-large);
}

.rc-hero h2 {
  color: var(--color-brand-foreground);
  font-size: var(--text-heading-1-size);
  font-weight: normal;
  line-height: var(--text-heading-1-size);
  text-shadow: 0 var(--spacer-xxs) var(--spacer-xs) var(--color-brand-background);
}

.rc-hero.rc-hero-autumn .rc-container {
  justify-content: start;
}

.rc-hero.rc-hero-autumn .rc-button {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

@media (max-width: 840px) {
  .rc-hero h2 {
    padding: auto var(--spacer-large)
  }
}

@media (max-width: 420px) {
  .rc-hero.rc-hero-autumn .rc-button {
    width: 100%;
  }
}