/* Lumen sizzle — dark hero, ember mark */
body {
  background-color: #070605;
  background-image:
    radial-gradient(ellipse 80% 45% at 15% -8%, rgba(224, 138, 58, 0.12), transparent 52%),
    radial-gradient(circle at 1px 1px, rgba(243, 234, 220, 0.035) 1px, transparent 0);
  background-size: auto, 12px 12px;
}
.site-header {
  background: rgba(7, 6, 5, 0.72);
  backdrop-filter: blur(18px) saturate(1.2);
}
.mark-img {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  object-fit: contain;
  animation: ember-breathe 4.8s ease-in-out infinite;
  filter: drop-shadow(0 0 10px rgba(224, 138, 58, 0.45));
}
.hero {
  position: relative;
  isolation: isolate;
  min-height: min(92vh, 52rem);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-top: clamp(2.4rem, 7vw, 5.2rem);
}
.hero-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 70% 55% at 50% 28%, rgba(224, 138, 58, 0.16), transparent 58%),
    url("../media/lumen-hero-atmosphere.png") center 20% / cover no-repeat,
    #050403;
  opacity: 0.72;
  animation: ember-drift 18s ease-in-out infinite alternate;
}
.hero-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5,4,3,0.15) 0%, rgba(5,4,3,0.35) 46%, rgba(7,6,5,0.92) 100%);
}
.hero-wordmark {
  display: block;
  width: min(920px, 100%);
  height: auto;
  margin: 0 auto 1.6rem;
  mix-blend-mode: screen;
}
.lumen-glow {
  animation: lumen-pulse 5.6s ease-in-out infinite;
  filter: drop-shadow(0 0 28px rgba(224, 138, 58, 0.28));
}
.hero h1 {
  font-size: clamp(2.2rem, 5.6vw, 3.9rem);
  max-width: 16ch;
}
.offer-card.is-featured {
  background: #161310;
  color: var(--ink);
  border-color: rgba(224, 138, 58, 0.45);
  box-shadow: 0 0 0 1px rgba(224, 138, 58, 0.18), 0 24px 60px rgba(0,0,0,0.35);
}
@keyframes lumen-pulse {
  0%, 100% { filter: drop-shadow(0 0 18px rgba(224, 138, 58, 0.18)) brightness(0.96); transform: scale(1); }
  50% { filter: drop-shadow(0 0 42px rgba(240, 194, 122, 0.42)) brightness(1.08); transform: scale(1.012); }
}
@keyframes ember-breathe {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(224, 138, 58, 0.3)); opacity: 0.88; }
  50% { filter: drop-shadow(0 0 16px rgba(240, 194, 122, 0.7)); opacity: 1; }
}
@keyframes ember-drift {
  from { transform: scale(1.04) translate3d(0, 0, 0); }
  to { transform: scale(1.08) translate3d(-1.2%, -1%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .lumen-glow, .mark-img, .hero-atmosphere { animation: none; }
}