.main-container {
  display: flex;
  flex-direction: column;
  min-height: 80vh;
  font-family: var(--ff-body);
  /* Add padding-top when there's no hero to account for fixed header */
}
.main-container.no-hero {
  /* Header height: 12px top padding + logo (~40-45px) + 12px bottom padding = ~64-69px */
  /* Using 65px to match actual header height */
  padding-top: 65px;
}
@media screen and (width >= 1024px) {
  .main-container.no-hero {
    /* Desktop: header uses 7vw, so padding-top matches */
    padding-top: 7vw;
  }
}

/*# sourceMappingURL=base.css.map */