/* FEATURES PAGE SPECIFIC STYLES - minimal, builds on base.css */
.hero {
  text-align: center;
}
.breadcrumb {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}
.feature-figure img {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-neutral-700);
  box-shadow: var(--shadow-md);
}
/* Subtle reveal animation */
.card { opacity: 0; transform: translateY(10px); }
.card.in-view { opacity: 1; transform: translateY(0); transition: opacity var(--transition-base), transform var(--transition-base); }
.feature-figure { opacity: 0; transform: translateY(6px); }
.feature-figure.in-view { opacity: 1; transform: translateY(0); transition: opacity var(--transition-base), transform var(--transition-base); }
@media (prefers-reduced-motion: reduce) {
  .card, .card.in-view, .feature-figure, .feature-figure.in-view { transition: none !important; transform: none !important; opacity: 1 !important; }
}