.menu-toggle{display:none}@media(max-width:820px){.header{overflow:visible}.header .header-nav{position:absolute;top:calc(100% + 9px);right:0;left:0;display:flex;visibility:hidden;flex-direction:column;gap:0;padding:8px;border:1px solid rgba(183,134,66,.16);border-radius:15px;background:rgba(255,253,248,.97);box-shadow:0 14px 32px rgba(48,34,19,.12);opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header.menu-open .header-nav{visibility:visible;opacity:1;transform:none}.header .header-nav a{padding:13px 14px;border-radius:10px;font-size:15px;font-weight:600}.header .header-nav a:hover{background:rgba(37,211,102,.1)}.menu-toggle{display:flex;width:37px;height:37px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid rgba(183,134,66,.25);border-radius:11px;background:rgba(255,255,255,.62);cursor:pointer}.menu-toggle span{display:block;width:17px;height:1.5px;border-radius:2px;background:var(--black);transition:transform .2s ease,opacity .2s ease}.header.menu-open .menu-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.header.menu-open .menu-toggle span:nth-child(2){opacity:0}.header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}