/*!
 * Index Page Specific Styles
 * Styles specific to the index.html landing page
 * Extends page.css layout components with index-specific customizations
 */

/* ================================
   INDEX PAGE OVERRIDES
   ================================ */

/* Hero section - larger height for home page */
.hero {
  padding: var(--spacing-20) 0 var(--spacing-16);
}

/* Responsive override for mobile */
@media (max-width: 768px) {
  .hero {
    padding: var(--space-16) 0 var(--space-12);
  }
}