/* about.css - Scoped styles for the About page */

/* Hero tagline margin (inherited from global .hero-tagline) */
.hero-tagline {
  margin-bottom: 1.5rem; /* Ensure consistent spacing */
}

/* Hero image fallback background for About page */
.hero-image-fallback-about {
  background: linear-gradient(135deg, var(--lilac), var(--terracotta));
}

/* Margin for additional showcase text paragraphs */
.about-showcase-text-margin {
  margin-bottom: 2rem;
}

/* Margin for section headers when needed */
.section-header-margin {
  margin-bottom: 4rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-tagline {
    font-size: 0.75rem;
    padding: 0.4rem 1rem;
  }
  .hero-title {
    font-size: 2.5rem;
  }
  .hero-image-fallback-about {
    height: 300px;
  }
  .about-showcase-text-margin {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 480px) {
  .hero-title {
    font-size: 2rem;
  }
  .hero-image-fallback-about {
    height: 250px;
  }
}

.svg-cream-stroke {
  stroke: var(--cream);
}