/* Home page specific styles (lean, leveraging base variables) */

.hero {
  position: relative;
  padding: var(--space-16) 0 var(--space-12);
  background: radial-gradient(80% 60% at 50% 0%, rgba(121,197,150,0.06), transparent 60%),
              radial-gradient(60% 50% at 20% 20%, rgba(0,0,0,0.5), transparent 70%);
}
.hero__inner { display: grid; gap: var(--space-8); align-items: center; }
@media (min-width: 960px) { .hero__inner { grid-template-columns: 1.1fr 0.9fr; } }
.hero__content p { color: var(--color-text-muted); }
.hero__cta { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4); }
.hero__search { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); margin-top: var(--space-5); }
@media (max-width: 520px) { .hero__search { grid-template-columns: 1fr; } }
.hero__media { position: relative; transform-style: preserve-3d; will-change: transform; }
.hero__media img { width: 100%; height: auto; box-shadow: var(--shadow-3); }

.section { padding: var(--space-14) 0; }
.section--shadow { background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent); }
.section--tone { background: linear-gradient(180deg, transparent, rgba(0,0,0,0.25) 40%, transparent 90%); }
.section--audio { background: linear-gradient(180deg, rgba(121,197,150,0.05), transparent 60%); }
.section--news { background: linear-gradient(180deg, rgba(255,255,255,0.03), transparent 70%); }
.section--final { padding-bottom: var(--space-20); }

.cards .card img { margin-top: var(--space-4); }
.feature-list { display: grid; gap: var(--space-2); margin-top: var(--space-4); color: var(--color-text-muted); }
.cta-row { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-5); }

/* Interactive shadow teaser */
.shadow-tease { position: relative; height: 220px; border-radius: var(--radius-l); overflow: hidden; border: 1px solid rgba(255,255,255,0.05); box-shadow: var(--shadow-2); background: var(--gray-900); }
.shadow-tease__veil { position: absolute; inset: 0; background: radial-gradient(120% 80% at var(--x,50%) var(--y,50%), rgba(121,197,150,0.08), transparent 40%),
                                     radial-gradient(100% 100% at 50% 120%, rgba(0,0,0,0.65), transparent 60%);
}
.shadow-tease__sigils { position: absolute; inset: 0; opacity: 0.3; background-image:
  repeating-conic-gradient(from 0deg, rgba(255,255,255,0.03) 0 10deg, transparent 10deg 20deg),
  radial-gradient(60% 40% at 70% 30%, rgba(121,197,150,0.12), transparent 60%),
  radial-gradient(40% 30% at 30% 70%, rgba(121,197,150,0.1), transparent 60%);
  mix-blend-mode: screen;
}
@media (prefers-reduced-motion: no-preference) {
  .shadow-tease__sigils { animation: pulse 7s ease-in-out infinite; }
  @keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.02); } }
}

/* Audio wrap */
.audio-wrap audio { width: 100%; margin-top: var(--space-2); }
.audio-note { color: var(--color-text-muted); margin-top: var(--space-2); font-size: var(--fs-200); }

/* Newsletter */
.newsletter__row { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); }
@media (max-width: 520px) { .newsletter__row { grid-template-columns: 1fr; } }
.newsletter__note { color: var(--color-text-muted); margin-top: var(--space-2); font-size: var(--fs-200); }
.alt-cta { margin-top: var(--space-4); }

/* News list */
.news-list { display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.news-item__title a { color: var(--color-heading); text-decoration: none; }
.news-item__title a:hover { text-decoration: underline; color: var(--color-primary); }
.news-item__excerpt { color: var(--color-text-muted); }

/* Final CTA */
.final-cta { text-align: center; background: linear-gradient(180deg, color-mix(in oklab, var(--color-bg-elevated) 92%, black), var(--color-surface)); }
.final-cta h2 { margin-top: 0; }

/* Small print and polish */
.js-tilt { will-change: transform; transform: perspective(900px) rotateX(0) rotateY(0); transition: transform var(--duration-slow) var(--ease-out); }