/* =========================
   Hero
   ========================= */
.hero {
  min-height: var(--snap-h);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  background-image: url("../../images/hero-lab.png");
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(247, 248, 249, 0.82),
    rgba(247, 248, 249, 0.55),
    rgba(247, 248, 249, 0.82)
  );
}

.hero-content {
  position: relative;
  max-width: 880px;
  text-align: center;
}

.hero-subtitle {
  margin: 0;
  font-size: clamp(19px, 2vw, 26px);
  line-height: 1.5;
  color: var(--text-2);
}

.hero-logo {
  display: block;
  width: 150px;
  max-width: 40vw;
  margin: 0 auto 28px;
}

@media (max-width: 768px) {
  .hero-logo {
    width: 100px;
    margin-bottom: 20px;
  }
}