nav.main a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--yellow); text-decoration-thickness: 3px; text-underline-offset: 5px; }
@media (max-width: 860px) {
header.site .wrap { flex-wrap: wrap; row-gap: 6px; }
header.site .btn { margin-left: auto; }
nav.main { display: flex; flex-wrap: wrap; order: 3; width: 100%; margin-left: 0; gap: 2px 18px; padding-bottom: 4px; font-size: 15px; }
nav.main a { padding-block: 3px; }
}
h1.page { font-size: clamp(34px, 5.4vw, 60px); font-weight: 850; font-stretch: 112%; letter-spacing: -0.01em; text-transform: uppercase; }
.explore .wrap { padding-block: 56px; }
.cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cards a { display: grid; gap: 6px; align-content: start; height: 100%; text-decoration: none; border-top: 3px solid var(--ink); padding: 14px 0 6px; }
.cards .k { font-family: var(--display); font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.cards strong { font-family: var(--display); font-size: 21px; font-weight: 800; line-height: 1.15; }
.cards a > span:last-child { font-size: 15px; color: var(--muted); }
.cards a:hover strong { text-decoration: underline; text-decoration-color: var(--yellow); text-decoration-thickness: 3px; text-underline-offset: 4px; }
@media (max-width: 860px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .cards { grid-template-columns: 1fr; } }
.home-gigs { margin-top: 44px; display: grid; gap: 14px; max-width: 760px; }
.home-gigs .gigs span.where { color: var(--muted); }
.home-gigs h2.eyebrow { font-size: 13px; font-stretch: 100%; }
@media (max-width: 480px) {
header.site .wrap { gap: 10px; }
header.site .brand { font-size: 14px; gap: 8px; }
header.site .brand img { width: 30px; height: 30px; }
header.site .btn { padding: 8px 10px; font-size: 12px; }
}