/* About Page - Asamd Auto Dispensers
   Clean, modern, cool-toned accents aligned with base.css */

.about-hero {
  background: linear-gradient(180deg, var(--color-primary-subtle), var(--color-background));
}

.eyebrow {
  letter-spacing: var(--letter-spacing-wide);
  color: var(--color-secondary);
}

.media-frame {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: var(--color-surface);
}

.media-frame img {
  display: block;
  width: 100%;
  height: auto;
}

.cta-final h2 {
  margin-bottom: var(--space-2);
}

/* Subtle entrance animation for sections (respects reduced motion) */
.section { opacity: 1; transform: translateY(0); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.section.is-revealed { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: no-preference) {
  .section { opacity: 0; transform: translateY(16px); }
  .section.is-revealed { opacity: 1; transform: translateY(0); }
}