:root{--cj-color-ink:#161413;--cj-color-ink-soft:#4a443f;--cj-color-ink-muted:#6e655c;--cj-color-ink-faint:#9c918a;--cj-color-gold:#c6a87a;--cj-color-gold-deep:#b4925a;--cj-color-gold-bronze:#8c7547;--cj-color-cream:#faf6ee;--cj-color-cream-deep:#f1ece0;--cj-color-cream-edge:#eee4d2;--cj-color-paper:#ffffff;--cj-color-fog:#faf8f3;--cj-color-frost:#f1ece0;--cj-color-mist:#e6dec9;--cj-color-success:#16a34a;--cj-color-warning:#d97706;--cj-color-danger:#dc2626;--cj-font-sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--cj-font-serif:'Source Serif 4',Georgia,'Times New Roman',serif;--cj-font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--cj-fw-regular:400;--cj-fw-medium:500;--cj-fw-semibold:600;--cj-fw-bold:700;--cj-fw-black:800;--cj-text-eyebrow:clamp(11px,0.65vw + 9px,12px);--cj-text-meta:clamp(12px,0.7vw + 10px,13px);--cj-text-small:clamp(13px,0.8vw + 11px,14px);--cj-text-body:clamp(15px,1.0vw + 12px,17px);--cj-text-body-lg:clamp(16px,1.2vw + 13px,19px);--cj-text-lead:clamp(17px,1.4vw + 14px,22px);--cj-text-h6:clamp(15px,1.2vw + 12px,18px);--cj-text-h5:clamp(17px,1.4vw + 13px,22px);--cj-text-h4:clamp(20px,1.8vw + 15px,28px);--cj-text-h3:clamp(24px,2.2vw + 16px,36px);--cj-text-h2:clamp(30px,3.2vw + 18px,48px);--cj-text-h1:clamp(36px,4.5vw + 20px,64px);--cj-text-display:clamp(44px,5.5vw + 24px,84px);--cj-lh-tight:1.15;--cj-lh-snug:1.30;--cj-lh-normal:1.55;--cj-lh-relaxed:1.70;--cj-ls-tight:-0.02em;--cj-ls-snug:-0.01em;--cj-ls-normal:0;--cj-ls-wide:0.02em;--cj-ls-wider:0.08em;--cj-ls-widest:0.16em;--cj-space-1:4px;--cj-space-2:8px;--cj-space-3:12px;--cj-space-4:16px;--cj-space-5:24px;--cj-space-6:32px;--cj-space-7:48px;--cj-space-8:64px;--cj-space-9:80px;--cj-space-10:96px;--cj-space-11:128px;--cj-space-12:160px;--cj-section-pad-y:clamp(56px,6vw + 32px,96px);--cj-section-pad-y-lg:clamp(72px,8vw + 40px,128px);--cj-section-pad-x:clamp(20px,3vw + 12px,48px);--cj-max-text:68ch;--cj-max-narrow:720px;--cj-max-content:960px;--cj-max-wide:1140px;--cj-max-shell:1240px;--cj-max-grand:1360px;--cj-radius-sm:6px;--cj-radius-md:10px;--cj-radius-lg:16px;--cj-radius-xl:24px;--cj-radius-pill:999px;--cj-shadow-1:0 1px 2px rgba(22,20,19,0.04),0 2px 6px rgba(22,20,19,0.04);--cj-shadow-2:0 4px 12px rgba(22,20,19,0.06),0 2px 4px rgba(22,20,19,0.04);--cj-shadow-3:0 12px 32px rgba(22,20,19,0.10),0 4px 8px rgba(22,20,19,0.05);--cj-shadow-4:0 20px 50px rgba(22,20,19,0.14),0 8px 16px rgba(22,20,19,0.06);--cj-shadow-5:0 32px 80px rgba(22,20,19,0.18),0 12px 24px rgba(22,20,19,0.08);--cj-ring-focus:0 0 0 3px rgba(198,168,122,0.45);--cj-ease-out:cubic-bezier(0.16,1,0.3,1);--cj-ease-in-out:cubic-bezier(0.65,0,0.35,1);--cj-dur-fast:120ms;--cj-dur-base:220ms;--cj-dur-slow:420ms;--cj-z-base:1;--cj-z-raised:10;--cj-z-sticky:50;--cj-z-overlay:80;--cj-z-modal:100;--cj-z-toast:1000}.cj-shell{width:100%;max-width:var(--cj-max-shell);margin:0 auto;padding-left:var(--cj-section-pad-x);padding-right:var(--cj-section-pad-x)}.cj-shell--narrow{max-width:var(--cj-max-narrow)}.cj-shell--content{max-width:var(--cj-max-content)}.cj-shell--wide{max-width:var(--cj-max-wide)}.cj-shell--grand{max-width:var(--cj-max-grand)}.cj-section{padding-top:var(--cj-section-pad-y);padding-bottom:var(--cj-section-pad-y)}.cj-section--lg{padding-top:var(--cj-section-pad-y-lg);padding-bottom:var(--cj-section-pad-y-lg)}.cj-section--cream{background:var(--cj-color-cream)}.cj-section--cream-deep{background:var(--cj-color-cream-deep)}.cj-section--ink{background:var(--cj-color-ink);color:var(--cj-color-cream)}.cj-section--fog{background:var(--cj-color-fog)}.cj-stack > * + *{margin-top:var(--cj-space-4)}.cj-stack-2 > * + *{margin-top:var(--cj-space-2)}.cj-stack-3 > * + *{margin-top:var(--cj-space-3)}.cj-stack-5 > * + *{margin-top:var(--cj-space-5)}.cj-stack-6 > * + *{margin-top:var(--cj-space-6)}.cj-stack-7 > * + *{margin-top:var(--cj-space-7)}.cj-grid{display:grid;gap:var(--cj-space-5)}.cj-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cj-grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cj-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cj-row{display:flex;flex-wrap:wrap;gap:var(--cj-space-4);align-items:center}.cj-row-tight{display:flex;flex-wrap:wrap;gap:var(--cj-space-2);align-items:center}.cj-font-serif{font-family:var(--cj-font-serif)}.cj-font-sans{font-family:var(--cj-font-sans)}.cj-eyebrow{font-family:var(--cj-font-sans);font-size:var(--cj-text-eyebrow);font-weight:var(--cj-fw-bold);letter-spacing:var(--cj-ls-widest);text-transform:uppercase;color:var(--cj-color-gold-bronze)}.cj-display{font-family:var(--cj-font-serif);font-size:var(--cj-text-display);font-weight:var(--cj-fw-bold);line-height:var(--cj-lh-tight);letter-spacing:var(--cj-ls-tight);color:var(--cj-color-ink)}.cj-h1{font-family:var(--cj-font-serif);font-size:var(--cj-text-h1);font-weight:var(--cj-fw-bold);line-height:var(--cj-lh-tight);letter-spacing:var(--cj-ls-tight);color:var(--cj-color-ink)}.cj-h2{font-family:var(--cj-font-serif);font-size:var(--cj-text-h2);font-weight:var(--cj-fw-bold);line-height:var(--cj-lh-snug);letter-spacing:var(--cj-ls-snug);color:var(--cj-color-ink)}.cj-h3{font-family:var(--cj-font-serif);font-size:var(--cj-text-h3);font-weight:var(--cj-fw-bold);line-height:var(--cj-lh-snug);color:var(--cj-color-ink)}.cj-h4{font-family:var(--cj-font-sans);font-size:var(--cj-text-h4);font-weight:var(--cj-fw-bold);line-height:var(--cj-lh-snug);color:var(--cj-color-ink)}.cj-lead{font-family:var(--cj-font-sans);font-size:var(--cj-text-lead);line-height:var(--cj-lh-normal);color:var(--cj-color-ink-soft);font-weight:var(--cj-fw-regular)}.cj-body{font-family:var(--cj-font-sans);font-size:var(--cj-text-body);line-height:var(--cj-lh-relaxed);color:var(--cj-color-ink-soft)}.cj-meta{font-family:var(--cj-font-sans);font-size:var(--cj-text-meta);color:var(--cj-color-ink-muted);letter-spacing:var(--cj-ls-wide)}.cj-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cj-space-2);padding:14px 26px;border-radius:var(--cj-radius-pill);font-family:var(--cj-font-sans);font-size:14px;font-weight:var(--cj-fw-bold);letter-spacing:var(--cj-ls-wide);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform var(--cj-dur-base) var(--cj-ease-out),box-shadow var(--cj-dur-base) var(--cj-ease-out),background var(--cj-dur-base) var(--cj-ease-out),color var(--cj-dur-base) var(--cj-ease-out);white-space:nowrap;line-height:1}.cj-btn:hover{transform:translateY(-2px)}.cj-btn:focus-visible{outline:none;box-shadow:var(--cj-ring-focus)}.cj-btn--primary{background:var(--cj-color-gold);color:var(--cj-color-ink);box-shadow:var(--cj-shadow-2)}.cj-btn--primary:hover{background:var(--cj-color-gold-deep);box-shadow:var(--cj-shadow-3)}.cj-btn--ink{background:var(--cj-color-ink);color:var(--cj-color-cream)}.cj-btn--ink:hover{background:#2a2522;box-shadow:var(--cj-shadow-3)}.cj-btn--ghost{background:transparent;color:var(--cj-color-ink);border-color:var(--cj-color-ink)}.cj-btn--ghost:hover{background:var(--cj-color-ink);color:var(--cj-color-cream)}.cj-btn--ghost-gold{background:transparent;color:var(--cj-color-gold-bronze);border-color:var(--cj-color-gold)}.cj-btn--ghost-gold:hover{background:var(--cj-color-gold);color:var(--cj-color-ink)}.cj-btn--sm{padding:10px 18px;font-size:13px}.cj-btn--lg{padding:18px 32px;font-size:15px}.cj-btn--block{display:flex;width:100%}.cj-card{background:var(--cj-color-paper);border:1px solid var(--cj-color-cream-edge);border-radius:var(--cj-radius-lg);padding:var(--cj-space-6);box-shadow:var(--cj-shadow-1);transition:box-shadow var(--cj-dur-base) var(--cj-ease-out),transform var(--cj-dur-base) var(--cj-ease-out)}.cj-card:hover{box-shadow:var(--cj-shadow-3);transform:translateY(-2px)}.cj-card--cream{background:var(--cj-color-cream)}.cj-card--ink{background:var(--cj-color-ink);color:var(--cj-color-cream);border-color:#2a2522}.cj-card--quiet{box-shadow:none}.cj-divider{border:0;border-top:1px solid var(--cj-color-cream-edge);margin:var(--cj-space-7) 0}.cj-divider--mist{border-top-color:var(--cj-color-mist)}.cj-divider--gold{height:2px;width:48px;background:var(--cj-color-gold);border:0;margin:var(--cj-space-4) 0}.cj-tag{display:inline-flex;align-items:center;gap:var(--cj-space-2);padding:6px 14px;border-radius:var(--cj-radius-pill);font-family:var(--cj-font-sans);font-size:12px;font-weight:var(--cj-fw-bold);letter-spacing:var(--cj-ls-wide);text-transform:uppercase;background:var(--cj-color-cream);color:var(--cj-color-gold-bronze);border:1px solid var(--cj-color-cream-edge)}.cj-tag--ink{background:var(--cj-color-ink);color:var(--cj-color-cream);border-color:transparent}.cj-tag--gold{background:var(--cj-color-gold);color:var(--cj-color-ink);border-color:transparent}.cj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cj-skip-link{position:absolute;top:-40px;left:8px;background:var(--cj-color-ink);color:var(--cj-color-cream);padding:8px 12px;border-radius:var(--cj-radius-sm);text-decoration:none;z-index:var(--cj-z-toast)}.cj-skip-link:focus{top:8px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media (max-width:680px){.cj-section{padding-top:56px;padding-bottom:56px}.cj-section--lg{padding-top:72px;padding-bottom:72px}.cj-grid{gap:var(--cj-space-4)}.cj-btn{padding:13px 22px}.cj-card{padding:var(--cj-space-5)}}.cj-grid-3x2{grid-template-columns:repeat(3,1fr) !important}.cj-grid-5x1{grid-template-columns:repeat(5,1fr) !important}@media (max-width:980px){.cj-grid-3x2{grid-template-columns:repeat(2,1fr) !important}.cj-grid-5x1{grid-template-columns:repeat(2,1fr) !important}}@media (max-width:640px){.cj-grid-3x2,.cj-grid-5x1{grid-template-columns:1fr !important}}[style*="color:#0f172a"],[style*="color:#0f172a"],[style*="color:#1e293b"],[style*="color:#1e293b"]{color:var(--cj-color-ink) !important}[style*="color:#334155"],[style*="color:#334155"],[style*="color:#475569"],[style*="color:#475569"]{color:var(--cj-color-ink-soft) !important}[style*="color:#64748b"],[style*="color:#64748b"]{color:var(--cj-color-ink-muted) !important}[style*="color:#94a3b8"],[style*="color:#94a3b8"]{color:var(--cj-color-ink-faint) !important}[style*="background:#f8fafc"],[style*="background:#f8fafc"],[style*="background-color:#f8fafc"],[style*="background-color:#f8fafc"]{background-color:var(--cj-color-fog) !important}[style*="background:#f1f5f9"],[style*="background:#f1f5f9"],[style*="background-color:#f1f5f9"],[style*="background-color:#f1f5f9"]{background-color:var(--cj-color-frost) !important}[style*="background:#e2e8f0"],[style*="background:#e2e8f0"],[style*="background-color:#e2e8f0"],[style*="background-color:#e2e8f0"]{background-color:var(--cj-color-mist) !important}[style*="background:#cbd5e1"],[style*="background:#cbd5e1"]{background-color:var(--cj-color-cream-edge) !important}[style*="border:1px solid #e2e8f0"],[style*="border:1px solid #e2e8f0"],[style*="border-color:#e2e8f0"],[style*="border-color:#e2e8f0"],[style*="border-color:#cbd5e1"],[style*="border-color:#cbd5e1"]{border-color:var(--cj-color-mist) !important}[style*="color:#1e40af"],[style*="color:#1e40af"],[style*="color:#1e3a8a"],[style*="color:#1e3a8a"],[style*="color:#1e3a5f"],[style*="color:#1e3a5f"],[style*="color:#2563eb"],[style*="color:#2563eb"],[style*="color:#3b82f6"],[style*="color:#3b82f6"]{color:var(--cj-color-ink) !important}[style*="background:#1e40af"],[style*="background:#1e40af"],[style*="background:#1e3a8a"],[style*="background:#1e3a8a"],[style*="background:#2563eb"],[style*="background:#2563eb"],[style*="background-color:#1e40af"],[style*="background-color:#1e40af"],[style*="background-color:#1e3a8a"],[style*="background-color:#1e3a8a"],[style*="background-color:#2563eb"],[style*="background-color:#2563eb"]{background-color:var(--cj-color-ink) !important}[style*="background:#dbeafe"],[style*="background:#dbeafe"],[style*="background:#eff6ff"],[style*="background:#eff6ff"],[style*="background-color:#dbeafe"],[style*="background-color:#dbeafe"],[style*="background-color:#eff6ff"],[style*="background-color:#eff6ff"]{background-color:var(--cj-color-cream) !important}:where(body:not(.cj-allow-color)),:where(body p:not(.cj-allow-color):not([class*="text-"]):not([style*="color:"]):not([style*="color:"])){color:var(--cj-color-ink-soft)}:where(body h1:not(.cj-allow-color):not([style*="color:"])),:where(body h2:not(.cj-allow-color):not([style*="color:"])),:where(body h3:not(.cj-allow-color):not([style*="color:"])),:where(body h4:not(.cj-allow-color):not([style*="color:"])),:where(body h5:not(.cj-allow-color):not([style*="color:"])),:where(body h6:not(.cj-allow-color):not([style*="color:"])){color:var(--cj-color-ink)}:where(body a:not(.cj-allow-color):not([class*="btn"]):not([class*="button"]):not([class*="cj-btn"]):not([style*="color:"])){color:var(--cj-color-gold-bronze);text-decoration-color:rgba(198,168,122,0.4);transition:color 0.2s ease}:where(body a:not(.cj-allow-color):not([class*="btn"]):not([class*="button"]):not([class*="cj-btn"]):not([style*="color:"]):hover){color:var(--cj-color-ink);text-decoration-color:var(--cj-color-gold)}.text-primary:not(.cj-allow-color),.text-info:not(.cj-allow-color),.text-blue:not(.cj-allow-color),.text-navy:not(.cj-allow-color){color:var(--cj-color-ink) !important}.bg-primary:not(.cj-allow-color),.bg-info:not(.cj-allow-color),.bg-blue:not(.cj-allow-color),.bg-navy:not(.cj-allow-color){background-color:var(--cj-color-ink) !important;color:var(--cj-color-cream) !important}.bg-light-blue:not(.cj-allow-color),.bg-pale-blue:not(.cj-allow-color){background-color:var(--cj-color-cream) !important}.btn-primary:not(.cj-allow-color),.btn-info:not(.cj-allow-color),.btn-blue:not(.cj-allow-color){background-color:var(--cj-color-gold) !important;color:var(--cj-color-ink) !important;border-color:var(--cj-color-gold) !important}.btn-primary:not(.cj-allow-color):hover,.btn-info:not(.cj-allow-color):hover,.btn-blue:not(.cj-allow-color):hover{background-color:var(--cj-color-gold-deep) !important;border-color:var(--cj-color-gold-deep) !important}.border-primary:not(.cj-allow-color),.border-info:not(.cj-allow-color),.border-blue:not(.cj-allow-color){border-color:var(--cj-color-ink) !important}[style*="color:#0f172a"],[style*="color:#0f172a"],[style*="color:#0F172A"],[style*="color:#0F172A"],[style*="color:#1e293b"],[style*="color:#1e293b"],[style*="color:#1E293B"],[style*="color:#1E293B"],[style*="color:#334155"],[style*="color:#334155"],[style*="color:#475569"],[style*="color:#475569"],[style*="color:#1e3a5f"],[style*="color:#1e3a5f"],[style*="color:#1e3a8a"],[style*="color:#1e3a8a"],[style*="color:#1e40af"],[style*="color:#1e40af"],[style*="color:#1d4ed8"],[style*="color:#1d4ed8"],[style*="color:#2563eb"],[style*="color:#2563eb"],[style*="color:#3b82f6"],[style*="color:#3b82f6"],[style*="color:#2c5282"],[style*="color:#2c5282"],[style*="color:#2a4365"],[style*="color:#2a4365"],[style*="color:#3182ce"],[style*="color:#3182ce"],[style*="color:#1a365d"],[style*="color:#1a365d"]{color:var(--cj-color-ink) !important}[style*="color:#64748b"],[style*="color:#64748b"],[style*="color:#4a5568"],[style*="color:#4a5568"]{color:var(--cj-color-ink-soft) !important}[style*="color:#94a3b8"],[style*="color:#94a3b8"],[style*="color:#a0aec0"],[style*="color:#a0aec0"]{color:var(--cj-color-ink-muted) !important}[style*="color:#cbd5e1"],[style*="color:#cbd5e1"],[style*="color:#cbd5e0"],[style*="color:#cbd5e0"]{color:var(--cj-color-ink-faint) !important}[style*="color:#60a5fa"],[style*="color:#60a5fa"],[style*="color:#93c5fd"],[style*="color:#93c5fd"],[style*="color:#4299e1"],[style*="color:#4299e1"],[style*="color:#63b3ed"],[style*="color:#63b3ed"]{color:var(--cj-color-gold-bronze) !important}[style*="background:#0f172a"],[style*="background:#0f172a"],[style*="background:#1e293b"],[style*="background:#1e293b"],[style*="background:#1e3a8a"],[style*="background:#1e3a8a"],[style*="background:#1e40af"],[style*="background:#1e40af"],[style*="background:#2563eb"],[style*="background:#2563eb"],[style*="background:#1a365d"],[style*="background:#1a365d"],[style*="background-color:#0f172a"],[style*="background-color:#0f172a"],[style*="background-color:#1e293b"],[style*="background-color:#1e293b"],[style*="background-color:#1e3a8a"],[style*="background-color:#1e3a8a"],[style*="background-color:#1e40af"],[style*="background-color:#1e40af"],[style*="background-color:#2563eb"],[style*="background-color:#2563eb"],[style*="background-color:#1a365d"],[style*="background-color:#1a365d"]{background-color:var(--cj-color-ink) !important}[style*="background:#f8fafc"],[style*="background:#f8fafc"],[style*="background-color:#f8fafc"],[style*="background-color:#f8fafc"]{background-color:var(--cj-color-fog) !important}[style*="background:#f1f5f9"],[style*="background:#f1f5f9"],[style*="background-color:#f1f5f9"],[style*="background-color:#f1f5f9"]{background-color:var(--cj-color-frost) !important}[style*="background:#e2e8f0"],[style*="background:#e2e8f0"],[style*="background-color:#e2e8f0"],[style*="background-color:#e2e8f0"]{background-color:var(--cj-color-mist) !important}[style*="background:#cbd5e1"],[style*="background:#cbd5e1"],[style*="background-color:#cbd5e1"],[style*="background-color:#cbd5e1"]{background-color:var(--cj-color-cream-edge) !important}[style*="background:#dbeafe"],[style*="background:#dbeafe"],[style*="background:#eff6ff"],[style*="background:#eff6ff"],[style*="background:#ebf8ff"],[style*="background:#ebf8ff"],[style*="background-color:#dbeafe"],[style*="background-color:#dbeafe"],[style*="background-color:#eff6ff"],[style*="background-color:#eff6ff"],[style*="background-color:#ebf8ff"],[style*="background-color:#ebf8ff"]{background-color:var(--cj-color-cream) !important}[style*="border:1px solid #e2e8f0"],[style*="border:1px solid #e2e8f0"],[style*="border-color:#e2e8f0"],[style*="border-color:#e2e8f0"],[style*="border-color:#cbd5e1"],[style*="border-color:#cbd5e1"]{border-color:var(--cj-color-mist) !important}[style*="border-color:#1e293b"],[style*="border-color:#1e293b"],[style*="border-color:#0f172a"],[style*="border-color:#0f172a"],[style*="border-color:#1e3a8a"],[style*="border-color:#1e3a8a"]{border-color:var(--cj-color-ink) !important}.cj-tile-grid{display:grid;gap:16px;align-items:stretch}.cj-tile-grid > *{display:flex;flex-direction:column}.cj-tile-grid-1{grid-template-columns:1fr}.cj-tile-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-tile-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cj-tile-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-tile-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cj-tile-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.cj-tile-grid-7{grid-template-columns:repeat(4,minmax(0,1fr))}.cj-tile-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.cj-tile-grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.cj-tile-grid-10{grid-template-columns:repeat(5,minmax(0,1fr))}.cj-tile-grid-11,.cj-tile-grid-12{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.cj-tile-grid-3,.cj-tile-grid-5,.cj-tile-grid-6,.cj-tile-grid-9,.cj-tile-grid-10{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-tile-grid-7,.cj-tile-grid-8,.cj-tile-grid-11,.cj-tile-grid-12{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cj-tile-grid-2,.cj-tile-grid-3,.cj-tile-grid-4,.cj-tile-grid-5,.cj-tile-grid-6,.cj-tile-grid-7,.cj-tile-grid-8,.cj-tile-grid-9,.cj-tile-grid-10,.cj-tile-grid-11,.cj-tile-grid-12{grid-template-columns:1fr}}.cj-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center}.cj-trust-strip > *{display:flex;align-items:center;gap:12px;min-width:0}@media (max-width:980px){.cj-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:640px){.cj-trust-strip{grid-template-columns:1fr;gap:10px;justify-items:start}}body .cta-strip,:where(body) section.cta-strip{background:#161413 !important;color:#ffffff !important}body .cta-strip h1,body .cta-strip h2,body .cta-strip h3,body .cta-strip h4,body .cta-strip h5,body .cta-strip h6,body section.cta-strip h2{color:var(--cj-color-gold) !important}body .cta-strip p,body section.cta-strip p{color:#e6dec9 !important}body .cta-strip a:not(.cj-btn):not(.btn),body section.cta-strip a:not(.cj-btn):not(.btn){color:var(--cj-color-gold) !important;text-decoration-color:rgba(198,168,122,0.6) !important}body .cta-dark h2,body .dark-cta h2,body section[class*="cta-strip"] h2{color:var(--cj-color-gold) !important}body .cta-dark p,body .dark-cta p,body section[class*="cta-strip"] p{color:#e6dec9 !important}
/* CJ LEGAL FOOTER (canonical — added 2026-05-30) */
.cj-legal-footer{background:#161413;color:#e6dec9;padding:48px 20px 28px;border-top:3px solid #c6a87a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;margin-top:64px}
.cj-legal-footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:32px}
.cj-legal-col-label{color:#c6a87a;font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 12px}
.cj-legal-name{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px}
.cj-legal-tel{display:block;color:#fff;font-size:22px;font-weight:800;text-decoration:none;line-height:1.1;margin:0 0 8px;letter-spacing:-0.01em}
.cj-legal-email{display:block;color:#e6dec9;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(198,168,122,0.35);padding-bottom:2px}
.cj-legal-link{display:block;color:#fff;font-size:14px;text-decoration:none;padding:0 0 6px}
.cj-legal-link:hover{color:#c6a87a}
.cj-legal-disclaimer{max-width:1200px;margin:40px auto 0;padding:22px 0 0;border-top:1px solid rgba(203,213,225,0.18);font-size:14px !important;line-height:1.75 !important;color:#e6dec9 !important}
.cj-legal-disclaimer p{margin:0 0 12px !important;font-size:14px !important;line-height:1.75 !important;color:#e6dec9 !important}
.cj-legal-disclaimer p a{font-size:14px !important}
/* ============================================================ */
/* BURKE/WESTWOOD NEIGHBOURHOOD DESIGN SYSTEM (promoted 2026-06-02) */
/* Was inline in Burke's — moved here so all neighbourhood */
/* pages (Westwood Plateau, Heritage Mountain, Port Moody, etc.) */
/* can use the same hero/proof-bar/snapshot/zones/lifestyle/fit/ */
/* compare/reviews/faq/final-cta/figure-row/breadcrumbs classes. */
/* Single source of truth for visual style across the site. */
/* ============================================================ */
:root {
--gold: #c6a87a; --gold-deep: #9d7f4f;
--ink: #161413; --ink-soft: #4a443f; --ink-muted: #6e655c;
--paper: #faf8f3; --paper-warm: #f1ebde; --paper-deep: #e8dfc9;
--line: #e6dec9; --green: #5a7a4f; --red: #b54c3d;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; line-height: 1.55; color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.container--narrow { max-width: 880px; }
@media (max-width: 600px) { .container { padding: 0 18px; } }
.trust-strip { background: var(--ink); color: rgba(250,248,243,0.82); font-size: 12px; text-align: center; padding: 11px 16px; letter-spacing: 0.04em; font-weight: 500; }
.trust-strip span + span::before { content: "·"; margin: 0 12px; color: rgba(198,168,122,0.6); }
@media (max-width: 540px) { .trust-strip { font-size: 11px; } .trust-strip .strip-mute { display: none; } }
.site-header { background: var(--paper); border-bottom: 1px solid var(--line); padding: 18px 24px; }
.site-header-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wordmark { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; font-size: clamp(20px, 2.4vw, 24px); letter-spacing: -0.015em; color: var(--ink); text-decoration: none; }
.wordmark em { font-style: italic; font-weight: 400; color: var(--gold-deep); }
.header-cta { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; background: var(--ink); color: var(--paper); text-decoration: none; font-size: 14px; font-weight: 600; border-radius: 999px; }
.header-cta:hover { background: var(--gold-deep); }
@media (max-width: 720px) { .header-cta { display: none; } }
.breadcrumbs { padding: 14px 24px; font-size: 12px; color: var(--ink-muted); letter-spacing: 0.04em; max-width: 1200px; margin: 0 auto; }
.breadcrumbs a { color: var(--ink-muted); text-decoration: none; border-bottom: 1px dotted var(--gold); }
.breadcrumbs a:hover { color: var(--gold-deep); }
.breadcrumbs span { margin: 0 8px; color: var(--gold); }
/* HERO with image background */
.hero {
position: relative;
background: var(--ink);
color: var(--paper);
overflow: hidden;
}
.hero-bg {
position: absolute; inset: 0;
background-color: #161413;
background-size: cover; background-position: center;
}
.hero-inner { max-width: 1200px; margin: 0 auto; padding: 80px 24px 80px; position: relative; z-index: 1; }
@media (max-width: 760px) { .hero-inner { padding: 48px 20px 56px; } }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 22px; }
.hero-eyebrow::before { content: ""; width: 26px; height: 1px; background: var(--gold); }
.hero h1 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: clamp(34px, 5.6vw, 64px); line-height: 1.04; letter-spacing: -0.024em; color: var(--paper); margin-bottom: 24px; max-width: 18ch; }
.hero h1 .accent { font-style: italic; color: var(--gold); }
.hero-lede { font-size: clamp(17px, 1.6vw, 19px); line-height: 1.6; color: rgba(250,248,243,0.86); max-width: 680px; margin-bottom: 24px; }
.hero-byline { font-size: 13px; color: rgba(250,248,243,0.85); margin-bottom: 30px; }
.hero-byline a { color: rgba(250,248,243,0.95); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--gold); }
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 28px; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 6px; border: 1.5px solid transparent; transition: transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease; cursor: pointer; white-space: nowrap; }
.btn-primary { background: var(--gold); color: var(--ink); }
.btn-primary:hover { background: var(--paper); transform: translateY(-1px); }
.btn-on-dark { background: transparent; color: var(--paper); border-color: rgba(250,248,243,0.3); }
.btn-on-dark:hover { background: var(--paper); color: var(--ink); border-color: var(--paper); }
.btn .arrow { transition: transform .15s ease; }
.btn:hover .arrow { transform: translateX(3px); }
@media (max-width: 480px) { .btn { width: 100%; padding: 16px 22px; } .hero-ctas { flex-direction: column; align-items: stretch; } }
.hero-call { font-size: 13px; color: rgba(250,248,243,0.7); margin-left: 8px; }
.hero-call a { color: var(--paper); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--gold); }
@media (max-width: 480px) { .hero-call { margin-left: 0; margin-top: 8px; text-align: center; } }
/* proof bar */
.proof-bar { background: var(--paper-warm); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-grid { max-width: 1200px; margin: 0 auto; padding: 28px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: center; }
@media (max-width: 760px) { .proof-grid { grid-template-columns: repeat(2, 1fr); padding: 22px 18px; gap: 22px 12px; } }
.proof-item { text-align: center; position: relative; padding: 0 8px; }
.proof-item:not(:last-child)::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 36px; background: var(--line); }
@media (max-width: 760px) { .proof-item:nth-child(2)::after, .proof-item:nth-child(4)::after { display: none; } }
.proof-stat { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; font-size: clamp(20px, 2.2vw, 24px); letter-spacing: -0.01em; color: var(--ink); display: block; line-height: 1.1; margin-bottom: 6px; }
.proof-stat .star { color: var(--gold-deep); margin-right: 2px; }
.proof-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--ink-muted); line-height: 1.35; }
.proof-footnote { text-align: center; font-size: 11px; color: var(--ink-muted); padding: 0 24px 18px; }
/* QUICK ANSWER block (AI citation magnet) */
.quick-answer { background: var(--paper-warm); border-radius: 8px; padding: 32px 36px; max-width: 880px; margin: 0 auto; border-left: 3px solid var(--gold); }
@media (max-width: 600px) { .quick-answer { padding: 24px 22px; } }
.quick-answer .qa-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 12px; }
.quick-answer h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.3; letter-spacing: -0.015em; color: var(--ink); margin-bottom: 14px; }
.quick-answer p { font-size: 16px; line-height: 1.65; color: var(--ink-soft); }
.quick-answer p strong { color: var(--ink); font-weight: 600; }
/* MEET CRAIG bio block */
.meet-craig { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 28px; max-width: 880px; margin: 0 auto; display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: center; }
@media (max-width: 560px) { .meet-craig { grid-template-columns: 72px 1fr; padding: 22px; gap: 16px; } }
.meet-craig img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; display: block; }
@media (max-width: 560px) { .meet-craig img { width: 72px; height: 72px; } }
.meet-craig .mc-name { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 20px; color: var(--ink); margin-bottom: 4px; line-height: 1.3; }
.meet-craig .mc-credentials { font-size: 14px; color: var(--ink-soft); line-height: 1.55; margin-bottom: 8px; }
.meet-craig .mc-link { font-size: 14px; font-weight: 600; color: var(--gold-deep); text-decoration: none; border-bottom: 1px solid var(--gold); }
.meet-craig .mc-link:hover { color: var(--ink); }
/* sections */
section.block { padding: 80px 0; }
@media (max-width: 760px) { section.block { padding: 56px 0; } }
.section-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 14px; }
.section-eyebrow::before { content: ""; width: 22px; height: 1px; background: var(--gold); }
.section-title { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: var(--ink); max-width: 900px; margin-bottom: 18px; }
.section-lede { font-size: clamp(16px, 1.4vw, 18px); line-height: 1.65; color: var(--ink-soft); max-width: 760px; margin-bottom: 40px; }
.prose p { font-size: 16.5px; line-height: 1.7; color: var(--ink-soft); margin-bottom: 16px; max-width: 740px; }
.prose p strong { color: var(--ink); font-weight: 600; }
.prose a { color: var(--ink); font-weight: 500; text-decoration: none; border-bottom: 1px solid var(--gold); }
/* "at a glance" 4 cards */
.glance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 880px) { .glance-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .glance-grid { grid-template-columns: 1fr; } }
.glance { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 26px 24px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.glance:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 32px -16px rgba(157,127,79,0.20); }
.glance-num { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-style: italic; font-size: 13px; color: var(--gold-deep); font-weight: 500; margin-bottom: 10px; display: block; }
.glance h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 19px; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 8px; }
.glance p { font-size: 14px; color: var(--ink-soft); line-height: 1.55; }
/* market snapshot */
.snapshot-section { background: var(--paper-warm); }
.snapshot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 760px) { .snapshot-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .snapshot-grid { grid-template-columns: 1fr; } }
.snap-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 22px 24px; }
.snap-label { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-muted); margin-bottom: 8px; }
.snap-value { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 600; font-size: 32px; line-height: 1; letter-spacing: -0.02em; color: var(--ink); display: block; margin-bottom: 6px; }
.snap-source { font-size: 12px; color: var(--ink-muted); line-height: 1.45; }
.snapshot-source-line { margin-top: 24px; font-size: 12px; color: var(--ink-muted); text-align: center; }
/* comparison table */
.compare-table-wrap { overflow-x: auto; border-radius: 6px; border: 1px solid var(--line); background: #fff; margin-top: 12px; }
table.compare { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 14.5px; }
table.compare thead th { background: var(--ink); color: var(--paper); text-align: left; font-weight: 600; padding: 18px 20px; font-size: 13px; letter-spacing: 0.04em; border-right: 1px solid rgba(255,255,255,0.1); }
table.compare thead th:last-child { border-right: 0; }
table.compare thead th.col-burke { background: var(--gold-deep); }
table.compare th.row-head { text-align: left; font-weight: 600; padding: 16px 20px; background: var(--paper-warm); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); width: 25%; font-size: 14px; }
table.compare td { padding: 16px 20px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); vertical-align: top; line-height: 1.55; color: var(--ink-soft); }
table.compare td:last-child { border-right: 0; }
table.compare td.cell-burke { color: var(--ink); background: rgba(198,168,122,0.05); font-weight: 500; }
table.compare tr:last-child th, table.compare tr:last-child td { border-bottom: 0; }
/* zone cards */
.zones-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
@media (max-width: 760px) { .zones-grid { grid-template-columns: 1fr; } }
.zone-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 28px 28px 24px; }
.zone-card.dark { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.zone-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 10px; }
.zone-card.dark .zone-tag { color: var(--gold); }
.zone-card h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 10px; }
.zone-card.dark h3 { color: var(--paper); }
.zone-card p { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; margin-bottom: 12px; }
.zone-card.dark p { color: rgba(250,248,243,0.78); }
.zone-link { font-size: 13px; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--gold); padding-bottom: 1px; text-decoration: none; }
.zone-card.dark .zone-link { color: var(--paper); }
/* fit decision (good/less ideal) */
.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 760px) { .fit-grid { grid-template-columns: 1fr; } }
.fit-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 28px 28px 22px; }
.fit-card.good { border-left: 3px solid var(--green); }
.fit-card.warn { border-left: 3px solid var(--red); }
.fit-card h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 22px; letter-spacing: -0.015em; margin-bottom: 18px; }
.fit-card ul { list-style: none; }
.fit-card li { padding: 10px 0 10px 28px; position: relative; font-size: 15px; line-height: 1.55; color: var(--ink-soft); border-top: 1px solid var(--line); }
.fit-card li:first-child { border-top: 0; }
.fit-card.good li::before {
content: ""; position: absolute; left: 0; top: 14px; width: 16px; height: 16px; background: var(--green);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
.fit-card.warn li::before {
content: ""; position: absolute; left: 0; top: 14px; width: 16px; height: 16px; background: var(--red);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
/* schools/parks section */
.lifestyle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 880px) { .lifestyle-grid { grid-template-columns: 1fr; } }
.lifestyle { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 28px 28px 24px; }
.lifestyle h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 22px; line-height: 1.2; letter-spacing: -0.015em; margin-bottom: 12px; }
.lifestyle p { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; margin-bottom: 12px; }
.lifestyle a { font-size: 13px; font-weight: 600; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 1px; }
/* reviews */
.reviews-section { background: var(--paper-warm); }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 880px) { .reviews-grid { grid-template-columns: 1fr; } }
.review { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 26px 26px 22px; display: flex; flex-direction: column; }
.stars { color: var(--gold-deep); font-size: 16px; letter-spacing: 2px; margin-bottom: 14px; }
.review blockquote { font-size: 15px; line-height: 1.6; color: var(--ink); margin-bottom: 18px; flex: 1; }
.review cite { font-style: normal; font-size: 13px; font-weight: 600; color: var(--ink); display: block; }
.review .review-meta { font-size: 12px; color: var(--ink-muted); margin-top: 2px; }
/* faq */
.faq-list { max-width: 880px; margin: 0 auto; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-question { width: 100%; text-align: left; background: transparent; border: 0; padding: 22px 0; font-family: inherit; font-size: 17px; font-weight: 600; color: var(--ink); cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; letter-spacing: -0.01em; }
.faq-question:hover { color: var(--gold-deep); }
.faq-icon { flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--gold); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: var(--gold-deep); font-weight: 600; transition: transform .2s ease, background .2s ease, color .2s ease; }
.faq-item[open] .faq-icon { transform: rotate(45deg); background: var(--gold-deep); color: var(--paper); border-color: var(--gold-deep); }
.faq-answer { padding: 0 0 22px 0; color: var(--ink-soft); font-size: 15.5px; line-height: 1.7; max-width: 740px; }
.faq-answer p { margin-bottom: 12px; }
.faq-answer p:last-child { margin-bottom: 0; }
.faq-answer strong { color: var(--ink); font-weight: 600; }
/* cluster */
.cluster-section { background: var(--paper-warm); }
.cluster-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 880px) { .cluster-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .cluster-grid { grid-template-columns: 1fr; } }
.cluster-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 22px 22px 20px; text-decoration: none; color: var(--ink); display: block; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.cluster-card:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 32px -16px rgba(157,127,79,0.20); }
.cluster-tag { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-deep); margin-bottom: 8px; display: block; }
.cluster-card h4 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 18px; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 8px; }
.cluster-card p { font-size: 13.5px; color: var(--ink-soft); line-height: 1.55; }
/* final cta */
.final-cta { background: var(--paper-deep); text-align: center; }
.final-cta-actions { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; }
.btn-secondary { background: transparent; color: var(--ink); border-color: var(--ink); }
.btn-secondary:hover { background: var(--ink); color: var(--paper); }
.btn-cta-primary { background: var(--ink); color: var(--paper); }
.btn-cta-primary:hover { background: var(--gold-deep); transform: translateY(-1px); }
.final-call { font-size: 13px; color: var(--ink-muted); margin-top: 22px; }
.final-call a { color: var(--ink); font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--gold); }
/* sticky mobile */
.sticky-mobile { display: none; }
@media (max-width: 720px) {
.sticky-mobile { display: grid; position: fixed; bottom: 0; left: 0; right: 0; grid-template-columns: 1.2fr 1fr 64px; background: var(--ink); z-index: 100; box-shadow: 0 -6px 22px rgba(0,0,0,0.22); padding-bottom: env(safe-area-inset-bottom, 0); }
.sticky-mobile a { display: flex; align-items: center; justify-content: center; padding: 15px 8px; color: var(--paper); text-decoration: none; font-size: 13px; font-weight: 600; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); line-height: 1.2; }
.sticky-mobile a.primary { background: var(--gold-deep); }
.sticky-mobile a:last-child { border-right: 0; background: rgba(255,255,255,0.06); }
.sticky-mobile svg { width: 22px; height: 22px; stroke: var(--paper); fill: none; stroke-width: 2; }
body { padding-bottom: 64px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
/* ===== FOOTER ===== */
.site-footer {
background: var(--ink);
color: rgba(250,248,243,0.78);
padding: 64px 0 28px;
font-family: inherit;
font-size: 14px;
line-height: 1.6;
border-top: 4px solid var(--gold);
}
.footer-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
@media (max-width: 600px) { .footer-inner { padding: 0 18px; } }
.footer-cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(250,248,243,0.10);
}
@media (max-width: 880px) { .footer-cols { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; } }
@media (max-width: 480px) { .footer-cols { grid-template-columns: 1fr; } }
.footer-h {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold);
margin: 0 0 16px;
font-family: inherit;
}
.footer-block {
font-size: 14px;
line-height: 1.7;
color: rgba(250,248,243,0.85);
margin: 0;
}
.footer-block strong { color: var(--paper); font-weight: 600; }
.footer-block a {
color: rgba(250,248,243,0.85);
text-decoration: none;
transition: color 0.2s ease;
}
.footer-block a:hover { color: var(--gold); }
.footer-phone {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 19px !important;
font-weight: 600;
letter-spacing: -0.01em;
display: inline-block;
margin-bottom: 6px;
}
.footer-links, .footer-creds { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 10px; }
.footer-links a {
color: rgba(250,248,243,0.85);
text-decoration: none;
font-size: 14px;
transition: color 0.2s ease;
}
.footer-links a:hover { color: var(--gold); }
.footer-creds li {
font-size: 13.5px;
color: rgba(250,248,243,0.78);
margin-bottom: 6px;
line-height: 1.5;
}
.footer-brokerage {
display: flex;
align-items: center;
gap: 24px;
padding: 30px 0;
border-bottom: 1px solid rgba(250,248,243,0.10);
}
@media (max-width: 600px) {
.footer-brokerage { flex-direction: column; align-items: flex-start; gap: 16px; }
}
.brokerage-logo-link { flex-shrink: 0; display: inline-block; }
.brokerage-logo {
background: white;
padding: 8px 12px;
border-radius: 4px;
height: 56px;
width: auto;
display: block;
}
.brokerage-text { font-size: 13.5px; line-height: 1.6; color: rgba(250,248,243,0.78); }
.brokerage-text p { margin: 0 0 4px; }
.brokerage-text p:last-child { margin-bottom: 0; }
.brokerage-text strong { color: var(--paper); font-weight: 600; }
.footer-disclaimer { padding: 30px 0; border-bottom: 1px solid rgba(250,248,243,0.10); }
.footer-disclaimer p {
font-size: 12px;
line-height: 1.65;
color: rgba(250,248,243,0.55);
margin: 0 0 12px;
max-width: 1100px;
}
.footer-disclaimer p:last-child { margin-bottom: 0; }
.footer-disclaimer strong { color: rgba(250,248,243,0.78); font-weight: 600; }
.footer-disclaimer em { color: rgba(250,248,243,0.78); font-style: italic; }
.footer-bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px 20px;
padding-top: 22px;
font-size: 12px;
color: rgba(250,248,243,0.55);
}
.footer-bottom p { margin: 0; }
.footer-bottom-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.footer-bottom-links a {
color: rgba(250,248,243,0.65);
text-decoration: none;
border-bottom: 1px solid rgba(198,168,122,0.4);
padding-bottom: 1px;
transition: color 0.2s ease, border-color 0.2s ease;
}
.footer-bottom-links a:hover {
color: var(--gold);
border-bottom-color: var(--gold);
}
/* ===== /FOOTER ===== */
/* ===== HEADER ===== */
/* Reset existing trust-strip + site-header styles by overriding. The new
header has a dark-band top row + main nav row stacked. */
.cj-site-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--paper);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
border-bottom: 1px solid var(--line);
transition: box-shadow 0.2s ease;
}
/* Top dark band: trust signals (was the standalone trust-strip) */
.cj-top-band {
background: var(--ink);
color: rgba(250,248,243,0.82);
font-size: 12px;
letter-spacing: 0.04em;
font-weight: 500;
}
.cj-top-inner {
max-width: 1280px;
margin: 0 auto;
padding: 9px 24px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
.cj-top-band-left span + span::before {
content: "·";
margin: 0 10px;
color: rgba(198,168,122,0.6);
}
.cj-top-band-right { display: inline-flex; align-items: center; gap: 18px; }
.cj-top-band-right a {
color: rgba(250,248,243,0.92);
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 6px;
transition: color .2s ease;
}
.cj-top-band-right a:hover { color: var(--gold); }
.cj-top-band-right svg { width: 13px; height: 13px; }
@media (max-width: 760px) {
.cj-top-inner { padding: 8px 16px; font-size: 11px; }
.cj-top-band-left { display: none; }
.cj-top-band-right { width: 100%; justify-content: space-between; }
}
/* Main header row: logo + nav + cta */
.cj-header-inner {
max-width: 1280px;
margin: 0 auto;
padding: 18px 24px;
display: flex;
align-items: center;
gap: 24px;
}
@media (max-width: 1080px) { .cj-header-inner { padding: 14px 18px; gap: 16px; } }
.cj-logo {
display: inline-flex;
align-items: center;
text-decoration: none;
flex-shrink: 0;
}
.cj-logo-mark {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 600;
font-size: 26px;
letter-spacing: -0.018em;
line-height: 1;
color: var(--ink);
}
.cj-logo-mark em {
font-style: italic;
font-weight: 400;
color: var(--gold-deep);
margin: 0 2px;
}
@media (max-width: 480px) { .cj-logo-mark { font-size: 22px; } }
/* Primary nav (desktop) */
.cj-primary-nav {
flex: 1;
display: flex;
justify-content: center;
}
.cj-nav-list {
display: flex;
gap: 4px;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
}
.cj-nav-item { position: relative; }
.cj-nav-link {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 12px 14px;
color: var(--ink);
text-decoration: none;
font-size: 14.5px;
font-weight: 600;
letter-spacing: -0.005em;
border-radius: 6px;
transition: color 0.15s ease, background 0.15s ease;
cursor: pointer;
background: transparent;
border: 0;
font-family: inherit;
}
.cj-nav-link:hover, .cj-nav-link[aria-expanded="true"] {
color: var(--gold-deep);
background: var(--paper-warm);
}
.cj-nav-caret {
width: 10px;
height: 10px;
transition: transform 0.2s ease;
}
.cj-nav-link[aria-expanded="true"] .cj-nav-caret { transform: rotate(180deg); }
/* CTA cluster on right */
.cj-header-cta {
display: inline-flex;
align-items: center;
gap: 16px;
flex-shrink: 0;
}
.cj-header-phone {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--ink);
text-decoration: none;
white-space: nowrap;
display: inline-flex;
align-items: center;
gap: 6px;
border-bottom: 1px solid transparent;
transition: color 0.2s ease, border-color 0.2s ease;
}
.cj-header-phone:hover { color: var(--gold-deep); border-bottom-color: var(--gold); }
.cj-header-phone svg { width: 14px; height: 14px; }
.cj-header-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 13px 22px;
background: var(--gold);
color: var(--ink);
text-decoration: none;
font-size: 13.5px;
font-weight: 700;
letter-spacing: 0.04em;
border-radius: 999px;
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 8px rgba(198,168,122,0.25);
white-space: nowrap;
}
.cj-header-btn:hover {
background: var(--gold-deep);
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(157,127,79,0.35);
}
@media (max-width: 1080px) {
.cj-header-phone { display: none; }
.cj-header-btn { padding: 11px 18px; font-size: 12.5px; }
}
/* MEGA-MENU panel */
.cj-mega {
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translateX(-50%) translateY(-4px);
background: var(--paper);
border: 1px solid var(--line);
border-radius: 8px;
box-shadow: 0 24px 48px -16px rgba(22,20,19,0.18);
padding: 28px 32px 26px;
min-width: 720px;
max-width: 96vw;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.18s ease, transform 0.22s ease, visibility 0s linear 0.22s;
z-index: 10;
}
.cj-mega--narrow { min-width: 320px; }
.cj-mega--four { min-width: 1040px; padding: 28px 32px 24px; }
.cj-mega--four .cj-mega-grid { grid-template-columns: repeat(4, 1fr); gap: 22px 24px; }
@media (max-width: 1100px) {
.cj-mega--four { min-width: 92vw; }
.cj-mega--four .cj-mega-grid { grid-template-columns: repeat(2, 1fr); }
}
.cj-nav-item.is-open > .cj-mega,
.cj-nav-item:hover > .cj-mega {
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translateX(-50%) translateY(0);
transition: opacity 0.18s ease, transform 0.22s ease, visibility 0s;
}
.cj-mega::before {
content: "";
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 14px; height: 14px;
background: var(--paper);
border-top: 1px solid var(--line);
border-left: 1px solid var(--line);
}
.cj-mega-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px 36px;
}
.cj-mega--narrow .cj-mega-grid { grid-template-columns: 1fr; gap: 14px; }
.cj-mega-col h6 {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gold-deep);
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid var(--line);
font-family: inherit;
}
.cj-mega-col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.cj-mega-col a {
display: block;
padding: 8px 10px;
border-radius: 6px;
text-decoration: none;
color: var(--ink);
transition: background 0.15s ease, color 0.15s ease;
}
.cj-mega-col a:hover { background: var(--paper-warm); color: var(--gold-deep); }
.cj-mega-link-title {
display: block;
font-size: 14.5px;
font-weight: 600;
letter-spacing: -0.005em;
margin-bottom: 2px;
}
.cj-mega-link-desc {
display: block;
font-size: 12.5px;
color: var(--ink-muted, #6e655c);
line-height: 1.4;
font-weight: 400;
}
.cj-mega-footer {
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid var(--line);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
font-size: 13px;
}
.cj-mega-footer a {
color: var(--ink);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid var(--gold);
padding-bottom: 1px;
}
.cj-mega-footer a:hover { color: var(--gold-deep); }
/* Mobile toggle */
.cj-mobile-toggle {
display: none;
flex-shrink: 0;
margin-left: auto;
width: 40px;
height: 40px;
background: transparent;
border: 1px solid var(--line);
border-radius: 6px;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
}
.cj-mobile-toggle svg { width: 18px; height: 18px; stroke: var(--ink); }
.cj-mobile-toggle:hover { background: var(--paper-warm); }
@media (max-width: 1080px) {
.cj-primary-nav { display: none; }
.cj-mobile-toggle { display: inline-flex; }
.cj-header-cta { gap: 8px; }
}
/* Mobile overlay menu */
.cj-mobile-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: var(--paper);
z-index: 200;
padding: 24px;
overflow-y: auto;
}
.cj-mobile-overlay.is-open { display: block; }
.cj-mobile-overlay-head {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 24px;
border-bottom: 1px solid var(--line);
margin-bottom: 24px;
}
.cj-mobile-close {
width: 40px;
height: 40px;
background: transparent;
border: 1px solid var(--line);
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cj-mobile-close svg { width: 16px; height: 16px; stroke: var(--ink); }
.cj-mobile-section {
border-bottom: 1px solid var(--line);
padding: 16px 0;
}
.cj-mobile-section-trigger {
width: 100%;
background: transparent;
border: 0;
padding: 12px 0;
font-family: inherit;
font-size: 18px;
font-weight: 600;
color: var(--ink);
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
letter-spacing: -0.01em;
}
.cj-mobile-section-trigger svg { width: 14px; height: 14px; stroke: var(--gold-deep); transition: transform 0.2s ease; }
.cj-mobile-section.is-open .cj-mobile-section-trigger svg { transform: rotate(180deg); }
.cj-mobile-section-body { display: none; padding: 8px 0 16px; }
.cj-mobile-section.is-open .cj-mobile-section-body { display: block; }
.cj-mobile-section-h {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gold-deep);
margin: 14px 0 8px;
}
.cj-mobile-section-body a {
display: block;
padding: 9px 0;
color: var(--ink);
text-decoration: none;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid rgba(230,222,201,0.5);
}
.cj-mobile-section-body a:last-child { border-bottom: 0; }
.cj-mobile-flat-link {
display: block;
padding: 16px 0;
border-bottom: 1px solid var(--line);
font-size: 18px;
font-weight: 600;
color: var(--ink);
text-decoration: none;
letter-spacing: -0.01em;
}
.cj-mobile-cta {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 28px;
padding-top: 24px;
border-top: 2px solid var(--gold);
}
.cj-mobile-cta a {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 22px;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
}
.cj-mobile-cta-primary { background: var(--gold); color: var(--ink); }
.cj-mobile-cta-secondary { background: var(--ink); color: var(--paper); }
.cj-mobile-cta-tertiary { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); }
/* ===== /HEADER ===== */
/* === Content imagery (added 2026-05-14) === */
.neighbourhood-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1120px; margin: 40px auto; padding: 0 24px; }
.neighbourhood-grid figure { margin: 0; position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 36px -18px rgba(22,20,19,0.20); }
.neighbourhood-grid a { display: block; text-decoration: none; }
.neighbourhood-grid img { width: 100%; height: 280px; object-fit: cover; display: block; transition: transform 0.5s ease; }
.neighbourhood-grid figure:hover img { transform: scale(1.05); }
.neighbourhood-grid figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px 18px; color: #fff; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-size: 22px; font-weight: 500; letter-spacing: -0.01em; background: linear-gradient(180deg, rgba(22,20,19,0) 0%, rgba(22,20,19,0.82) 100%); pointer-events: none; }
@media (max-width: 760px) {
.neighbourhood-grid { grid-template-columns: 1fr; }
.neighbourhood-grid img { height: 220px; }
}
.content-figure { margin: 40px auto; max-width: 1120px; padding: 0 24px; }
.content-figure img { width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 24px 48px -24px rgba(22,20,19,0.18); }
.content-figure figcaption { margin-top: 12px; font-size: 13px; color: var(--ink-muted); text-align: center; font-style: italic; }
.figure-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 1120px; margin: 40px auto; padding: 0 24px; }
.figure-row figure { margin: 0; }
.figure-row img { width: 100%; height: 320px; object-fit: cover; border-radius: 8px; box-shadow: 0 20px 40px -20px rgba(22,20,19,0.18); }
.figure-row figcaption { margin-top: 10px; font-size: 13px; color: var(--ink-muted); text-align: center; font-style: italic; }
.figure-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1120px; margin: 40px auto; padding: 0 24px; }
.figure-trio figure { margin: 0; }
.figure-trio img { width: 100%; height: 240px; object-fit: cover; border-radius: 6px; box-shadow: 0 16px 32px -16px rgba(22,20,19,0.16); }
.figure-trio figcaption { margin-top: 8px; font-size: 12px; color: var(--ink-muted); text-align: center; }
.advisor-block { max-width: 1120px; margin: 48px auto; padding: 0 24px; display: grid; grid-template-columns: 320px 1fr; gap: 32px; align-items: center; }
.advisor-block img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; border-radius: 8px; box-shadow: 0 24px 48px -24px rgba(22,20,19,0.22); }
.advisor-block h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 500; font-size: 24px; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 12px; }
.advisor-block p { font-size: 15px; color: var(--ink-soft); line-height: 1.6; }
.advisor-block .advisor-meta { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold-deep); font-weight: 700; margin-bottom: 8px; }
@media (max-width: 760px) {
.figure-row, .figure-trio { grid-template-columns: 1fr; }
.figure-row img, .figure-trio img { height: auto; }
.advisor-block { grid-template-columns: 1fr; gap: 20px; }
.advisor-block img { max-width: 240px; }
}
/* ============================================================ */
/* END BURKE/WESTWOOD NEIGHBOURHOOD DESIGN SYSTEM */
/* ============================================================ */