/* Entertainment page specific styles (built on base.css) */
.section { padding: var(--space-16) 0; }
@media (max-width: 768px) { .section { padding: var(--space-10) 0; } }

.hero .hero-copy h1 { margin-bottom: var(--space-4); }
.hero .hero-copy p { max-width: 60ch; }

.media-frame { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border-primary); box-shadow: var(--glow-purple), var(--shadow-lg); }
.media-frame img { display: block; width: 100%; height: auto; }

.accent-list { list-style: none; }
.accent-list li { position: relative; padding-left: var(--space-6); margin-bottom: var(--space-3); color: var(--color-text-secondary); }
.accent-list li::before { content: ""; position: absolute; left: 0; top: 0.5em; width: 10px; height: 10px; border-radius: 2px; background: linear-gradient(135deg, var(--color-neon-purple), var(--color-electric-blue)); box-shadow: var(--glow-purple); }

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal.in { opacity: 1; transform: translateY(0); }

/* CTA band tweaks */
.cta-band { text-align: left; }

/* Cards spacing overrides for dense grids */
.card .card-title { margin-bottom: var(--space-2); }
.card .card-subtitle { margin-top: 0; }