*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,sans-serif;color:#222;background:#fff}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:999}
.logo{text-align:center;font-family:'Cormorant Garamond',serif}
.cc{font-size:32px}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{text-decoration:none;color:#222;font-size:13px;letter-spacing:1px}
.hero{height:100vh;background-size:contain;background-position:center;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;transition:background-image 1.5s ease-in-out}
.hero-content{text-align:center;color:white;background:rgba(0,0,0,.25);padding:40px}
h1,h2{font-family:'Cormorant Garamond',serif}
section{padding:100px 10%}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.gallery img{width:100%;height:350px;object-fit:cover;transition:.3s}
.gallery img:hover{transform:scale(1.03)}
.logo img{width:225px;height:auto;display:block;margin:0 auto;}
video{width:100%;border-radius:10px}
form{display:flex;flex-direction:column;gap:12px}
input,textarea,button{padding:14px}
button{cursor:pointer}
@media(max-width:768px){header{padding:10px 15px;}
.logo img{width:120px;height:auto;}
nav{gap:10px;}
nav a{font-size:11px;}
header{flex-direction:column}
nav{justify-content:center}
}