.topbar .menu-btn {
  display: grid;
  width: 42px;
  height: 42px;
  place-content: center;
  gap: 6px;
  padding: 0;
}

.menu-btn > span {
  display: block;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  transform-origin: center;
  transition: transform .3s ease;
}

.menu-btn.is-open > span:first-child { transform: translateY(3.75px) rotate(45deg); }
.menu-btn.is-open > span:last-child { transform: translateY(-3.75px) rotate(-45deg); }

.overlay {
  inset: 0;
  z-index: 15;
  padding: 82px max(var(--gutter), calc((100% - var(--max)) / 2)) max(22px, 5.5vh);
}

body.menu-open { overflow: hidden; }

.hero { min-height: 100svh; }

.overlay-main { height: auto; }

@media (max-width: 800px) {
  .overlay { inset: 0; padding: 82px 24px 22px; }
  .overlay-main { height: auto; }
}