header{position:fixed;top:0;left:0;width:100%;z-index:500;transition:background .4s ease,box-shadow .4s ease}header.top{background:0 0;box-shadow:none}header.scrolled{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,8%)}.header{position:relative;display:flex;width:100%;padding:16px 32px;gap:1rem;align-items:center;justify-content:space-between}.logo{display:flex;height:52px;align-items:center}.logo img{height:100%;width:auto;object-fit:contain;transition:filter .4s ease}header.top .logo img{filter:brightness(0)invert(1)}nav{display:flex;align-items:center}nav ul{display:flex;align-items:center;gap:2.5rem;font-family:var(--font-text);font-size:1rem;font-weight:600}nav a{position:relative;padding-bottom:4px;transition:color .3s}header.top nav a{color:rgba(255,255,255,.9)}header.scrolled nav a{color:#333}nav a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--color-accent);border-radius:2px;transition:width .3s ease}nav a:hover::after{width:100%}nav a:hover{color:var(--color-accent)}nav li.active>a::after{width:100%}.hamburger{display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:44px;height:44px;padding:0;background:0 0;border:none;cursor:pointer}.hamburger__line{display:block;height:2px;border-radius:2px;transition:width .25s ease,background .4s ease}header.top .hamburger__line{background:#fff}header.scrolled .hamburger__line{background:var(--color-dark)}.hamburger__line--long{width:32px}.hamburger__line--short{width:20px}.hamburger:hover .hamburger__line--short{width:32px}@media(max-width:820px){nav{display:none}.hamburger{display:flex}.header{padding:14px 20px}}@media(max-width:500px){.logo img{height:38px}}