/* Progression page styles (lean, complements base.css) */
.hero {
  padding: var(--space-40) 0 var(--space-32);
  background: radial-gradient(900px 600px at 10% 0%, rgba(31, 228, 228, 0.06), transparent 60%),
              radial-gradient(800px 500px at 110% 10%, rgba(255, 209, 102, 0.05), transparent 50%);
}
.hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-24);
  align-items: center;
}
.hero-kicker { font-family: var(--font-display); color: var(--color-gold); letter-spacing: 0.08em; text-transform: uppercase; }
.hero-actions { display: flex; gap: var(--space-16); margin-block: var(--space-16); flex-wrap: wrap; }
.quick-search { margin-top: var(--space-16); }

.hero-media { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border); box-shadow: var(--shadow-md); }
.hero-media img { display: block; }

.sections-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--space-16); margin-block: var(--space-32); }
.sections-grid > .card { grid-column: span 6; }
.sections-grid > .card:nth-child(1) { grid-column: 1 / span 12; }
.sections-grid > .card#infographics, .sections-grid > .card#cross-server { grid-column: 1 / span 12; }

.mecha-media, .info-media { margin-block: var(--space-16); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-border); }
.download-list { margin: 0 0 var(--space-16); padding-left: var(--space-16); }
.download-list li { margin-bottom: var(--space-8); }

.section-cta { margin-top: var(--space-8); display: flex; flex-wrap: wrap; gap: var(--space-16); }

.final-cta { margin: var(--space-40) auto var(--space-56); text-align: left; }
.final-cta .section-cta { margin-top: var(--space-16); }

/* Search filtering helper */
.is-hidden { display: none !important; }

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .sections-grid { grid-template-columns: 1fr; }
  .sections-grid > .card { grid-column: 1 / -1 !important; }
}