.header-container{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;height:80px}.header-container,.header-content{width:100%;display:flex;align-items:center}.header-content{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg);justify-content:space-between}.header-branding{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-logo-link{text-decoration:none}.logo-image{height:40px;width:auto;object-fit:contain}.header-title-fallback{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header-tagline{font-size:1rem;color:var(--color-text-secondary);white-space:nowrap}.header-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.header-nav-link{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-sm)}.header-nav-link:hover{color:var(--color-primary)}.skeleton-logo{width:120px;height:40px}.skeleton-logo,.skeleton-tagline{background-color:var(--color-border-light);border-radius:var(--radius-sm)}.skeleton-tagline{width:150px;height:16px;margin-top:4px}.skeleton-nav-item{width:80px;height:24px;background-color:var(--color-border-light);border-radius:var(--radius-sm)}@media (max-width:640px){.header-tagline{display:none}.header-nav{gap:var(--spacing-sm)}.header-nav-link{font-size:.875rem;padding:var(--spacing-xs)}.logo-image{height:32px}.header-container{height:64px}}