/* Logo-led home layout and bar-free header. */
.brand-home .site-header {
  position: relative;
  z-index: 20;
  top: auto;
  margin: 0;
  padding: 18px 0 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.home-page.brand-home .site-shell {
  grid-template-rows: 1fr auto;
}

.home-page.brand-home .brand--hero {
  gap: 18px;
  justify-self: center;
}

.home-page.brand-home .brand--hero .brand-mark {
  width: 76px;
  height: 84px;
}

.home-page.brand-home .brand--hero .brand-mark img {
  height: 108px;
  filter: drop-shadow(0 12px 26px color-mix(in srgb, var(--brand) 34%, transparent));
}

.home-page.brand-home .brand--hero .brand-wordmark {
  height: 84px;
}

.home-page.brand-home .brand--hero .brand-wordmark img {
  height: 44px;
}

@media (max-width: 720px) {
  .home-page.brand-home main {
    padding: 0;
  }

  .home-page.brand-home .minimal-search {
    place-items: start center;
    padding: clamp(48px, 12vw, 64px) 0 28px;
  }

  .home-page.brand-home .brand--hero {
    gap: 12px;
  }

  .home-page.brand-home .brand--hero .brand-mark {
    width: 58px;
    height: 68px;
  }

  .home-page.brand-home .brand--hero .brand-mark img {
    height: 86px;
  }

  .home-page.brand-home .brand--hero .brand-wordmark {
    height: 68px;
  }

  .home-page.brand-home .brand--hero .brand-wordmark img {
    height: 34px;
  }
}