/* INSPIRATION PAGE STYLES - keep minimal and complementary to base.css */
.hero-inspiration {
  background: linear-gradient(135deg, var(--color-champagne-light), var(--color-cream));
  padding: var(--space-16) 0 var(--space-12) 0;
  border-bottom: 1px solid var(--color-gray-200);
}
.hero-inspiration .hero-subtitle {
  max-width: 60ch;
  color: var(--color-text-secondary);
  margin-top: var(--space-2);
}
.hero-inspiration .hero-ctas {
  display: flex;
  gap: var(--space-4);
  margin-top: var(--space-6);
  flex-wrap: wrap;
}

.section-pad {
  padding: var(--space-16) 0;
}
.section-alt {
  background-color: var(--color-gray-50);
}
.section-intro {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-8);
}
.wrap-actions {
  flex-wrap: wrap;
}

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

/* CTA band */
.section-cta {
  background: linear-gradient(160deg, var(--color-cream), var(--color-champagne));
  border-top: 1px solid var(--color-gray-200);
}
.section-cta .cta-subtitle {
  color: var(--color-text-secondary);
  margin: var(--space-2) 0 var(--space-6);
}

/* Figure card tweaks */
.card figcaption strong { font-family: var(--font-primary); }