/* Homepage hero: full logo with wordmark; swap light/dark variants via Shibuya
   color-mode classes (html.light / html.dark). Fallback: prefers-color-scheme. */

.rgmin-hero {
  text-align: center;
  margin: 0.5rem 0 1.25rem;
}

.rgmin-hero-logo {
  display: none;
  margin: 0 auto;
  max-width: min(420px, 80vw);
  height: auto;
}

html.light .rgmin-hero-logo--light,
html:not(.dark) .rgmin-hero-logo--light {
  display: block;
}

html.dark .rgmin-hero-logo--light {
  display: none;
}

html.dark .rgmin-hero-logo--dark {
  display: block;
}

html.light .rgmin-hero-logo--dark,
html:not(.dark) .rgmin-hero-logo--dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  html:not(.light):not(.dark) .rgmin-hero-logo--light {
    display: none;
  }
  html:not(.light):not(.dark) .rgmin-hero-logo--dark {
    display: block;
  }
}