/* ============================================================ Zaycev Studio — Global Nav + Footer Safe to load alongside Webflow CSS (no global reset). ============================================================ */ :root { --ink: #111111; --paper: #F7F6F2; --white: #FFFFFF; --muted: #686864; --line: #D7D6D0; --panel: #ECEBE6; --accent: #FFD84D; --font: "Onest", "Inter", Arial, sans-serif; /* Motion tokens */ --motion-fast: 160ms; --motion-base: 280ms; --motion-reveal: 600ms; --ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ease-std: ease-out; --motion-arrow: 5px; } /* ============================================================ WEBFLOW BODY MARGIN — TWO PAGE TYPES ============================================================ WEBFLOW-EXPORTED pages (e.g. about.html, blog.html, ux-review.html) → have → Webflow CSS applies: .body { margin: 10px 40px 0 } → nav.css counters with -40px on .hp-header/.hp-footer so they span full viewport width. No extra CSS needed on those pages. CUSTOM pages (e.g. services.html, services/*, portfolio/index.html) → do NOT use class="body" on → no Webflow side margins, so no -40px compensation needed → add this to the page