/* =====================
   HERO SECTION
   ===================== */

.hero-section {
  position: relative;
  padding-bottom: 120px;
}

.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0),
    rgba(0,0,0,0.2)
  );
}

.hero-section .container {
  position: relative;
  z-index: 2;
}

/* Hero title */
.hero-section h1 {
  font-weight: 800;
  letter-spacing: -0.6px;
    filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 4));
}

/* Subtitles / taglines */
.hero-section .lead {
   font-weight: 500;
  letter-spacing: -0.2px;
  opacity: 0.9;
  background: linear-gradient(90deg, #e5e7eb, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-creator-img {
  max-height: 520px;
  width: auto;
  filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.55));
}

.hero-buttons {
  margin: 10px;
}
/* =====================
   HERO STATS BAR
   ===================== */

.hero-stats-wrapper {
  position: relative;
  /* margin-top: -80px; */
  margin-top: -140px;
  z-index: 3;
}

.hero-stats {
  background: rgba(0,0,0,0.85);
  border-radius: 18px;
  padding: 24px 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,0.35);
}

.hero-stats h4 {
  margin-bottom: 4px;
  font-weight: 700;
}

.hero-stats small {
  opacity: 0.75;
}


/* =====================
   MOBILE REFINEMENTS
   ===================== */

@media (max-width: 768px) {
  .hero-section {
    padding-bottom: 160px;
  }

  .hero-creator-img {
    max-height: 360px;
  }

  .hero-stats-wrapper {
    margin-top: -100px;
  }
}