/* Story page specific styles (kept minimal, building on base.css) */
.hero {
  background: linear-gradient(180deg, rgba(96, 165, 250, 0.06), rgba(139, 92, 246, 0.04));
  width: 100%;
  overflow: hidden;
}
.eyebrow {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.lead {
  color: var(--color-text-secondary);
}
/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-slow) var(--ease-out), transform var(--transition-slow) var(--ease-out); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
/* Responsive ordering helpers for the media/text section */
@media (max-width: 768px) {
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
}
/* Utility list style for details block (keeps minimalist look) */
.list { padding-left: 1rem; }
.list li { position: relative; padding-left: 0.75rem; }
.list li::before { content: ''; position: absolute; left: 0; top: 0.8em; width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); box-shadow: var(--shadow-glow); }