/* sidestreetaudio.com. Colours come from each page's :root (site/site.yaml for
   the brand, a show's show.yaml `site:` for its page). System fonts only: the
   site makes no third-party requests. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 18px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color: var(--accent); }
main, .bar, .foot { max-width: 760px; margin: 0 auto; padding: 0 16px; }

.bar { padding-top: 22px; padding-bottom: 10px; }
.brand {
  font: 700 17px/1 ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  color: var(--ink); text-decoration: none; letter-spacing: 0.01em;
}

.hero { padding: 56px 0 40px; }
h1 {
  font: 700 clamp(38px, 8vw, 64px)/1.04 ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  margin: 0 0 20px; letter-spacing: -0.015em; text-wrap: balance;
}
.kicker {
  display: block; margin: 0 0 12px;
  font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--accent);
}
.lede { font-size: 20px; max-width: 36em; margin: 0 0 28px; opacity: 0.88; }
.soon { font-weight: 600; margin: 0; }
.links { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.btn {
  display: inline-block; padding: 11px 18px; border-radius: 999px;
  background: var(--accent); color: #fff; text-decoration: none; font-weight: 600;
}

.cards { display: grid; gap: 16px; padding-bottom: 48px; }
@media (min-width: 680px) { .cards { grid-template-columns: 1fr 1fr; } }
.card {
  display: flex; flex-direction: column; gap: 8px;
  padding: 26px 24px; border-radius: 18px; text-decoration: none;
  background: var(--card-bg); color: var(--card-ink);
  border: 1px solid color-mix(in srgb, var(--card-ink) 14%, transparent);
  transition: transform 0.15s ease;
}
.card:hover { transform: translateY(-2px); }
.card .kicker { color: var(--card-accent); margin: 0; }
.card-title {
  font: 700 30px/1.1 ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}
.card-text { font-size: 16px; opacity: 0.85; }
.card-more { margin-top: auto; padding-top: 8px; font-weight: 600; color: var(--card-accent); }

.foot {
  padding-top: 24px; padding-bottom: 40px; font-size: 15px; opacity: 0.75;
  border-top: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
}