/* Shared homepage look for all sub-pages: continuous aurora + spotlight + gradient headings */
html { background: #f4ede0; }
body { background: transparent !important; }

/* Match the homepage: it renders no grain/vignette — the sub-pages' heavy
   .grain (50% black-noise multiply) + .vignette dimmed the whole page. */
.grain, .vignette { display: none !important; }

/* One continuous page-wide aurora (single fixed background) */
.aurora-bg { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none !important; }
.aurora-bg .aurora-layer {
  position: absolute; inset: -25%;
  background:
    radial-gradient(45% 40% at 16% 10%, rgba(200,67,26,.55), transparent 62%),
    radial-gradient(42% 38% at 84% 20%, rgba(224,150,47,.50), transparent 62%),
    radial-gradient(48% 42% at 74% 66%, rgba(106,99,255,.42), transparent 64%),
    radial-gradient(46% 42% at 22% 84%, rgba(31,158,142,.42), transparent 64%),
    radial-gradient(52% 46% at 50% 48%, rgba(214,176,114,.40), transparent 66%);
  filter: blur(62px) saturate(1.12); opacity: .55;
  animation: bwdMesh 30s ease-in-out infinite alternate;
}
@keyframes bwdMesh {
  0%   { transform: translate3d(0,0,0) scale(1.05); }
  100% { transform: translate3d(-4%,-3%,0) scale(1.16); }
}

/* Cursor spotlight */
.spotlight {
  position: fixed; inset: 0; z-index: 3; pointer-events: none !important; opacity: 0; transition: opacity .8s;
  background: radial-gradient(440px circle at var(--mx,50%) var(--my,50%), rgba(200,67,26,.10), transparent 62%);
  mix-blend-mode: multiply;
}
body.spot-on .spotlight { opacity: 1; }

/* Animated ember-gradient emphasis text, matching the homepage headings */
.page-hero-title em, .sec-title em, .art-title em, .cta-box h3 em {
  background: linear-gradient(100deg, #c8431a, #e0962f 28%, #d6b072 50%, #e0962f 72%, #c8431a);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
  animation: bwdEmber 7s linear infinite; padding: .04em .05em .16em;
}
@keyframes bwdEmber { to { background-position: 220% 0; } }

@media (hover: none) { .spotlight { display: none; } }
@media (prefers-reduced-motion: reduce) { .aurora-bg .aurora-layer { animation: none; } }