/* ===================================
   Hero Section (Shared Styles)
   =================================== */

.hero {
  padding: var(--space-16) 0;
  /* Removed background to let body gradient show through */
  position: relative;
  overflow: hidden;
}

/* Removed ::before pseudo-element that was creating gray overlays */

.hero .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-12);
  align-items: center;
  position: relative;
  z-index: 1;
}