{"id":1465,"date":"2023-04-13T13:32:54","date_gmt":"2023-04-13T18:32:54","guid":{"rendered":"https:\/\/westmanrealty.c21.ca\/?page_id=1465"},"modified":"2026-08-05T08:20:43","modified_gmt":"2026-08-05T13:20:43","slug":"brandon","status":"publish","type":"page","link":"https:\/\/westmanrealty.c21.ca\/fr-ca\/brandon","title":{"rendered":"Brandon"},"content":{"rendered":"\n\n\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@700;800&#038;family=Karla:ital,wght@0,400;0,500;0,700;1,400&#038;display=swap\" rel=\"stylesheet\"\/>\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BRANDON COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n   Prefix: c21w-brandon__   (safe from MoxiWorks collisions)\n   Standalone page, lives at \/brandon. First of the community\n   pages (Dauphin, Virden, Carberry, etc. follow the same template).\n   NOTE ON LISTINGS: the live MoxiWorks listings widget for Brandon\n   is pasted directly below this module in Beaver Builder, it is\n   NOT embedded here. This module still closes its OWN trailing gap\n   below (see the \"seam fix\" block below) so it butts directly up\n   against the widget's row with no gap revealing the page background.\n   That is separate from the true footer-flush rule, which belongs on\n   whichever module ends up LAST on the page (the one wrapping the\n   widget, using ITS OWN root id) so the real theme footer sits flush.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon {\n  \/* \u2500\u2500\u2500 Tokens: charcoal + gold identity, warm near-white canvas \u2500\u2500\u2500 *\/\n  --bg: oklch(0.975 0.005 85);\n  --surface: oklch(0.995 0.002 85);\n  --surface-2: oklch(0.94 0.014 80);\n  --ink: oklch(0.19 0.012 85);\n  --muted: oklch(0.42 0.02 85);\n  --accent: oklch(0.50 0.135 72);\n  --accent-fill: oklch(0.17 0.014 85);\n  --accent-ink: oklch(0.82 0.10 85);\n  --accent-ink-muted: oklch(0.74 0.03 85);\n  --border: oklch(0 0 0 \/ 0.08);\n  --border-strong: oklch(0 0 0 \/ 0.15);\n  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px; --space-sm: 16px;\n  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;\n  --radius-sm: 2px; --radius-md: 6px; --radius-lg: 12px; --radius-pill: 999px;\n  --font-display: 'Big Shoulders Display', sans-serif;\n  --font-body: 'Karla', sans-serif;\n  --text-xs: 13px;\n  --text-sm: 15px;\n  --text-base: 17px;\n  --text-lg: 21px;\n  --text-xl: clamp(28px, 17.6px + 2vw, 40px);\n  --text-display: clamp(44px, 20px + 7vw, 92px);\n  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\n  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 400ms; --dur-entrance: 650ms;\n  --content-max: 1180px;\n  --nav-h: 72px;\n  width: 100vw;\n  margin-left: calc((100vw - 100%) \/ -2);\n  background: var(--bg);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  line-height: 1.65;\n  overflow-x: hidden;\n}\n.c21w-brandon *,\n.c21w-brandon *::before,\n.c21w-brandon *::after { box-sizing: border-box; }\n\/* \u2500\u2500\u2500 Sit flush under the site's global header \u2500\u2500\u2500 *\/\n.wrapper.responsive.page-wrapper { padding-top: 0 !important; }\nbody.page .fl-content,\nbody.page .mainbody.pageContent,\nbody.page .fl-post-content { background: oklch(0.975 0.005 85) !important; }\nhtml, body { background-color: oklch(0.975 0.005 85) !important; }\n\/* \u2500\u2500\u2500 Seam fix: close the gap Beaver Builder adds below this module's own\n   row\/module wrappers, so it butts directly against whatever comes next\n   (the MoxiWorks widget row) with no strip of page background showing\n   through. This is distinct from the true footer-flush rule, see the\n   note at the top of this file. \u2500\u2500\u2500 *\/\n.fl-row:has(#c21w-brandon) .fl-row-content-wrap { padding-bottom: 0 !important; }\n.fl-module-content:has(#c21w-brandon) { margin-bottom: 0 !important; }\n.c21w-brandon a { color: inherit; text-decoration: none; }\n.c21w-brandon :focus { outline: none; }\n.c21w-brandon :focus-visible {\n  outline: 2px solid var(--accent);\n  outline-offset: 3px;\n}\n.c21w-brandon h1,\n.c21w-brandon h2,\n.c21w-brandon h3 { text-wrap: balance; }\n.c21w-brandon p { text-wrap: pretty; }\n.c21w-brandon__section {\n  position: relative;\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: var(--space-3xl) clamp(24px, 6vw, 96px);\n}\n.c21w-brandon__eyebrow {\n  display: block;\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: var(--text-xs);\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin: 0 0 var(--space-sm);\n}\n.c21w-brandon__h2 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: var(--text-xl);\n  line-height: 1;\n  letter-spacing: -0.01em;\n  text-transform: uppercase;\n  color: var(--ink);\n  margin: 0;\n}\n\/* \u2500\u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500 *\/\n[data-c21b-reveal] {\n  opacity: 0;\n  transform: translateY(16px);\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\n}\n[data-c21b-reveal].c21w-visible { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  [data-c21b-reveal] { transition-duration: 0.01ms !important; opacity: 1 !important; transform: none !important; }\n  .c21w-brandon__subnav-link { scroll-behavior: auto !important; }\n}\n\/* \u2500\u2500\u2500 Buttons \u2500\u2500\u2500 *\/\n.c21w-brandon__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2xs);\n  min-height: 50px;\n  padding: 0 var(--space-lg);\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: var(--text-sm);\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  border-radius: var(--radius-sm);\n  cursor: pointer;\n  border: 1.5px solid transparent;\n  transition: background-color var(--dur-base) var(--ease-out-quart),\n              color var(--dur-base) var(--ease-out-quart),\n              border-color var(--dur-base) var(--ease-out-quart),\n              transform var(--dur-fast) var(--ease-out-quart);\n}\n.c21w-brandon__btn:active { transform: scale(0.97); }\na.c21w-brandon__btn--gold {\n  background: var(--accent-ink);\n  border-color: var(--accent-ink);\n  color: var(--accent-fill);\n}\na.c21w-brandon__btn--gold:hover { background: transparent; color: var(--accent-ink); border-color: var(--accent-ink); }\na.c21w-brandon__btn--ghost {\n  background: transparent;\n  border-color: oklch(1 0 0 \/ 0.5);\n  color: oklch(1 0 0 \/ 0.92);\n}\na.c21w-brandon__btn--ghost:hover { background: oklch(1 0 0 \/ 0.12); border-color: oklch(1 0 0 \/ 0.85); }\na.c21w-brandon__btn--dark {\n  background: var(--accent-fill);\n  border-color: var(--accent-fill);\n  color: var(--accent-ink);\n}\na.c21w-brandon__btn--dark:hover { background: transparent; color: var(--accent-fill); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO - full-bleed, sits under the fixed global nav\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__hero {\n  position: relative;\n  isolation: isolate;\n  min-height: 78svh;\n  display: flex;\n  align-items: center;\n  background-image: url('https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/Brandon-North-Hill.jpg');\n  background-size: cover;\n  background-position: center;\n}\n.c21w-brandon__hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    linear-gradient(0deg, oklch(0.05 0 0 \/ 0.88) 0%, oklch(0.08 0 0 \/ 0.45) 45%, oklch(0.09 0 0 \/ 0.30) 100%);\n}\n.c21w-brandon__hero-inner {\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: calc(var(--nav-h) + var(--space-lg)) clamp(24px, 6vw, 96px) var(--space-2xl);\n  color: oklch(0.98 0 0);\n}\n.c21w-brandon__hero-eyebrow {\n  display: block;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--accent-ink);\n  margin: 0 0 var(--space-sm);\n}\n.c21w-brandon__hero-h1 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: var(--text-display);\n  line-height: 0.88;\n  letter-spacing: -0.02em;\n  text-transform: uppercase;\n  color: oklch(0.99 0 0);\n  margin: 0;\n}\n.c21w-brandon__hero-lead {\n  margin: var(--space-md) 0 0;\n  max-width: 52ch;\n  font-size: var(--text-lg);\n  color: oklch(0.94 0 0 \/ 0.88);\n}\n.c21w-brandon__hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-sm);\n  margin-top: var(--space-xl);\n}\n.c21w-brandon__hero-scroll {\n  position: absolute;\n  z-index: 1;\n  left: 50%;\n  bottom: var(--space-lg);\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  color: oklch(1 0 0 \/ 0.7);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n}\n.c21w-brandon__hero-scroll svg { animation: c21bBounce 2.2s var(--ease-out-quart) infinite; }\n@keyframes c21bBounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(6px); }\n}\n@media (max-width: 640px) { .c21w-brandon__hero-scroll { display: none; } }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STICKY SUB-NAV\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__subnav {\n  position: sticky;\n  top: var(--nav-h);\n  z-index: 10;\n  background: oklch(0.995 0.002 85 \/ 0.92);\n  backdrop-filter: saturate(140%) blur(10px);\n  -webkit-backdrop-filter: saturate(140%) blur(10px);\n  border-bottom: 1px solid var(--border);\n}\n.c21w-brandon__subnav-inner {\n  max-width: var(--content-max);\n  margin: 0 auto;\n  padding: 0 clamp(24px, 6vw, 96px);\n  display: flex;\n  align-items: center;\n  gap: clamp(4px, 2vw, 28px);\n  height: 60px;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.c21w-brandon__subnav-inner::-webkit-scrollbar { display: none; }\n.c21w-brandon__subnav-link {\n  position: relative;\n  flex-shrink: 0;\n  padding: 8px 2px;\n  font-weight: 700;\n  font-size: 12.5px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--muted);\n  transition: color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__subnav-link::after {\n  content: '';\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  height: 2px;\n  background: var(--accent);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__subnav-link:hover,\n.c21w-brandon__subnav-link.c21w-active { color: var(--ink); }\n.c21w-brandon__subnav-link.c21w-active::after { transform: scaleX(1); }\n.c21w-brandon__subnav-cta { margin-left: auto; flex-shrink: 0; }\n.c21w-brandon__subnav-cta a {\n  display: inline-flex;\n  align-items: center;\n  height: 38px;\n  padding: 0 18px;\n  font-weight: 700;\n  font-size: 12px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--accent-ink);\n  background: var(--accent-fill);\n  border-radius: var(--radius-sm);\n  transition: background-color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__subnav-cta a:hover { background: var(--accent); color: var(--accent-fill); }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABOUT\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__about-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: clamp(32px, 5vw, 72px);\n  align-items: center;\n  margin-top: var(--space-lg);\n}\n.c21w-brandon__about-lead {\n  margin: 0;\n  max-width: 62ch;\n  font-size: var(--text-lg);\n  color: var(--ink);\n}\n.c21w-brandon__about-lead + .c21w-brandon__about-lead { margin-top: var(--space-md); color: var(--muted); font-size: var(--text-base); }\n.c21w-brandon__about-media {\n  position: relative;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  aspect-ratio: 4 \/ 5;\n  box-shadow: 0 30px 60px -24px oklch(0 0 0 \/ 0.28);\n}\n.c21w-brandon__about-media img {\n  width: 100%; height: 100%; object-fit: cover; display: block;\n}\n@media (max-width: 860px) {\n  .c21w-brandon__about-grid { grid-template-columns: 1fr; }\n  .c21w-brandon__about-media { order: -1; aspect-ratio: 16 \/ 10; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ATTRACTIONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__attractions { background: var(--surface-2); }\n.c21w-brandon__attr-grid {\n  margin-top: var(--space-xl);\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-lg);\n}\n.c21w-brandon__attr-card {\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-lg);\n  padding: var(--space-xl) var(--space-lg) var(--space-lg);\n  text-align: center;\n  transition: transform var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__attr-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px -28px oklch(0 0 0 \/ 0.25); }\n.c21w-brandon__attr-photo {\n  width: 132px;\n  height: 132px;\n  margin: 0 auto var(--space-md);\n  border-radius: 50%;\n  overflow: hidden;\n  border: 4px solid var(--surface-2);\n  box-shadow: 0 8px 22px oklch(0 0 0 \/ 0.14);\n}\n.c21w-brandon__attr-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.c21w-brandon__attr-h3 {\n  font-family: var(--font-display);\n  font-weight: 800;\n  font-size: 22px;\n  letter-spacing: -0.01em;\n  text-transform: uppercase;\n  margin: 0 0 var(--space-2xs);\n  color: var(--ink);\n}\n.c21w-brandon__attr-desc {\n  margin: 0 0 var(--space-md);\n  color: var(--muted);\n  font-size: var(--text-sm);\n}\n.c21w-brandon__attr-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 700;\n  font-size: 12.5px;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--accent);\n  border-bottom: 1.5px solid transparent;\n  transition: border-color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__attr-link:hover { border-color: var(--accent); }\n@media (max-width: 860px) {\n  .c21w-brandon__attr-grid { grid-template-columns: 1fr; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCHOOLS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__tabs {\n  display: inline-flex;\n  gap: 4px;\n  margin-top: var(--space-lg);\n  padding: 4px;\n  background: var(--surface-2);\n  border-radius: var(--radius-pill);\n}\n.c21w-brandon__tab {\n  border: none;\n  background: transparent;\n  padding: 10px 22px;\n  font-family: var(--font-body);\n  font-weight: 700;\n  font-size: 13px;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: var(--muted);\n  border-radius: var(--radius-pill);\n  cursor: pointer;\n  transition: background-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__tab.c21w-active { background: var(--accent-fill); color: var(--accent-ink); }\n.c21w-brandon__tab-panel { display: none; margin-top: var(--space-xl); }\n.c21w-brandon__tab-panel.c21w-active { display: block; }\n.c21w-brandon__school-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--space-md);\n}\n.c21w-brandon__school-card {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--space-sm);\n  padding: var(--space-md);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: var(--radius-md);\n  transition: border-color var(--dur-base) var(--ease-out-quart), box-shadow var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__school-card:hover { border-color: var(--border-strong); box-shadow: 0 12px 28px -20px oklch(0 0 0 \/ 0.25); }\n.c21w-brandon__school-name {\n  margin: 0 0 4px;\n  font-weight: 700;\n  font-size: var(--text-sm);\n  color: var(--ink);\n}\n.c21w-brandon__school-addr {\n  margin: 0;\n  font-size: 13px;\n  color: var(--muted);\n}\n.c21w-brandon__school-grade {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  height: 24px;\n  padding: 0 8px;\n  border-radius: var(--radius-pill);\n  background: var(--surface-2);\n  color: var(--accent);\n  font-weight: 700;\n  font-size: 11px;\n  letter-spacing: 0.03em;\n}\n.c21w-brandon__school-visit {\n  flex-shrink: 0;\n  align-self: center;\n  width: 32px; height: 32px;\n  display: inline-flex; align-items: center; justify-content: center;\n  border-radius: 50%;\n  border: 1.5px solid var(--border-strong);\n  color: var(--ink);\n  transition: background-color var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);\n}\n.c21w-brandon__school-visit:hover { background: var(--accent-fill); border-color: var(--accent-fill); color: var(--accent-ink); }\n.c21w-brandon__school-row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n  width: 100%;\n}\n.c21w-brandon__school-text { flex: 1; min-width: 0; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LISTINGS LEAD-IN (widget follows below, pasted separately)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.c21w-brandon__listings {\n  background: var(--accent-fill);\n  color: var(--accent-ink);\n  text-align: center;\n}\n.c21w-brandon__listings .c21w-brandon__eyebrow { color: var(--accent-ink-muted); }\n.c21w-brandon__listings .c21w-brandon__h2 { color: var(--accent-ink); }\n.c21w-brandon__listings .c21w-brandon__section { padding-bottom: var(--space-lg); }\n.c21w-brandon__listings-p {\n  margin: var(--space-sm) auto 0;\n  max-width: 56ch;\n  color: var(--accent-ink-muted);\n  font-size: var(--text-base);\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 640px) {\n  .c21w-brandon__section { padding: var(--space-2xl) clamp(20px, 6vw, 96px); }\n  .c21w-brandon__hero-inner { padding-top: calc(var(--nav-h) + var(--space-lg)); }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOXIWORKS WIDGET ROW - matches the closing \"Homes for Sale\" section\n   background (var(--accent-fill) above, hardcoded here since this\n   selector targets the WIDGET'S OWN row, outside the .c21w-brandon\n   scope). Assumes the widget is pasted as its own Beaver Builder row\n   directly below this module, the normal way rows stack. If it ends\n   up nested differently, set that row's background color manually to\n   oklch(0.17 0.014 85) in Beaver Builder instead.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.fl-row:has(#c21w-brandon) ~ .fl-row {\n  background-color: oklch(0.17 0.014 85) !important;\n}\n<\/style>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BRANDON COMMUNITY PAGE  |  Century 21 Westman Realty Ltd.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\n  <section>\n      Discover\n      <h1>Brandon<\/h1>\n      <p>Manitoba&#8217;s Wheat City. A vibrant, welcoming community with excellent schools, affordable housing, and a strong economy, right at the heart of Westman.<\/p>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Get in Touch<\/a>\n        <a href=\"#listings\" data-c21b-scroll>View Homes for Sale<\/a>\n      Scroll\n  <\/section>\n  <!-- \u2500\u2500\u2500 STICKY SUB-NAV \u2500\u2500\u2500 -->\n  <nav aria-label=\"Brandon page sections\">\n      <a href=\"#about\" data-c21b-scroll data-c21b-section=\"about\">About<\/a>\n      <a href=\"#attractions\" data-c21b-scroll data-c21b-section=\"attractions\">Attractions<\/a>\n      <a href=\"#schools\" data-c21b-scroll data-c21b-section=\"schools\">Schools<\/a>\n      <a href=\"#listings\" data-c21b-scroll data-c21b-section=\"listings\">Listings<\/a>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Contact Us<\/a>\n  <\/nav>\n  <!-- \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 -->\n  <section id=\"about\" data-c21b-reveal>\n    About Brandon\n    <h2>Your Next Move in Westman&#8217;s Wheat City<\/h2>\n        <p>Brandon, Manitoba is a vibrant and welcoming city that offers an exceptional quality of life for those looking to make it their new home. Known for its friendly community, Brandon boasts a rich cultural scene, with numerous museums, art galleries, and festivals to explore.<\/p>\n        <p>The city is also home to excellent schools, parks, and recreational facilities, making it an ideal place to raise a family. With affordable housing options and a strong economy, Brandon offers ample opportunities for employment and entrepreneurship. Its natural beauty, with nearby lakes, rivers, and parks, also provides plenty of outdoor recreation opportunities for nature enthusiasts. Come discover the warmth and charm of Brandon, Manitoba, and make it your new home.<\/p>\n        <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/2023\/04\/Brandon-North-Hill.jpg\" alt=\"Aerial view of Brandon, Manitoba\" loading=\"lazy\"\/>\n  <\/section>\n  <!-- \u2500\u2500\u2500 ATTRACTIONS \u2500\u2500\u2500 -->\n  <section id=\"attractions\" data-c21b-reveal>\n      Brandon Attractions\n      <h2>Things to See &amp; Do<\/h2>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/Brandon-Riverbank-Discovery-circle.jpg\" alt=\"Riverbank Discovery Centre\" loading=\"lazy\"\/>\n          <h3>Riverbank Discovery Centre<\/h3>\n          <p>A beautiful waterfront area along the Assiniboine River with walking and biking trails, picnic areas, a playground, and a splash pad. Home to Canada Day celebrations and the Brandon Folk, Music, and Art Festival.<\/p>\n          <a href=\"https:\/\/riverbank.mb.ca\/\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/Wheat-City-scaled-circle.jpg\" alt=\"Wheat City Golf Course\" loading=\"lazy\"\/>\n          <h3>Wheat City Golf Course<\/h3>\n          <p>A scenic 18-hole course with well-maintained fairways, challenging bunkers, and pristine greens. A friendly atmosphere and affordable rates make it a popular choice for golfers of all skill levels.<\/p>\n          <a href=\"https:\/\/www.wheatcitygolf.com\/\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n        <article>\n            <img decoding=\"async\" src=\"https:\/\/westmanrealty.c21.ca\/files\/bb-plugin\/cache\/Brandon-Keystone-Centre-circle.jpg\" alt=\"Keystone Centre\" loading=\"lazy\"\/>\n          <h3>Keystone Centre<\/h3>\n          <p>A major multi-purpose event complex hosting concerts, trade shows, conferences, sports tournaments, and agricultural fairs, with an indoor arena, equestrian facilities, a convention centre, and a casino.<\/p>\n          <a href=\"https:\/\/keystonecentre.com\/\" target=\"_blank\" rel=\"noopener\">Visit Site\n          <\/a>\n        <\/article>\n  <\/section>\n  <!-- \u2500\u2500\u2500 SCHOOLS \u2500\u2500\u2500 -->\n  <section id=\"schools\" data-c21b-reveal>\n    Brandon School Division\n    <h2>Schools Serving the Area<\/h2>\n      <button id=\"c21b-tab-elem\" role=\"tab\" aria-selected=\"true\" aria-controls=\"c21b-panel-elem\" data-c21b-tab=\"elem\">Elementary Schools<\/button>\n      <button id=\"c21b-tab-high\" role=\"tab\" aria-selected=\"false\" aria-controls=\"c21b-panel-high\" data-c21b-tab=\"high\">Senior High Schools<\/button>\n        <p>Alexander102 Argyle Street, Alexander, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/alexander\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Alexander school site\"><\/a>\n        <p>\u00c9cole Harrison415 Queens Avenue, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/ecoleharrison\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit \u00c9cole Harrison school site\"><\/a>\n        <p>Maryland Park700 Maryland Avenue, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/marylandpark\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Maryland Park school site\"><\/a>\n        <p>Riverview1105 Louise Avenue E., Brandon, MB<\/p>K-6<a href=\"https:\/\/www.bsd.ca\/riverview\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Riverview school site\"><\/a>\n        <p>Betty Gibson701 &#8211; 12th Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/bettygibson\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Betty Gibson school site\"><\/a>\n        <p>J.R. Reid813 &#8211; 26th Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/jrreid\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit J.R. Reid school site\"><\/a>\n        <p>Meadows1220 &#8211; 22nd Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/meadows\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Meadows school site\"><\/a>\n        <p>St. Augustine330 &#8211; 3rd Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/staugustine\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit St. Augustine school site\"><\/a>\n        <p>Earl Oxford540 &#8211; 18th Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/earloxford\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Earl Oxford school site\"><\/a>\n        <p>King George535 Park Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/kinggeorge\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit King George school site\"><\/a>\n        <p>\u00c9cole New Era527 Louise Avenue, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/newera\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit \u00c9cole New Era school site\"><\/a>\n        <p>Valleyview Centennial65 Whillier Drive, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/valleyview\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Valleyview Centennial school site\"><\/a>\n        <p>George Fitton1129 &#8211; 3rd Street, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/georgefitton\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit George Fitton school site\"><\/a>\n        <p>Kirkcaldy Heights10 Knowlton Drive, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/kirkcaldyheights\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Kirkcaldy Heights school site\"><\/a>\n        <p>\u00c9cole O&#8217;KellyBox 70, Shilo, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/okelly\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit \u00c9cole O'Kelly school site\"><\/a>\n        <p>Waverly Park3800 Park Avenue, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/waverlypark\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Waverly Park school site\"><\/a>\n        <p>Green Acres335 Queens Avenue E, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/greenacres\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Green Acres school site\"><\/a>\n        <p>Linden Lanes49 Silver Birch Drive, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/lindenlanes\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Linden Lanes school site\"><\/a>\n        <p>Riverheights32 E. Fotheringham Drive, Brandon, MB<\/p>K-8<a href=\"https:\/\/www.bsd.ca\/riverheights\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Riverheights school site\"><\/a>\n        <p>Crocus Plains1930 &#8211; 1st Street, Brandon, MB<\/p>9-12<a href=\"https:\/\/www.bsd.ca\/Crocus\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Crocus Plains school site\"><\/a>\n        <p>Neelin1020 Brandon Avenue, Brandon, MB<\/p>9-12<a href=\"https:\/\/www.bsd.ca\/neelin\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Neelin school site\"><\/a>\n        <p>Vincent Massey715 McDiarmid Drive, Brandon, MB<\/p>9-12<a href=\"https:\/\/www.bsd.ca\/massey\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Vincent Massey school site\"><\/a>\n        <p>Prairie HopeUnit A, 638 Princess Avenue, Brandon, MB<\/p>9-12<a href=\"https:\/\/www.bsd.ca\/prairiehope\" target=\"_blank\" rel=\"noopener\" aria-label=\"Visit Prairie Hope school site\"><\/a>\n  <\/section>\n  <!-- \u2500\u2500\u2500 LISTINGS LEAD-IN - MoxiWorks widget is pasted directly below this module, not embedded here \u2500\u2500\u2500 -->\n  <section id=\"listings\" data-c21b-reveal>\n      Brandon Listings\n      <h2>Homes for Sale in Brandon<\/h2>\n      <p>Browse current MLS\u00ae listings in Brandon below, or reach out and a Century 21 Westman Realty sales representative will help you find the right fit.<\/p>\n        <a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Get in Touch<\/a>\n  <\/section>\n  <!-- MoxiWorks listings widget for Brandon goes here, pasted as its own module below this one. -->\n<!-- \/.c21w-brandon -->\n\n","protected":false},"excerpt":{"rendered":"<p>Discover Brandon Manitoba&#8217;s Wheat City. A vibrant, welcoming community with excellent schools, affordable housing, and a strong economy, right at the heart of Westman. Get in Touch View Homes for Sale Scroll About Attractions Schools Listings Contact Us About Brandon Your Next Move in Westman&#8217;s Wheat City Brandon, Manitoba is a vibrant and welcoming city [&hellip;]<\/p>\n","protected":false},"author":18430,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1465","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1465","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/users\/18430"}],"replies":[{"embeddable":true,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/comments?post=1465"}],"version-history":[{"count":27,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1465\/revisions"}],"predecessor-version":[{"id":2332,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/1465\/revisions\/2332"}],"wp:attachment":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/media?parent=1465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}