/* The homepage navbar, reused on /about and /heirs-to-ruin (+ FR). The homepage gets these
   rules from an inline <style> scoped to .landing-page; these pages use body.has-navbar. */
.has-navbar .navbar {
  width: 100%;
  box-sizing: border-box;
  background: var(--background);
  margin-left: 0;
  margin-right: 0;
  padding: 0 25px 16px;
}
@media screen and (max-width: 767px) { .has-navbar .navbar { padding: 0 20px 16px; } }
@media screen and (max-width: 479px) { .has-navbar .navbar { padding: 0 15px 16px; } }

/* .body-2 centres its content vertically; with a navbar the page must start at the top. */
.body-2.has-navbar { justify-content: flex-start; }

/* Meet the Team: a little air between the navbar and the page title. */
.has-navbar:not(.project-page) > .section-3 { margin-top: 40px; }