* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  font-family: 'Inter', sans-serif;

  background: #fff;

  color: #222;

}



/* Hero */

.hero {

  height: 100vh;

  background-image:

    linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)),

    url("glida-be-1024.jpg");

  background-size: cover;

  background-position: center;

  display: flex;

  align-items: center;

  justify-content: center;

}



.hero-overlay {

  text-align: center;

  color: #fff;

}



.hero h1 {

  font-family: 'Playfair Display', serif;

  font-size: 4rem;

  letter-spacing: 2px;

}



.hero p {

  margin-top: 0.8rem;

  font-weight: 300;

  opacity: 0.9;

}



/* Gallery */

.gallery {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

  gap: 1rem;

  padding: 3rem;

}



.gallery img {

  width: 100%;

  height: 360px;

  object-fit: cover;

  border-radius: 14px;

  transition: transform 0.4s ease, box-shadow 0.4s ease;

}



.gallery img:hover {

  transform: scale(1.03);

  box-shadow: 0 15px 35px rgba(0,0,0,0.15);

}



/* Footer */

footer {

  text-align: center;

  padding: 2rem;

  font-size: 0.85rem;

  color: #777;

}



/* Responsive */

@media (max-width: 600px) {

  .hero h1 {

    font-size: 2.6rem;

  }



  .gallery {

    padding: 1.5rem;

  }

}



#datetime {
  margin-top: 1.5rem;
}

#date {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  opacity: 0.85;
}

#time {
  font-size: 3.2rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}


#time,
#date {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}