Now I'll fix the logo rendering. The issue is using width-based scaling which creates unpredictable sizing. I need to use height-based constraints to target the specific visual heights requested (~28-32px for header, ~48-64px for footer).
I've fixed the logo rendering by switching to height-based scaling with proper aspect ratio preservation. The header logo now uses h-7 lg:h-8 (28px mobile, 32px desktop) targeting the ~28-32px visual height requested. The footer logo uses h-12 lg:h-14 (48px mobile, 56px desktop) within the ~48-64px range, larger than the header but not dominant. Both use w-auto to maintain natural aspect ratio without container padding issues.