.masthead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.2rem;
}
.masthead-pad { padding-block: 1.2rem; }
.wordmark { text-decoration: none; gap: 0.4rem; font-weight: 700; font-size: 1.15rem; }
.wordmark .muted-text { font-size: 1rem; font-weight: 400; }
.menu-width { width: 17rem; }
.menu-trigger {
  cursor: pointer;
  min-height: 52px;
  padding: 0.65rem 1.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border: 0;
  background: var(--leaf);
  color: var(--white);
  font-weight: 700;
  clip-path: var(--ticket);
  list-style: none;
}
.menu-trigger:hover { background: var(--leaf-hover); }
.menu-trigger:focus-visible { outline-color: var(--white); outline-offset: -6px; }
.menu-trigger::-webkit-details-marker { display: none; }
.menu-trigger::after { content: "+"; font-size: 1.5rem; font-weight: 400; line-height: 1; }
.menu-width[open] > .menu-trigger::after { content: "−"; }
.menu-list { list-style: none; padding: 0.65rem 0; margin: 0.5rem 0 0; background: var(--wash); }
.menu-list li + li { margin-top: 0; }
.menu-list a { display: flex; padding-inline: 1.15rem; }
.menu-list a:hover { background: var(--white); }
[aria-current="page"] { font-weight: 700; text-decoration-style: double; }

@media (max-width: 38rem) {
  .masthead-grid { grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }
  .masthead-pad { padding-block: 0.6rem 1rem; }
  .wordmark { flex-wrap: wrap; }
  .menu-width { width: 100%; }
}