html, body {
  height: 100%;
  margin: 0;
}

.hero {
  min-height: 100vh;
  background: url('Wells-Fiasco.png') center/cover no-repeat fixed;
  position: relative;
}

.hero::before {
  /* optional dark overlay */
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.01);
}

.menu {
  position: relative; /* keeps menu above overlay */
  display: flex;
  gap: 1.5rem;
  padding: 2rem;
  color: #fff;
  font: 600 1rem/1.2 system-ui, sans-serif;
}

.menu a {
  color: inherit;
  text-decoration: none;
}