@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Inter:wght@300;400&display=swap');

body {
  margin:0;
  background:#000;
  color:#D4AF37;
  font-family: 'Inter', sans-serif;
  scroll-behavior:smooth;
}

h1,h2 {
  font-family:'Playfair Display', serif;
  letter-spacing:1px;
}

.nav {
  position:fixed;
  width:100%;
  top:0;
  background:rgba(0,0,0,0.6);
  backdrop-filter: blur(10px);
  padding:15px;
  text-align:center;
  z-index:1000;
}

.nav a {
  color:#D4AF37;
  margin:0 15px;
  text-decoration:none;
}

.section {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:80px 20px;
}

.hero video {
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
  opacity:0.5;
}

.button {
  margin-top:20px;
  padding:12px 30px;
  background:#D4AF37;
  color:black;
  border:none;
  cursor:pointer;
  transition:0.3s;
}

.button:hover {
  background:#fff;
}

.fade {
  opacity:0;
  transform:translateY(20px);
  transition:1s;
}

.fade.visible {
  opacity:1;
  transform:translateY(0);
}

.footer {
  padding:40px;
  border-top:1px solid #222;
  text-align:center;
}