/* ===================================================================== OzSites — single hand-written stylesheet --------------------------------------------------------------------- Section index: 1. Reset + base 2. Theme tokens (defaults; per-site values come from :root) 3. Typography 4. Layout / containers / utility helpers 5. Skip link + accessibility 6. Header — top utility bar 7. Header — main bar (logo, nav, More dropdown, CTAs) 8. Header — mobile hamburger + drawer 9. Footer — CTA strip 10. Footer — main grid 11. Footer — bottom legal row 12. Buttons + forms 13. Block library — section heading + utilities 14. Prose — generic rich-text content (.prose) 14b. Content blocks (text+image, quote, stats, feature grid, FAQ) 14c. Hero blocks (home, audience, branch) 14d. Trust blocks (testimonials, awards, press, accreditations, Google) 14e. People & location blocks (team, branches, hours, area map) 14f. Lead capture blocks (forms — shared shell + per-form tweaks) 14g. Calculator blocks (mortgage, stamp duty) 14h. Marketing blocks (CTA banner, services, properties, news, pricing) 14i. Page furniture (breadcrumbs, gallery, share, video, divider) 14j. Lightbox overlay (used by image gallery) 15. Phase 1 placeholder utilities 15b. Cookie consent banner 16. Print styles 17. Reduced-motion / a11y overrides ===================================================================== */ /* ---- 1. Reset + base -------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; line-height: 1.15; } body { margin: 0; background: hsl(var(--background, 0 0% 100%)); color: hsl(var(--foreground, 0 0% 12%)); font-family: var(--font-sans, system-ui, sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.55; min-height: 100vh; display: flex; flex-direction: column; } img, video, picture, svg { max-width: 100%; height: auto; display: block; } button, input, select, textarea { font: inherit; color: inherit; } button { background: none; border: 0; padding: 0; cursor: pointer; } ul { list-style: none; padding: 0; margin: 0; } a { color: hsl(var(--primary, 181 100% 19%)); text-decoration: none; } a:hover { text-decoration: underline; text-underline-offset: 2px; } /* ---- 2. Theme tokens (defaults — per-site overrides via inline