nav{padding:var(--band-lg) 0 var(--band-sm)}.nav__flex{align-items:center;display:flex;justify-content:space-between}.btn--nav{backdrop-filter:blur(2px);background:rgba(0,0,0,.37);border-radius:11px;position:fixed;right:100px;top:var(--band-lg);z-index:10}.btn--nav__ghost{opacity:0;pointer-events:none}.main-nav.open-menu--colorfill{height:100%;z-index:8}.nav-color--change{background-color:var(--bg-brand-primary)}.fill{min-height:150px}.nav-menubutton{align-items:center;background-color:var(--tertiary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:8px;height:49px;justify-content:center;position:fixed;right:20px;top:var(--band-lg);vertical-align:baseline;width:56px;z-index:10}a.h2.menu-items--text{padding-bottom:5px}.nav__left.logo{z-index:10}.nav-container{top:100px}.menu_line{background-color:#000;height:2px;transition:transform .3s ease;width:16px}.nav-menubutton.active .menu_line:first-child{transform:translateY(5px) rotate(46deg);width:25px}.nav-menubutton.active .menu_line:last-child{transform:translateY(-5px) rotate(-46deg);width:25px}.menu-dropdown--wrapper{display:flex;justify-content:space-around;max-height:0;max-width:1186px;min-width:100%;opacity:0;overflow:hidden;position:fixed;transition:opacity .4s ease-out}.menu-dropdown--wrapper.active{max-height:100%;min-height:100%;opacity:1;transition:opacity .4s ease-out;z-index:10}.main-nav{height:0;inset:0;position:fixed;transition:height .5s ease,transform .2s ease;z-index:2}.main-nav:before{background-color:var(--bg-secondary);content:"";inset:0;position:absolute;transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.main-nav.open-menu--colorfill:before{transform:scaleY(1);z-index:8}.menu-items{display:flex;flex-direction:column;gap:5px;padding:var(--band-lg)}.social-icons{padding-top:var(--band-md)}.menu-items--text:hover{color:var(--text-brand-primary)}.menu-items--text{font-weight:lighter}.right-sidebar--wrapper{padding:var(--band-lg)}.nav--hidden-scroll{transform:translateY(-100px)}@media (min-width:1186px){.btn--nav{right:calc(60vw - 581px)}.nav-menubutton{right:calc(50vw - 581px)}}@media (max-width:768px){.menu-dropdown--wrapper{display:unset}.nav__logo img{width:100px}.btn--nav{right:90px}}@media (max-width:400px){.btn--nav{width:120px}}