.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);padding:var(--space-md) var(--gutter);display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference}.nav__logo{font-family:var(--font-heading);font-size:var(--size-md);font-weight:500;letter-spacing:-.02em;color:var(--color-text)}.nav__links{display:flex;gap:var(--space-lg)}.nav__link{font-size:var(--size-sm);color:var(--color-text);position:relative;transition:opacity var(--duration-fast) var(--ease-out)}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-text);transition:width var(--duration-base) var(--ease-out)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__link:hover{opacity:.7}.footer{padding:var(--space-2xl) var(--gutter);border-top:1px solid var(--color-border)}.footer__inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:end}.footer__left{display:flex;flex-direction:column;gap:var(--space-xs)}.footer__brand{font-size:var(--size-lg);font-weight:400}.footer__tagline{font-size:var(--size-sm);color:var(--color-text-muted)}.footer__right{display:flex;gap:var(--space-lg)}.footer__social-link{font-size:var(--size-sm);color:var(--color-text-muted);transition:color var(--duration-fast)}.footer__social-link:hover{color:var(--color-text)}@media(max-width:768px){.nav__links{gap:var(--space-md)}.footer__inner{flex-direction:column;align-items:start;gap:var(--space-lg)}}