.main-nav.main-nav--scrolled{--nav-height: var(--nav-height-scrolled);--nav-logo-height: var(--nav-logo-height-scrolled);--nav-logo-width: var(--nav-logo-width-scrolled);--nav-logo-to-links: var(--nav-logo-to-links-scrolled);--nav-link-gap: var(--nav-link-gap-scrolled);--nav-icon-btn-size: var(--nav-icon-btn-size-scrolled);--nav-icon-gap: var(--nav-icon-gap-scrolled);background-color:#000000f5;box-shadow:0 12px 40px #00000080}.main-nav.main-nav--scrolled .main-nav__logo{max-height:50px}.main-nav.main-nav--scrolled .nav-link{font-size:clamp(14px,1.35vw,17px)}