.navbar{position:fixed;top:0;left:0;right:0;height:86px;background:#fff;display:flex;align-items:center;z-index:100;box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:0 0 18px 18px;transition:transform .3s ease-in-out;transform:translateY(0)}.navbar.navbar-hidden{transform:translateY(-100%)}.nav-inner{width:100%;max-width:1260px;margin:0 auto;padding:0 36px;justify-content:space-between}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:12px;text-decoration:none}.logo-mark{width:62px;height:62px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-mark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.logotext{margin-left:-10px}.logo-name-img{height:auto;width:auto;max-height:40px;display:block}.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:101}.nav-toggle span{width:28px;height:3px;background:#111;border-radius:3px;transition:all .3s ease;transform-origin:center}.nav-toggle:hover span{background:#d1212c}@media (max-width:768px){.nav-toggle.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.nav-links{display:flex;gap:48px;font-size:20px;letter-spacing:.08em;font-weight:500}.nav-links a{position:relative;text-decoration:none;color:#111;padding-bottom:8px;transition:color .2s ease;font-family:Sanger Regular,Sanger,cursive}.nav-links a:hover{color:#d1212c}.nav-links a.active{border-bottom:-8px solid #d1212c;padding-bottom:3px}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:#d1212c}@media (max-width:768px){.navbar{height:70px;padding:0 16px;border-radius:0 0 0 0}.nav-inner{padding:0 12px;position:relative}.logo-mark{width:48px;height:48px}.nav-toggle{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;width:100vw;height:25vh;background:#fff;display:none;flex-direction:column;align-items:flex-start;gap:20px;padding:16px 24px;box-shadow:0 8px 18px rgba(0,0,0,.12);z-index:90}.nav-links.open{display:flex}.nav-links a{font-size:18px;padding:4px 0;text-align:left}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#d1212c;border-radius:999px}}