/* ============================================================ K9 Clubhouse — Site Stylesheet Brand: K9 Kōwhai (#f7d40a), K9 Black (#232335), K9 Chocolate (#625852), White (#FFFFFF) Type: Baloo 2 (headings) + Nunito (body) — both Google Fonts. Section markers (/* START:name */ /* END:name */) enable surgical updates via thincms_patch_css(section, css). ============================================================ */ /* START:reset-variables */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } :root { /* Brand tokens (do not change) */ --k9-yellow: #f7d40a; --k9-black: #232335; --k9-chocolate: #625852; --k9-white: #FFFFFF; /* Working tokens (derived) */ --k9-yellow-bright: #FFE03A; --k9-black-soft: #2D2D43; --k9-chocolate-soft: #8A8079; --text-on-dark: #EDEAE0; --border-light: #ECE9E2; --border-dark: rgba(255,255,255,0.08); /* Shadows + shape */ --shadow-sm: 0 1px 3px rgba(35,35,53,0.08); --shadow-md: 0 4px 16px rgba(35,35,53,0.10); --shadow-lg: 0 12px 40px rgba(35,35,53,0.14); --shadow-yellow: 0 6px 20px rgba(247,212,10,0.35); --radius: 12px; --radius-lg: 20px; --radius-pill: 999px; --container: 1140px; } html { scroll-behavior: smooth; } body { font-family: 'Nunito', -apple-system, Helvetica, Arial, sans-serif; color: var(--k9-chocolate); background: var(--k9-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; font-size: 17px; } h1, h2, h3, h4 { font-family: 'Baloo 2', 'Trebuchet MS', sans-serif; font-weight: 700; color: var(--k9-black); line-height: 1.15; letter-spacing: -0.01em; } h1 { font-size: 3.2rem; } h2 { font-size: 2.4rem; font-weight: 600; } h3 { font-size: 1.35rem; font-weight: 600; } p { line-height: 1.65; } img { max-width: 100%; display: block; } a { text-decoration: none; color: inherit; } .container { max-width: var(--container); margin: 0 auto; padding: 0 24px; } /* END:reset-variables */ /* START:thincms-wrapper-overrides ThinCMS wraps `wrapped` mode page content with Tailwind utility classes (max-w-4xl mx-auto px-4 py-12), an auto

, and a .prose div. We need to neutralise these so our full-bleed sections work. Never remove this block. / .max-w-4xl, [class="max-w-"] { max-width: none !important; } .mx-auto.max-w-4xl, .max-w-4xl.mx-auto { margin-left: 0 !important; margin-right: 0 !important; } [class="px-"], [class="py-"] { padding: 0 !important; } .prose { max-width: none !important; color: inherit !important; font-family: inherit !important; } .prose > * { margin: 0 !important; } .prose section { margin: 0 !important; } /* Hide the auto-generated page

ThinCMS injects — our pages provide their own hero/section headings. / body > main > h1:first-child, .prose > h1:first-child { display: none !important; } / Since ~mid-2026 ThinCMS emits a

Blog