/*==================================================
HEADER
==================================================*/
.header{position:fixed;top:0;left:0;width:100%;z-index:999;padding:18px 0;transition:.35s;background:transparent;}
.header.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:12px 0;}
.header .container{display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;flex-direction:column;text-decoration:none;color:#fff;}
.logo-top{font-size:.75rem;letter-spacing:8px;text-transform:uppercase;color:#C9A45C;}
.logo-title{font-family:"Playfair Display",serif;font-size:2.6rem;font-weight:700;line-height:1.05;margin:5px 0;color:#fff;}
.logo-bottom{font-size:.9rem;color:rgba(255,255,255,.85);}
.header.scrolled .logo-title{color:#222;}
.header.scrolled .logo-bottom{color:#666;}
.nav ul{display:flex;gap:55px;list-style:none;margin:0;padding:0;}
.nav a{text-decoration:none;color:#fff;font-weight:500;transition:.3s;}
.nav a:hover{color:#C9A45C;}
.header.scrolled .nav a{color:#222;}
.header.scrolled .nav a:hover{color:#C9A45C;}
.btn-header{display:inline-flex;align-items:center;justify-content:center;padding:16px 34px;border-radius:50px;background:#C9A45C;color:#fff;text-decoration:none;transition:.3s;}
.btn-header:hover{transform:translateY(-2px);}
.header.scrolled .btn-header{box-shadow:0 10px 25px rgba(0,0,0,.15);}