/* GOBO layout — container, header/nav/footer shell (grid/flex; replaces rwdgrid) */

.container-fluid {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--space-gutter);
}

.group::before, .group::after { content: ""; display: table; }
.group::after { clear: both; }

/* header */
.site-header { border-bottom: 1px solid var(--color-hairline); }
.site-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 1rem var(--space-gutter);
}
.site-header__logo .site-name {
  font-family: var(--font-condensed);
  font-size: 1.5rem;
  letter-spacing: 2px;
  color: var(--color-black);
  text-decoration: none;
  text-transform: uppercase;
}

/* nav */
.menu ul { list-style: none; display: flex; gap: 1.5rem; margin: 0; padding: 0; }
.menu a { text-decoration: none; font-family: var(--font-condensed); text-transform: uppercase; letter-spacing: 1px; color: var(--color-dark-grey); }
.menu a:hover, .menu li.currentpage a { color: var(--color-black); }

/* main + footer */
main { display: block; }
.site-footer { border-top: 1px solid var(--color-hairline); margin-top: 4rem; }
.site-footer p { text-align: center; color: var(--color-mid-grey); font-size: .9rem; }

/* generic hero scaffold (Phase 4 replaces with GOBO hero) */
.hero { padding: 4rem 0; }