.navbar{grid-area:navbar;justify-content:center;background-color:#ffffff;color:white;padding:6px 20px;height:76px;position:relative;border:1px;border-color:aqua;overflow:visible}.logo,.navbar{display:flex;align-items:center}.logo{position:absolute;left:145px;top:50%;transform:translateY(-50%);font-size:1.5em;font-weight:700;color:rgb(8,8,8);z-index:2}.logo img{height:68px;width:auto}.logo img,.logo picture{display:block}.nav-links{list-style:none;justify-content:center;gap:30px;margin:0;padding:0}.nav-links,.nav-links li{display:flex;align-items:center;height:100%}.nav-links li{position:relative}.nav-links a,.nav-links span{color:var(--hanvize-navy,#062a59);text-decoration:none;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;height:100%;white-space:nowrap;transition:color .2s ease}.nav-links a:hover,.nav-links span:hover{color:var(--hanvize-gold,#b99a68);text-decoration:none}.hamburger{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer}.hamburger span{display:block;width:25px;height:3px;background-color:rgb(17,17,17);margin:5px 0}.dropdown-menu{position:fixed;top:76px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);list-style:none;padding:20px;margin:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;border:1px solid rgba(6,42,89,.16);z-index:1000;min-width:400px;border-radius:4px;box-shadow:0 18px 38px rgba(6,42,89,.2),0 3px 10px rgba(185,154,104,.12);max-height:none;overflow:visible;animation:dropdownOpen .22s ease-out both;transform-origin:top center;perspective:900px}.dropdown-menu:before{content:"";position:absolute;top:-1px;left:12%;right:12%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--hanvize-gold,#b99a68),transparent);box-shadow:0 0 12px rgba(185,154,104,.45)}@keyframes dropdownOpen{0%{opacity:.35;transform:translateX(-50%) translateY(-4px);-webkit-clip-path:inset(0 0 100% 0 round 4px);clip-path:inset(0 0 100% 0 round 4px)}to{opacity:1;transform:translateX(-50%) translateY(0);-webkit-clip-path:inset(0 0 0 0 round 4px);clip-path:inset(0 0 0 0 round 4px)}}.dropdown-menu li{padding:10px;color:#333;text-align:center;font-size:.95em;border-radius:4px;animation:dropdownItemIn .2s ease-out both}.dropdown-menu li:nth-child(2n){animation-delay:20ms}.dropdown-menu li:nth-child(3n){animation-delay:35ms}@keyframes dropdownItemIn{0%{opacity:0;transform:translateY(-8px) rotateX(-8deg)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.dropdown-menu li{animation:none}}.dropdown-menu li:hover{background-color:transparent}.dropdown-menu button{background:none;border:none;color:var(--hanvize-navy,#062a59);width:100%;text-align:left;cursor:pointer;font-weight:700;display:flex;align-items:center;padding-left:10px;font-size:large;position:relative;transition:color .2s ease,background-color .2s ease}.dropdown-menu button:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;border-radius:999px;background:var(--hanvize-gold,#b99a68);transform:translateX(-50%);transition:width .25s ease}.dropdown-menu button img{width:40px;height:34px;margin-right:8px}.dropdown-menu button:hover{background-color:transparent;color:var(--hanvize-navy,#062a59)}.dropdown-menu button:hover:after{width:calc(100% - 18px)}@media (max-width:1024px){.dropdown-menu button:after{display:none}}@media (max-width:1280px){.logo{left:90px}.logo img{height:60px}.nav-links{gap:24px}.nav-links a,.nav-links span{font-size:.95rem}}@media (max-width:1050px){.logo{display:none}.nav-links{gap:20px}.nav-links a,.nav-links span{font-size:.93rem}}@media (max-width:1024px){.logo{display:flex;position:static;transform:none;margin:0 auto;align-items:center;justify-content:center}.logo img{width:150px;height:56px;object-fit:contain}.navbar{height:60px;min-height:60px;padding:3px 20px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:linear-gradient(180deg,#ffffff,#f7f9fc);border-top:1px solid rgba(6,42,89,.12);box-shadow:0 16px 28px rgba(6,42,89,.14);padding:20px;gap:20px;z-index:1001;height:auto}.nav-links.open a,.nav-links.open span{color:var(--hanvize-navy,#062a59)}.nav-links.open a:hover,.nav-links.open span:hover{color:var(--hanvize-gold,#b99a68)}.nav-links.open li{height:auto}.nav-links.open a,.nav-links.open span{height:auto;display:block}.hamburger{display:block}.hamburger span{width:22px;height:2px;margin:4px 0}.dropdown-menu{font-size:.8em;width:90%;top:60px;left:50%;transform:translateX(-50%);grid-template-columns:repeat(2,1fr);max-height:420px;overflow-y:auto;z-index:1000}.dropdown-menu::-webkit-scrollbar{display:none}}