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

body { margin:0; font-family:'Helvetica Neue',sans-serif; background:#fff; color:#000; }
header { position:fixed; top:0; width:100%; background:#000; padding:15px 0; z-index:1000; }
.nav-container { max-width:1200px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 20px; }
.logo img { width:100px; }
nav a { margin:0 10px; color:#C6A664; text-decoration:none; font-weight:bold; }
nav a.button { background:#C6A664; color:#fff; padding:10px 20px; border-radius:6px; }
nav a.button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

.hero { background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat; padding:200px 20px 100px; color:#fff; text-align:center; }
.hero-content h1 { font-family:'Playfair Display',serif; font-size:48px; margin-bottom:20px; }
.button { background:#C6A664; color:#fff; padding:15px 30px; border-radius:8px; text-decoration:none; display:inline-block; margin-top:20px; }
.button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

.section { padding:100px 20px; text-align:center; }
.white-bg { background:#fff; }
.grey-bg { background:#F2F2F2; }
h2 { font-family:'Playfair Display',serif; font-size:36px; margin-bottom:20px; }
.cards { display:flex; flex-wrap:wrap; gap:30px; justify-content:center; margin-top:40px; }
.card { background:#fff; border:1px solid #C6A664; padding:30px; border-radius:8px; width:250px; transition:transform .3s; }
.card:hover { transform:scale(1.05); }
.contact-form { max-width:600px; margin:auto; display:flex; flex-direction:column; gap:15px; }
.contact-form input, .contact-form textarea { padding:15px; border:1px solid #ccc; border-radius:8px; }
.contact-form button { background:#C6A664; color:#fff; border:none; padding:15px; border-radius:8px; font-weight:bold; cursor:pointer; }
.contact-form button:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

footer { background:#1A1A1A; color:#fff; padding:40px 20px; font-size:14px; text-align:center; }
.footer-container { max-width:1200px; margin:auto; }
.button-footer { background:#C6A664; color:#fff; padding:10px 20px; border-radius:6px; text-decoration:none; margin-bottom:20px; display:inline-block; }
.button-footer:hover { background:#000; color:#C6A664; border:1px solid #C6A664; }

@media (max-width:768px) {
    .cards { flex-direction:column; align-items:center; }
    .nav-container { flex-direction:column; }
}