body {
  font-family: "Sora", sans-serif;
  color: #1b1b20;
  background-color: #fbf8ff;
}
.hero-overlay-bg {
  background: linear-gradient(
      135deg,
      rgba(30, 0, 66, 0.9) 0%,
      rgba(58, 0, 120, 0.82) 50%,
      rgba(25, 0, 56, 0.92) 100%
    ),
    url("https://lh3.googleusercontent.com/aida/AEtjO1XIuZfBFQ8KR6EjWO6jdIZd_uXqqcBIbTBpV_35I45AWeTgW0UHzs8Drm2GpfMOaLagsUtm3ZckgoQiKabMpvXG3J9MjCB5P0CqI38HsiDCWmkT4aPL90pC2HWNqjjdTvwZBwuVpReZ1tLPr6Hwn98LzixSpMvYJ70xeLX1JqKOA1NJXHXTtA4K0p8n6e-Psg1Tqu9u4dQMO9xz0xbtWKkmltgvpJTUpg92OGkq7tZN4GN0l6U2TPZuJPo")
      center/cover no-repeat;
}
.soundwave-pattern {
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.12) 1px,
    transparent 1px
  );
  background-size: 28px 28px;
}
.glass-card {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
}
.text-balance {
  text-wrap: balance;
}
details summary::-webkit-details-marker {
  display: none;
}

/* Animated Outline Text for 'GARRA MUSIC' */
.animated-stroke-title {
  font-family: "Sora", sans-serif;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  fill: transparent !important;
  -webkit-text-stroke-width: 2.2px;
  -webkit-text-stroke-color: var(--stroke-color, rgba(58, 0, 120, 0.25));
  transition: -webkit-text-stroke-color 0.2s ease-out, filter 0.3s ease;
  letter-spacing: -0.035em;
}

/* Reveal on scroll styling */
.fade-scroll-item {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-scroll-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .fade-scroll-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .animated-stroke-title {
    transition: none !important;
  }
}