/* Page-scoped rave skin for the Rave for Recovery event page; does not replace the site-wide theme. */
.theme-rave {
  --rave-bg: #05010d;
  --rave-bg-deep: #0d041a;
  --rave-surface: rgba(18, 8, 34, 0.78);
  --rave-surface-strong: rgba(27, 10, 46, 0.9);
  --rave-line: rgba(255, 80, 214, 0.24);
  --rave-text: #f8f4ff;
  --rave-text-soft: #ddd1ff;
  --rave-text-muted: #bdaee7;
  --rave-pink: #ff4fcf;
  --rave-pink-soft: #ff86dd;
  --rave-purple: #8a4dff;
  --rave-violet: #5a2fe0;
  --rave-cyan: #39d5ff;
  --rave-shadow: 0 24px 72px rgba(0, 0, 0, 0.52);
  --rave-glow-pink: 0 0 22px rgba(255, 79, 207, 0.45);
  --rave-glow-purple: 0 0 30px rgba(138, 77, 255, 0.35);
  --cream: var(--rave-text);
  --ink: var(--rave-text);
  --ink-soft: var(--rave-text-soft);
  --muted: var(--rave-text-muted);
  --line: var(--rave-line);
  --halo: var(--rave-pink-soft);
  --halo-deep: var(--rave-pink);
  --sky-100: rgba(138, 77, 255, 0.16);
  --sky-500: var(--rave-purple);
  --sky-700: var(--rave-cyan);
  --shadow-soft: var(--rave-shadow);
  background:
    radial-gradient(circle at top left, rgba(255, 79, 207, 0.22), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(57, 213, 255, 0.16), transparent 26%),
    radial-gradient(circle at 50% 110%, rgba(138, 77, 255, 0.26), transparent 42%),
    linear-gradient(180deg, #04010b 0%, #090115 52%, #130523 100%);
  color: var(--rave-text);
}

.theme-rave::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(255, 79, 207, 0.08), transparent 34%, rgba(138, 77, 255, 0.08) 65%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 120px);
  opacity: 0.9;
}

.theme-rave .site-header {
  background: rgba(7, 3, 18, 0.86);
  border-bottom: 1px solid rgba(255, 79, 207, 0.28);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.38);
  backdrop-filter: saturate(180%) blur(16px);
}

.theme-rave .brand {
  color: var(--rave-text);
  text-shadow: 0 0 18px rgba(138, 77, 255, 0.2);
}

.theme-rave .brand-mark {
  color: var(--rave-pink);
  text-shadow: 0 0 12px rgba(255, 79, 207, 0.75), 0 0 28px rgba(138, 77, 255, 0.45);
}

.theme-rave .brand-name {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.theme-rave .primary-nav a {
  color: var(--rave-text-soft);
  border: 1px solid transparent;
}

.theme-rave .primary-nav a:hover,
.theme-rave .primary-nav a:focus-visible,
.theme-rave .primary-nav a.active {
  background: rgba(138, 77, 255, 0.14);
  border-color: rgba(255, 79, 207, 0.28);
  color: var(--rave-text);
  box-shadow: inset 0 0 0 1px rgba(255, 79, 207, 0.08), var(--rave-glow-purple);
}

.theme-rave .nav-cta,
.theme-rave .nav-cta:hover,
.theme-rave .nav-cta:focus-visible {
  background: linear-gradient(135deg, var(--rave-pink), var(--rave-purple));
  color: #fff8ff !important;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 20px rgba(255, 79, 207, 0.4), 0 10px 24px rgba(0, 0, 0, 0.28);
}

.theme-rave .event-breadcrumb a,
.theme-rave .event-source a,
.theme-rave .event-meta dd a {
  color: #ffd8ff;
}

.theme-rave .event-breadcrumb a:hover,
.theme-rave .event-breadcrumb a:focus-visible,
.theme-rave .event-source a:hover,
.theme-rave .event-source a:focus-visible,
.theme-rave .event-meta dd a:hover,
.theme-rave .event-meta dd a:focus-visible {
  color: #ffffff;
}

.theme-rave .hero {
  background:
    linear-gradient(145deg, rgba(7, 1, 18, 0.7), rgba(15, 5, 31, 0.3)),
    rgba(9, 2, 20, 0.9);
  border: 1px solid rgba(255, 79, 207, 0.22);
  box-shadow: var(--rave-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.theme-rave .hero::before {
  content: "";
  position: absolute;
  inset: auto -12% -42% auto;
  width: 58%;
  height: 92%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 79, 207, 0.22) 0%, rgba(138, 77, 255, 0.12) 35%, transparent 72%);
  z-index: 1;
  filter: blur(10px);
  animation: theme-rave-pulse 9s ease-in-out infinite alternate;
}

.theme-rave .hero-media img {
  filter: saturate(1.22) contrast(1.04) brightness(0.5);
  transform: scale(1.02);
}

.theme-rave .hero-media--flyer img {
  filter: none;
  transform: none;
}

.theme-rave .hero-overlay {
  min-height: 380px;
  background:
    linear-gradient(180deg, rgba(4, 1, 11, 0.14) 0%, rgba(7, 2, 20, 0.34) 45%, rgba(7, 2, 20, 0.82) 100%),
    linear-gradient(90deg, rgba(11, 3, 24, 0.82) 0%, rgba(11, 3, 24, 0.35) 55%, rgba(11, 3, 24, 0.7) 100%);
}

.theme-rave .hero-kicker {
  color: #ffb4ed;
  text-shadow: 0 0 14px rgba(255, 79, 207, 0.52);
}

.theme-rave .hero-title {
  color: #fffaff;
  text-shadow: 0 0 18px rgba(255, 79, 207, 0.24), 0 0 34px rgba(138, 77, 255, 0.18);
}

.theme-rave .hero-motto {
  color: #ffe6ff;
  text-shadow: 0 0 16px rgba(57, 213, 255, 0.28), 0 0 22px rgba(255, 79, 207, 0.24);
}

.theme-rave .hero-actions {
  gap: 0.9rem;
}

.theme-rave .btn.btn-primary,
.theme-rave .btn.btn-ghost {
  position: relative;
  overflow: hidden;
  transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.theme-rave .btn.btn-primary {
  --btn-bg: linear-gradient(135deg, var(--rave-pink) 0%, #ff79df 38%, var(--rave-purple) 100%);
  --btn-fg: #13011d;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 20px rgba(255, 79, 207, 0.4), 0 12px 28px rgba(5, 1, 13, 0.46);
}

.theme-rave .btn.btn-primary:hover,
.theme-rave .btn.btn-primary:focus-visible {
  box-shadow: 0 0 28px rgba(255, 79, 207, 0.52), 0 16px 34px rgba(5, 1, 13, 0.54);
}

.theme-rave .btn.btn-ghost {
  --btn-bg: rgba(15, 6, 28, 0.46);
  --btn-fg: var(--rave-text);
  border-color: rgba(255, 255, 255, 0.26);
  box-shadow: inset 0 0 0 1px rgba(255, 79, 207, 0.12);
}

.theme-rave .btn.btn-ghost:hover,
.theme-rave .btn.btn-ghost:focus-visible {
  --btn-bg: rgba(29, 11, 54, 0.72);
  border-color: rgba(255, 79, 207, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 79, 207, 0.16), 0 0 24px rgba(138, 77, 255, 0.28);
}

.theme-rave .story,
.theme-rave .event-community {
  position: relative;
  gap: 1.7rem;
}

.theme-rave .story-text,
.theme-rave .event-community-text {
  padding: clamp(1.2rem, 2.4vw, 1.8rem);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(20, 9, 38, 0.88), rgba(9, 4, 20, 0.88));
  border: 1px solid rgba(255, 79, 207, 0.18);
  box-shadow: var(--rave-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.theme-rave .story-text h2,
.theme-rave .event-community-text h2 {
  color: #fff7ff;
}

.theme-rave .story-text p,
.theme-rave .event-community-text p,
.theme-rave .event-source {
  color: var(--rave-text-soft);
}

.theme-rave .story-figure,
.theme-rave .event-community-figure,
.theme-rave .event-meta,
.theme-rave .impact-list li {
  background:
    linear-gradient(180deg, rgba(27, 10, 46, 0.88), rgba(12, 4, 24, 0.92));
  border: 1px solid rgba(255, 79, 207, 0.18);
  box-shadow: var(--rave-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.theme-rave .story-figure,
.theme-rave .event-community-figure {
  position: relative;
}

.theme-rave .story-figure::after,
.theme-rave .event-community-figure::after {
  content: "";
  position: absolute;
  inset: auto 1rem 1rem auto;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(57, 213, 255, 0.26) 0%, rgba(57, 213, 255, 0) 72%);
  pointer-events: none;
}

.theme-rave .story-figure img,
.theme-rave .event-community-figure img {
  filter: saturate(1.12) contrast(1.04) brightness(0.9);
}

.theme-rave .story-figure-flyer {
  display: grid;
  gap: 1rem;
  justify-items: center;
  padding: clamp(1rem, 2.4vw, 1.5rem);
  background:
    radial-gradient(circle at top, rgba(57, 213, 255, 0.14), transparent 58%),
    linear-gradient(180deg, rgba(26, 11, 45, 0.94), rgba(10, 4, 22, 0.96));
}

.theme-rave .story-figure-flyer::after {
  display: none;
}

.theme-rave .story-figure-flyer img {
  display: block;
  width: 100%;
  max-width: min(100%, 48rem);
  height: auto;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  filter: none;
  border-radius: calc(var(--radius-md) - 0.35rem);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.34);
  background: #12081f;
}

.theme-rave .story-figure-flyer figcaption {
  max-width: 42rem;
  margin: 0 auto;
}

.theme-rave .story-figure figcaption,
.theme-rave .event-community-figure figcaption {
  color: var(--rave-text-muted);
}

.theme-rave .event-meta {
  gap: 0.7rem;
}

.theme-rave .event-meta-row {
  border-bottom: 1px dashed rgba(255, 79, 207, 0.22);
}

.theme-rave .event-meta dt {
  color: #ffb4ed;
}

.theme-rave .event-meta dd {
  color: var(--rave-text);
}

.theme-rave .impact-list li {
  color: var(--rave-text-soft);
}

.theme-rave .impact-list strong {
  color: #ffd0ff;
}

.theme-rave .site-footer {
  margin-top: 1rem;
  background:
    linear-gradient(180deg, rgba(8, 3, 18, 0.2), rgba(8, 3, 18, 0.82));
  border-top: 1px solid rgba(255, 79, 207, 0.18);
  color: var(--rave-text-muted);
}

.theme-rave .footer-meta {
  color: #f3ddff;
}

@keyframes theme-rave-pulse {
  from {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 0.72;
  }

  to {
    transform: translate3d(-2%, -4%, 0) scale(1.08);
    opacity: 1;
  }
}

@media (min-width: 720px) {
  .theme-rave .hero-overlay {
    min-height: 440px;
  }

  .theme-rave .story,
  .theme-rave .event-community {
    gap: 2rem;
  }
}

@media (min-width: 1000px) {
  .theme-rave .hero-overlay {
    min-height: 500px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-rave .hero::before {
    animation: none;
  }

  .theme-rave .btn.btn-primary,
  .theme-rave .btn.btn-ghost {
    transition: none;
  }
}