/* DCD 2026 — Homepage-only refinements
   Most of the homepage style lives in components.css. This file is the
   place for one-off tweaks that should not bleed into other pages.       */

.is-front-page .site-header {
  /* Header transparent over the dark hero on initial load — JS toggles
     `scrolled` once the user scrolls past the hero band. */
}

/* Subtle scroll cue on the hero — purely decorative, hidden when reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  .is-front-page .hero::after {
    content: "♪";
    position: absolute;
    bottom: var(--space-5);
    left: 50%;
    transform: translateX(-50%);
    color: var(--color-gold);
    font-size: var(--fs-xl);
    opacity: 0.6;
    animation: dcd-float 3s ease-in-out infinite;
    z-index: 2;
  }
  @keyframes dcd-float {
    0%, 100% { transform: translate(-50%, 0); opacity: 0.4; }
    50%      { transform: translate(-50%, 8px); opacity: 0.8; }
  }
}

/* Audience-card grid — homepage-specific spacing tweak. */
.is-front-page .audience-cards {
  margin-top: var(--space-2);
}