/* ============ HERO SECTION ============ */
/* SECTION: HERO-LAYOUT */
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem 5rem;
}

@media (max-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }
}

/* SECTION: HERO-STATS */
.hero-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem 1rem;
}

.hero-banner {
  background: rgba(10,10,15,0.03);
  border-left-width: 8px;
  border-left-style: solid;
  border-left-color: var(--brass);
}