.site-header{position:fixed;top:0;left:0;width:100%;background:#1f2937cc;color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;z-index:50;padding:.5rem 0;transform:translateZ(0);transition:transform .3s;will-change:transform}.site-header__container{max-width:1312px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem}.site-header__brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:#fff;text-decoration:none}.site-header__title{font-size:1.5rem;color:#fff;margin:0}.site-header__logo{height:4rem;display:block}.site-nav__list{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.site-nav__link{font-size:1.25rem;color:#fff;text-decoration:none}.site-nav__link:hover{color:#9ca3af}