.header{background-color:#fff;border-bottom:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.header__container{height:4rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:0 var(--spacing-md)}.header__container,.header__logo,.header__logo a{align-items:center;display:flex}.header__logo a{text-decoration:none}.header__logo-img{height:auto;max-height:2.5rem;max-width:100%;transition:opacity var(--transition-fast)}.header__logo-img:hover{opacity:.8}.header__nav{align-items:center;display:flex}.nav__list{gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav__item,.nav__list{display:flex}.nav__link{align-items:center;border-radius:var(--radius-md);color:var(--color-neutral-700);display:inline-flex;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:color var(--transition-fast)}.nav__link:hover{background-color:var(--color-primary-50);color:var(--color-primary-600)}@media (min-width:640px){.header__container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){.header__container{padding:0 var(--spacing-xl)}}