*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif;}
body{background:#0B0D0F;color:#F3F1EC;}

.hero{position:relative;height:100vh;overflow:hidden;}
.hero-slides{position:absolute;inset:0;}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;}
.slide.active{opacity:1;}

.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.35));
}

.hero-content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:6vw;
}

.logo-wrap{
  backdrop-filter:blur(6px);
  background:rgba(0,0,0,.25);
  padding:30px;
  border-radius:16px;
  display:inline-block;
}

.logo-wrap img{
  width:320px;
  max-width:80vw;
}

.tagline{
  margin-top:20px;
  font-size:20px;
  letter-spacing:.05em;
}

.about, .contact{
  max-width:900px;
  margin:100px auto;
  padding:0 20px;
}

.about h1, .contact h2{
  font-family:Playfair Display,serif;
  margin-bottom:20px;
}

a{color:#C9A24E;text-decoration:none;}


.hero-buttons{margin-top:30px;display:flex;gap:20px;}
.btn{
  padding:14px 32px;
  border:1px solid #C9A24E;
  color:#C9A24E;
  text-decoration:none;
  letter-spacing:.1em;
}
.btn-outline{
  background:transparent;
}

.gallery{
  padding:100px 20px;
  text-align:center;
}
.gallery-grid{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.gallery-grid img{
  width:100%;
  height:320px;
  object-fit:cover;
}


.simple-header{
  padding:80px 20px 40px;
  text-align:center;
}
.simple-header h1{
  font-family:Playfair Display,serif;
  font-size:42px;
}
.back-link{
  display:inline-block;
  margin-bottom:20px;
  color:#C9A24E;
  text-decoration:none;
  letter-spacing:.1em;
}