.topbar{height:8px;background:#ff9500}
.nav{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.96);backdrop-filter:blur(10px);border-bottom:2px solid #ff9500;font-family:"Nunito",Arial,sans-serif}
.nav-inner{max-width:1180px;height:82px;padding:0 20px;margin:auto;display:flex;align-items:center;gap:30px;position:relative}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto;flex-shrink:0;text-decoration:none;color:#211c19}
.logo-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;overflow:hidden;border-radius:12px}
.logo-mark img{display:block;width:100%;height:100%;object-fit:contain}
.logo-text{display:block;line-height:.9}
.logo-text strong{display:block;font-size:15px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.logo-text span{display:block;font-size:8px;font-weight:800;color:#ff9500;letter-spacing:4px;text-align:center;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:8px}
.nav-links a{padding:11px 16px;border-radius:999px;font-size:14px;font-weight:800;color:#211c19;text-decoration:none;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{background:#ff9500;color:#fff}
.menu-toggle{display:none;border:1px solid #e5ddd0;background:#fff;border-radius:12px;width:42px;height:42px;padding:10px;cursor:pointer;flex:0 0 42px;position:relative}
.menu-toggle span{position:absolute;left:10px;width:20px;height:2px;background:#211c19;transition:transform .2s,opacity .2s;top:19px}
.menu-toggle span:first-child{transform:translateY(-6px)}.menu-toggle span:last-child{transform:translateY(6px)}
.menu-toggle.open span:first-child{transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:rotate(-45deg)}
.nav a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #ff9500;outline-offset:4px}
@media(max-width:950px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:calc(100% - 10px);left:20px;right:20px;background:#fffdf9;border:1px solid #e5ddd0;border-radius:18px;padding:12px;box-shadow:0 12px 30px #36281816}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav-links a{text-align:center;padding:12px}}
@media(max-width:620px){.nav-inner{height:70px;gap:10px}.logo-mark{width:42px;height:42px;flex-basis:42px}.logo-text strong{font-size:13px}.logo-text span{font-size:7px;letter-spacing:3px}.logo{gap:8px}}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}