body {
  font-family: 'Montserrat', Arial, sans-serif;
  background: #f9f5f0;
  color: #333;
}
.hero-overlay {
  top:0; left:0;
  background: rgba(0,0,0,0.45)!important;
  height: 100%;
  z-index: 2;
}
.card { border-radius: 16px; box-shadow: 0 2px 14px rgba(0,0,0,0.10); }
footer { letter-spacing: 1px; font-size:0.95em;}
section { border-radius: 12px; }
.gallery img {box-shadow: 0 2px 8px rgba(0,0,0,0.12);}
@media (max-width: 768px) {
  .hero-overlay h1 { font-size: 2rem; }
}
/* styles.css */
.hero-overlay {
  background: rgba(0,0,0,0.45)!important;
  top: 0; left: 0;
  height: 100%;
  z-index: 2;
}