/* =========================================
   home.css - styles only for the Home page
   ========================================= */

/* ===== Hero section (temporary, we will improve it next) ===== */
.hero {
  background-color: var(--mist);
  text-align: center;
  padding: 80px 20px;
}

.hero h1 {
  font-size: 2.2rem;
  margin-bottom: 12px;
}

.hero p {
  font-size: 1.1rem;
}

@media (max-width: 600px) {
  .hero h1 {
    font-size: 1.6rem;
  }
}