.navbar{z-index:1000;width:100%;padding-block:20px;position:relative}.navbar.menu-open{position:fixed;background-color:#1f1f1f}@media(max-width:768px){.navbar{padding-block:30px;margin-block:0}}.navbar>.boxed{display:flex;justify-content:space-between;align-items:center}.navbar__logo{position:static;transform:none}.navbar__logo-image{height:110px;width:auto}.navbar__logo-image.menu-open{filter:unset}@media(max-width:768px){.navbar__logo-image{height:50px}}.navbar__links{display:flex;gap:1.5rem;position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:768px){.navbar__links{display:none}}.navbar__link{text-decoration:none;color:#fff;opacity:.6;font-weight:500;transition:all .2s}.navbar__link:hover{opacity:1}@media(max-width:768px){.navbar__contact{display:none}}.navbar__menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#fff}.navbar__menu-toggle.menu-open>.icon{color:#fff}@media(max-width:768px){.navbar__menu-toggle{display:block}}.navbar__mobile-menu{display:none;flex-direction:column;align-items:center;justify-content:center;position:fixed;background-color:#1f1f1f;backdrop-filter:blur(10px);top:80px;left:0;width:100%;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);height:100svh}@media(max-width:768px){.navbar__mobile-menu{display:flex}}.navbar__mobile-link{text-decoration:none;color:hsla(0,0%,100%,.8);padding:.5rem 0;transition:color .3s ease;font-size:26px;font-weight:700;transform:translateY(-200px)}.navbar__mobile-link:hover{color:#007bff}