.navbar{z-index:100;box-sizing:border-box;background-color:#fff8d9;border-radius:0 0 16px 16px;width:100%;margin:0;padding:10px 0;transition:border-radius .4s ease-in-out,margin .4s ease-in-out,width .4s ease-in-out,top .4s ease-in-out;animation:.4s ease-in-out both navbar-in;position:fixed;top:0;left:0}.navbar.is-scrolled{border-radius:16px;width:calc(100% - 48px);margin:12px 24px 0;top:12px}@keyframes navbar-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.navbar{transition:none;animation:none}}.navbar-container{justify-content:space-between;align-items:center;max-width:100%;min-height:40px;margin:0 auto;padding:0 clamp(12px,4vw,16px);display:flex}.navbar-logo{filter:brightness(0)saturate()invert(18%)sepia(15%)saturate(800%)hue-rotate(10deg)brightness(90%);flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-logo img{aspect-ratio:285/248;flex-shrink:0;width:auto;height:clamp(32px,6vw,40px)}.logo-text{color:#3c3024;font-size:clamp(15px,3.2vw,20px);font-weight:500;font-family:var(--font-poppins), sans-serif;white-space:nowrap}.navbar-menu{gap:5px;list-style:none;display:flex}.navbar-menu li a{color:#3c3024;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px clamp(10px,1.2vw,14px);font-size:clamp(13px,1vw,14px);font-weight:500;text-decoration:none;display:flex;position:relative}.navbar-menu li a:after{content:"";background-color:#3c3024;width:0%;height:2px;transition:width .3s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.navbar-menu li a:hover:after,.navbar-menu li a.active:after{width:85%}.navbar-menu li a.active{font-weight:700}.hamburger{color:#3c3024;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;display:none}.hamburger-icon-wrap{place-items:center;width:24px;height:24px;display:grid;position:relative}.hamburger-icon{opacity:0;grid-area:1/1;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:rotate(-180deg)}.hamburger-icon.is-visible{opacity:1;transform:rotate(0)}@media (prefers-reduced-motion:reduce){.hamburger-icon{transition:opacity .15s ease-in-out;transform:none}}.navbar-menu-mobile{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;flex-direction:column;gap:4px;max-height:0;margin:0;padding:0 24px;list-style:none;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out;display:flex;overflow:hidden}.navbar-menu-mobile.is-open{opacity:1;max-height:calc(100dvh - 72px);padding:8px 24px 16px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.navbar-menu-mobile{transition:opacity .15s ease-in-out}}.navbar-menu-mobile li a{color:#3c3024;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.navbar-menu-mobile li a:hover{background-color:#2c1f1f33}.navbar-menu-mobile li a.active{background-color:#3c30241a;border-bottom:2px solid #000;font-weight:700}@media (max-width:1024px){.navbar{padding:8px 0}.navbar-container{min-height:34px}.navbar-menu{display:none}.hamburger{display:block}}@media (max-width:768px){.navbar-menu-mobile{padding-left:20px;padding-right:20px}.navbar-menu-mobile.is-open{padding:8px 20px 16px}}@media (max-width:425px){.navbar{padding:8px 0}.navbar-container{min-height:34px}.navbar-logo{gap:8px}.navbar-menu-mobile{padding-left:16px;padding-right:16px}.navbar-menu-mobile.is-open{padding:8px 16px 16px}}@media (max-width:360px){.navbar-menu-mobile li a{padding:10px}}