header{background-color:var(--background-color);z-index:20;top:0;inset-inline-start:0;width:100%;position:sticky;box-shadow:0 20px 13px rgb(0 0 0/3%),0 8px 5px rgb(0 0 0/8%)}header .desktop{width:100%;padding:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin:auto}header .desktop .logo{display:flex;gap:1rem;align-items:center;font-weight:600;font-size:1.5rem;line-height:2rem}header .desktop .logo svg{width:3rem;height:3rem}header .desktop .links{display:flex;gap:2rem;@media(max-width:1200px){display: none;}}header .desktop .links nav{display:flex;gap:2rem;align-items:center}header .desktop .links nav .nav-list{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}header .desktop .links nav li{position:relative}header .desktop .nav-list>li>a{font-weight:600}header .desktop .links nav a{color:var(--text-color);font-size:1rem;line-height:1.75rem;text-decoration:none;white-space:nowrap}header .desktop .links nav a:hover{color:var(--primary-color)}header .desktop .mobile-open-menu{display:none;right:1.5rem;top:1.5rem;width:3rem;height:3rem;z-index:10;padding:.5rem;cursor:pointer;color:var(--text-color);@media(max-width:1200px){display: block;}}.mobile{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem}.mobile ul{display:flex;flex-direction:column;font-size:1.25rem;line-height:1.75rem;font-weight:400}.mobile ul li a{padding:.5rem 0;display:flex;justify-content:flex-end}.nav-list .submenu{position:absolute;top:calc(100% + .75rem);left:-8px;min-width:220px;background-color:var(--background-color);border-radius:.5rem;box-shadow:0 10px 30px rgb(0 0 0/.15);list-style:none;padding:.5rem 0;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1000}.nav-list .has-submenu:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-list .submenu li a{display:block;padding:.6rem 1.25rem;font-size:.95rem;color:var(--text-color)}.nav-list .submenu li a:hover{background-color:rgb(0 0 0/4%);color:var(--primary-color)}.nav-list .has-submenu>a::after{content:"▾";margin-left:.4rem;font-size:.75em}