.nav{width:100vw;height:10vh;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.805vh 16.667vw;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}body:has(.scrolled) .nav{background:#000}.nav img{width:52px}.nav__logo{height:2.708vw;display:flex}.nav__logo img{width:2.708vw;height:2.708vw}.nav__logo span{color:var(---1,#fff);font-family:Lato;font-size:1vw;font-style:normal;font-weight:900;line-height:2.188vw;margin-left:.521vw;margin-top:.26vw}.nav__buttons{gap:1rem}.nav__button1,.nav__buttons{display:flex;align-items:center}.nav__button1{padding:.313vw .625vw;justify-content:center;gap:.521vw;border-radius:.313vw;background:var(---,#fff);color:var(---1,#000);font-family:Lato;font-size:1.042vw;font-style:normal;font-weight:600;line-height:1.25vw}.nav__button1:hover{background:var(---1,#fff)}.nav__button2{display:flex;padding:.313vw .625vw;justify-content:center;align-items:center;gap:.521vw;border-radius:.313vw;color:var(---1,#fff);font-family:Lato;font-size:1.042vw;font-style:normal;font-weight:600;line-height:1.25vw}@media screen and (max-width:430px){.nav{display:none}}