/* Quiet navigation; the main actions borrow the rim of a small space capsule. */
.header .sticker-nav {
  gap: clamp(8px, 1.4vw, 22px);
  align-items: center;
}
.header .sticker-nav a:nth-child(n) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 3px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  box-shadow: none;
  transform: none;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .015em;
  transition: opacity 160ms ease;
}
.header .sticker-nav a > span,
.header .sticker-nav a > i { display: none; }
.header .sticker-nav a:nth-child(2)::after { content: none; }
.header .sticker-nav a[aria-current="page"] {
  box-shadow: inset 0 -2px 0 currentColor;
}
.header .sticker-nav a:hover { opacity: .65; }
.header .sticker-nav a:last-child {
  padding-inline: 17px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  background: var(--pink);
}

.hero-project-actions { gap: 15px; }
.hero-project-actions a,
.entry-button,
.event-mix-button,
.collective .round-link {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 30px;
  border: 1.5px solid var(--ink);
  border-radius: 999px;
  box-shadow: 0 3px 0 var(--ink);
  font-family: var(--body);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: .025em;
  text-align: center;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.hero-project-actions a::before,
.entry-button::before,
.event-mix-button::before,
.collective .round-link::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid currentColor;
  border-radius: inherit;
  opacity: .2;
  pointer-events: none;
}
.hero-project-actions a::after {
  content: "";
  position: absolute;
  inset: calc(50% - 1px) 12px auto;
  height: 2px;
  background: linear-gradient(to right, currentColor 0 3px, transparent 3px calc(100% - 3px), currentColor calc(100% - 3px));
  opacity: .55;
  pointer-events: none;
}
.hero-project-actions a:first-child,
.hero-project-actions a:first-child:hover {
  background: var(--ink);
  color: var(--paper);
}
.hero-project-actions a:last-child,
.hero-project-actions a:last-child:hover {
  background: var(--pink);
  color: var(--ink);
}
.hero-project-actions a:hover,
.entry-button:hover,
.event-mix-button:hover,
.collective .round-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 0 var(--ink);
}
.hero-project-actions a:active,
.entry-button:active,
.event-mix-button:active,
.collective .round-link:active {
  transform: translateY(2px);
  box-shadow: 0 1px 0 var(--ink);
}
.collective .round-link,
.collective .round-link:hover {
  max-width: 300px;
  background: var(--acid);
  color: var(--ink);
  border-color: var(--acid);
}
.home-concert-banner .event-mix-button { padding: 14px 28px; }
.header .sticker-nav a:focus-visible,
.hero-project-actions a:focus-visible,
.entry-button:focus-visible,
.event-mix-button:focus-visible,
.collective .round-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}
@media (min-width: 1400px) {
  .header .sticker-nav a:nth-child(n) { font-size: 14px; }
}
@media (max-width: 760px) {
  .header { flex-wrap: wrap; row-gap: 9px; }
  .header .sticker-nav {
    flex: 1 0 100%;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 12px;
  }
  .header .sticker-nav a:nth-child(n) {
    flex: 0 0 calc((100% - 24px) / 3);
    min-width: 0;
    padding: 10px 4px;
    font-size: 12px;
    white-space: nowrap;
  }
  .header .sticker-nav a:last-child { padding-inline: 9px; }
  .hero-project-actions a { min-height: 48px; padding: 13px 25px; font-size: 11px; }
}
@media (max-width: 480px) {
  .header .sticker-nav a:nth-child(n) {
    flex-basis: calc((100% - 12px) / 2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .header .sticker-nav a,
  .hero-project-actions a,
  .entry-button,
  .event-mix-button,
  .collective .round-link { transition: none; }
}