/* "Featured on" directory badges in the homepage hero (Launchstag, LaunchIgniter).
   Kept in its own file so style.css is untouched. Loaded after style.css.
   Desktop (>=1280px): a quiet column to the right of the headline, inside the first screen.
   Smaller screens: a wrapped row at the end of the hero content. */
.hero-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 28px;
  pointer-events: auto;
}
.hero-badges-label {
  width: 100%;
  font-family: var(--font-mono, 'IBM Plex Mono', monospace);
  font-size: 11.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8FA6AC;
}
.hero-badges a { display: inline-block; line-height: 0; }
.hero-badges img { display: block; max-width: 100%; height: auto; }

@media (min-width: 1280px) {
  .hero-badges {
    position: absolute;
    top: 0;
    right: -250px;
    width: 212px;
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hero-badges-label { width: auto; }
}