header{width:100%;position:fixed;top:0;background:#fff0;z-index:1000}.scrolled{background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.header__container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 20px}.header__logo{display:flex;align-items:center;justify-content:center;gap:10px}.header__logo a{display:flex;align-items:center;flex-direction:column;justify-content:center;text-decoration:none;gap:2px}.header__logo a p{font-family:'Dancing Script';font-size:20px;color:#4A3A2C;margin:0}.header__logo a p .highlight{color:var(--color-accent-hover)}.header__logo img{width:clamp(50px, 6vw, 60px)}.header__logo img.header__logo-custom{width:auto;height:75px;max-height:75px;object-fit:contain}@media (min-width:768px){.header__logo img.header__logo-custom{height:95px;max-height:95px}.header__logo a p{font-size:26px}}.desktop-nav{display:none}.hamburger{display:flex;flex-direction:column;gap:6px;padding:10px;background:none;border:none;cursor:pointer;z-index:1100}.hamburger span{width:28px;height:3px;background:#000;transition:0.3s}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;background:#fff;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform 0.4s ease;z-index:1050;width:100vw;height:100vh;max-width:100vw;max-height:100vh;left:0;right:0}.mobile-nav.active{transform:translateY(0)}#mobile-menu{list-style:none;text-align:center;padding:0}#mobile-menu li{margin:20px 0}#mobile-menu li a{font-size:2rem;color:#000;text-decoration:none;font-weight:600;transition:0.2s}#mobile-menu li a:hover{color:#d57a00}#primary-menu{display:flex;gap:2rem;list-style:none;text-align:center;padding:0}#primary-menu li a{font-weight:500;text-decoration:none;transition:color 0.3s;color:#000}#primary-menu li a:hover{color:#d57a00}.home header:not(.scrolled) #primary-menu li a{color:var(--color-background)}.home header:not(.scrolled) #primary-menu li a:hover{color:var(--color-accent)}.home header:not(.scrolled) .header__logo a p{color:var(--color-background)}.home header:not(.scrolled) .header__logo a p .highlight{color:var(--color-accent)}.home header:not(.scrolled) .hamburger span{background:var(--color-background)}.home header:not(.scrolled) .hamburger.active span{background:#000}@media (min-width:992px){.hamburger{display:none}.mobile-nav{display:none}.desktop-nav{display:block}}