/* ============================================================
   00-hiring-banner — homepage "We're Hiring!" strip under the
   fixed nav. In flow (not fixed), so it can wrap on phones and
   scrolls away with the page.
   ============================================================ */
.sec-00-hiring {
  margin-top: var(--nav-h);
  background: var(--accent);
  color: var(--accent-on);
  font-size: 0.95rem;
  line-height: 1.4;
}

.sec-00-hiring__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem 1rem;
  padding-block: 0.65rem;
  text-align: center;
}

.sec-00-hiring__links a {
  color: var(--accent-on);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sec-00-hiring__links a:hover,
.sec-00-hiring__links a:focus-visible {
  text-decoration-thickness: 2px;
}

.sec-00-hiring__links span {
  margin-inline: 0.4rem;
  opacity: 0.7;
}

/* The banner already clears the nav, so the hero drops its nav offset. */
.sec-00-hiring + .sec-02-hero {
  padding-top: clamp(1.5rem, 4vw, 3.5rem);
  min-height: calc(100svh - var(--nav-h));
}