body[data-page="home"] .site-header {
  background: rgba(6, 10, 20, 0.55);
}

body[data-page="home"] .hero {
  margin-top: -90px;
  padding-top: calc(8rem + 90px);
}

body[data-page="blog"] .hero--compact,
body[data-page="login"] .hero--compact,
body[data-page="lp-portal"] .hero--portal,
body[data-page="founders-portal"] .hero--portal {
  margin-top: -86px;
  padding-top: calc(7rem + 86px);
}

.blog-page {
  background: transparent;
}

.portal .section {
  padding-block: clamp(3.5rem, 6vw, 5rem);
}

.portal__content {
  align-items: stretch;
}

.hero--portal .hero__content {
  max-width: 820px;
}

.login-page .login-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

@media (min-width: 961px) {
  .site-nav {
    position: static !important;
    transform: none !important;
    flex-direction: row;
    background: transparent;
  }
}