@import url('style-base.css');
@import url('mobile-node-sync-fix.css');
@import url('mobile-home-protocol-log.css');
@import url('footer-monochrome-icons.css?v=20261015-official-logos');
@import url('page-hero.css?v=20261004-half-width');

/* Fixed Home section-label palette. CMS can select only these three presets. */
.eyebrow[data-home-label-color="teal"] { color: var(--cyan); }
.eyebrow[data-home-label-color="green"] { color: var(--green); }
.eyebrow[data-home-label-color="signal-red"] { color: var(--magenta); }

/* Home section labels that already include the // archive-style prefix should read as eyebrows, not full h2 headings. */
.home-imagery-section .section-head h2 {
  margin: 0;
  color: var(--cyan);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#music-page-intro {
  max-width: 800px;
}

/* Nine main links: show the menu before the desktop row gets crowded. */
@media (min-width: 1101px) {
  .site-nav .brand-logo { max-width: 260px; }
  .site-nav .nav-links { font-size: 12px; gap: 0; }
  .site-nav .nav-links a { padding-inline: 9px; }
}
@media (min-width: 769px) and (max-width: 1100px) {
  .site-nav .nav-toggle { display: inline-flex; }
  .site-nav .brand-logo { max-width: min(65vw, 360px); }
  .site-nav .nav-links {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; padding: 12px 32px; background: #050608;
    max-height: calc(100dvh - 82px); overflow-y: auto;
    border-bottom: 1px solid var(--line);
  }
  .site-nav .nav-links.open { display: flex; }
  .site-nav .nav-links a { padding: 12px 4px; }
}