body {
  margin:0;
  font-family:'Inter',sans-serif;
  background:#f6efe4;
  color:#3b352e;
  line-height:1.8;
}
h1,h2 {
  font-family:'Playfair Display',serif;
}

/* HERO */
.hero {
  position:relative;
  height:65vh;
  background:url('assets/hero.jpg') center/cover no-repeat;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.overlay {
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.65); /* darker for more contrast */
}
.hero-content {
  position:relative;
  color:#ffffff !important;
  text-shadow:0 0 18px rgba(0,0,0,1); /* SUPER GLOW */
  padding:20px;
  max-width:90%;
}
.hero h1 {
  font-size:2.6rem;
  margin-bottom:8px;
}
.hero p {
  font-size:1.25rem;
  margin-bottom:22px;
}

/* BUTTON */
.btn {
  display:inline-block;
  padding:14px 34px;
  background:#ffffffee;
  color:#2b2b2b;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  backdrop-filter:blur(7px);
  box-shadow:0 6px 22px rgba(0,0,0,0.3);
}

section {
  padding:50px 22px;
  max-width:820px;
  margin:auto;
}
ul {
  padding-left:22px;
}
footer {
  text-align:center;
  padding:40px;
  opacity:0.8;
}