.home-brand {
  width: calc(100% - var(--spacing-64));
  max-width: 320px;
  min-width: 0;
  container-type: inline-size;
}

.home-brand .brand-view[data-size='hero'] {
  width: 100%;
}

.home-brand .brand-view[data-size='hero'] .brand-logo {
  width: 100%;
  height: auto;
  justify-content: center;
}

.home-brand .brand-view[data-size='hero'] .brand-logo .logo-view {
  width: 100%;
  max-width: var(--size-256);
  height: auto;
}

.home-brand .brand-view[data-size='hero'] .brand-title {
  font-size: min(20cqw, var(--size-64));
}

.home-nav-links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  column-gap: var(--spacing-16);
  row-gap: var(--spacing-8);
  justify-content: center;
}

.home-nav-links[data-wrap-stacked='true'] {
  flex-direction: column;
  align-items: center;
}

.home-nav-links .nav-link {
  color: var(--color-base);
  text-decoration: none;
  font-size: var(--font-size-medium-16) !important;
  font-family: var(--typography-font-sans);
  background-color: var(--background-color-base);
  white-space: nowrap;
  width: fit-content;
}

.home-nav-links .nav-link:focus {
  outline: var(--border-width-base) solid var(--border-color-transparent) !important;
  outline-offset: 0px !important;
}

.home-search {
  display: flex;
  width: calc(100% - var(--spacing-64));
  min-width: 0;
  max-width: var(--size-640);
  flex-direction: column;
  gap: var(--spacing-32);
  align-items: center;
  justify-content: center;
  border-radius: 0;
}

.home-hero {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 1152px;
  align-items: center;
  gap: var(--spacing-48);
  position: relative;
  z-index: 0;
}

@media (max-width: 479px) {
  .home-hero {
    gap: var(--spacing-32);
  }
}

.hero-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  min-height: calc(100dvh - 96px);
  padding-block: var(--spacing-32);
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.home-content-outer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.page-alerts {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  width: 100%;
  max-width: 600px;
  padding: 0 var(--spacing-24);
}

.page-alerts:empty {
  display: none !important;
}

.home-description {
  padding: 2rem;
  font-size: var(--font-size-medium-16);
  font-family: var(--typography-font-sans);
  text-align: center;
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  color: var(--color-base);
  background-color: var(--background-color-base);
}