{"id":2130,"date":"2026-04-27T10:31:51","date_gmt":"2026-04-27T15:31:51","guid":{"rendered":"https:\/\/westmanrealty.c21.ca\/?page_id=2130"},"modified":"2026-07-22T16:46:48","modified_gmt":"2026-07-22T21:46:48","slug":"test-homepage-123456","status":"publish","type":"page","link":"https:\/\/westmanrealty.c21.ca\/fr-ca","title":{"rendered":"HOME"},"content":{"rendered":"\r\n<p><link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@700;800&amp;family=Karla:ital,wght@0,400;0,500;0,700;1,400&amp;display=swap\" rel=\"stylesheet\" \/><\/p>\r\n<p><style>\r\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\r\n   HOME \u00b7 PART 1  |  Century 21 Westman Realty Ltd.\r\n   Prefix: c21w-home__   (safe from MoxiWorks collisions)\r\n   Ends at the Listings divider; MoxiWorks widget follows,\r\n   then home-part-2.html continues the page.\r\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 *\/\r\n.c21w-home {\r\n  \/* \u2500\u2500\u2500 Tokens (duplicated identically in part 2) \u2500\u2500\u2500 *\/\r\n  --bg: oklch(0.09 0 0);\r\n  --surface: oklch(0.14 0.012 85);\r\n  --surface-2: oklch(0.19 0.014 85);\r\n  --ink: oklch(0.94 0.006 85);\r\n  --muted: oklch(0.72 0.02 85);\r\n  --accent: oklch(0.76 0.11 85);\r\n  --accent-fill: oklch(0.87 0.08 85);\r\n  --accent-ink: oklch(0.10 0.01 85);\r\n  --border: oklch(1 0 0 \/ 0.08);\r\n  --border-strong: oklch(1 0 0 \/ 0.18);\r\n  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px; --space-sm: 16px;\r\n  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;\r\n  --radius-sm: 2px; --radius-md: 4px;\r\n  --font-display: 'Big Shoulders Display', sans-serif;\r\n  --font-body: 'Karla', sans-serif;\r\n  \/* Fixed px, not rem: the host theme sets html{font-size:10px}, which\r\n     would silently shrink every rem-based value to 62.5% of intended size. *\/\r\n  --text-xs: 13px;\r\n  --text-sm: 15px;\r\n  --text-base: 17px;\r\n  --text-lg: 22px;\r\n  --text-xl: clamp(28px, 17.6px + 2vw, 40px);\r\n  --text-display: clamp(44px, 22.4px + 5vw, 84px);\r\n  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\r\n  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 400ms; --dur-entrance: 650ms;\r\n  width: 100vw;\r\n  margin-left: calc((100vw - 100%) \/ -2);\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n  font-family: var(--font-body);\r\n  font-size: var(--text-base);\r\n  line-height: 1.65;\r\n  overflow-x: hidden;\r\n}\r\n.c21w-home *,\r\n.c21w-home *::before,\r\n.c21w-home *::after { box-sizing: border-box; }\r\n\/* \u2500\u2500\u2500 Sit flush under the site's global header \u2500\u2500\u2500 *\/\r\n.wrapper.responsive.page-wrapper { padding-top: 0 !important; }\r\nbody.page .fl-content,\r\nbody.page .mainbody.pageContent,\r\nbody.page .fl-post-content { background: oklch(0.09 0 0) !important; }\r\nhtml, body { background-color: oklch(0.09 0 0) !important; }\r\n.c21w-home a { color: inherit; text-decoration: none; }\r\n.c21w-home :focus { outline: none; }\r\n.c21w-home :focus-visible {\r\n  outline: 2px solid var(--accent);\r\n  outline-offset: 3px;\r\n}\r\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\r\n   HERO\r\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 *\/\r\n.c21w-home__hero {\r\n  position: relative;\r\n  min-height: 92vh;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  overflow: hidden;\r\n}\r\n.c21w-home__hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center 55%;\r\n  opacity: 0;\r\n  transition: opacity 900ms var(--ease-out-quart);\r\n}\r\n.c21w-home__hero-bg.c21w-loaded { opacity: 1; }\r\n.c21w-home__hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  \/* Reaches fully opaque, exact-match bg color well before the hero ends,\r\n     so the photo's texture never butts directly against the flat section\r\n     below it; that mismatch (not the color value) is what reads as a seam. *\/\r\n  background:\r\n    linear-gradient(180deg, oklch(0.09 0 0 \/ 0.32) 0%, oklch(0.09 0 0 \/ 0.55) 45%, var(--bg) 85%, var(--bg) 100%);\r\n}\r\n.c21w-home__hero-content {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 820px;\r\n  padding: var(--space-xl) clamp(24px, 6vw, 64px) var(--space-2xl);\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\r\n}\r\n.c21w-home__hero-content.c21w-visible { opacity: 1; transform: translateY(0); }\r\n.c21w-home__h1 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: var(--text-display);\r\n  line-height: 0.98;\r\n  letter-spacing: -0.02em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  margin: 0;\r\n}\r\n.c21w-home__hero-sub {\r\n  margin: var(--space-md) 0 0;\r\n  max-width: 52ch;\r\n  font-size: var(--text-lg);\r\n  line-height: 1.6;\r\n  color: var(--muted);\r\n  text-wrap: pretty;\r\n}\r\n.c21w-home__hero-ctas {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-sm);\r\n  margin-top: var(--space-lg);\r\n}\r\n.c21w-home__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  padding: 0 var(--space-lg);\r\n  font-family: var(--font-body);\r\n  font-weight: 700;\r\n  font-size: var(--text-sm);\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  border-radius: var(--radius-sm);\r\n  cursor: pointer;\r\n  transition: background-color var(--dur-base) var(--ease-out-quart),\r\n              color var(--dur-base) var(--ease-out-quart),\r\n              border-color var(--dur-base) var(--ease-out-quart),\r\n              transform var(--dur-fast) var(--ease-out-quart);\r\n}\r\n.c21w-home__btn:active { transform: scale(0.97); }\r\na.c21w-home__btn--primary {\r\n  background: transparent;\r\n  border: 1.5px solid var(--accent);\r\n  color: var(--accent);\r\n}\r\na.c21w-home__btn--primary:hover {\r\n  background: var(--accent-fill);\r\n  border-color: var(--accent-fill);\r\n  color: var(--accent-ink);\r\n}\r\na.c21w-home__btn--ghost {\r\n  background: oklch(1 0 0 \/ 0.05);\r\n  border: 1px solid var(--border-strong);\r\n  color: var(--ink);\r\n}\r\na.c21w-home__btn--ghost:hover {\r\n  border-color: var(--accent);\r\n  color: var(--accent);\r\n}\r\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\r\n   SECTION SHELL\r\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 *\/\r\n.c21w-home__section {\r\n  position: relative;\r\n  isolation: isolate;\r\n  padding: var(--space-3xl) 6vw;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n}\r\n\/* Faint grid texture behind the flat background, full-bleed regardless of\r\n   the section's own centered max-width. Fades out at the top\/bottom edges\r\n   so it never creates a hard boundary line where sections meet. *\/\r\n.c21w-home__section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 100vw;\r\n  transform: translateX(-50%);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(90deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px),\r\n    linear-gradient(0deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n}\r\n.c21w-home__section-h2 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: var(--text-xl);\r\n  letter-spacing: -0.01em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  margin: 0;\r\n  text-wrap: balance;\r\n}\r\n.c21w-home__section-lead {\r\n  margin: var(--space-xs) 0 0;\r\n  max-width: 62ch;\r\n  color: var(--muted);\r\n  font-size: var(--text-base);\r\n}\r\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\r\n   SERVICEABLE AREAS (SINGLE ACCORDION)\r\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 *\/\r\n.c21w-home__areas { padding-top: var(--space-2xl); }\r\n.c21w-home__areas-toggle {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: var(--space-sm);\r\n  min-height: 64px;\r\n  margin-top: var(--space-lg);\r\n  padding: var(--space-sm) var(--space-lg);\r\n  background: var(--surface);\r\n  border: 1px solid var(--border-strong);\r\n  border-radius: var(--radius-md);\r\n  cursor: pointer;\r\n  font-family: var(--font-body);\r\n  font-weight: 700;\r\n  font-size: var(--text-lg);\r\n  color: var(--ink);\r\n  -webkit-tap-highlight-color: transparent;\r\n  transition: border-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) var(--ease-out-quart);\r\n}\r\n.c21w-home__areas-toggle:hover { border-color: var(--accent); color: var(--accent); }\r\n.c21w-home__areas-chevron {\r\n  flex-shrink: 0;\r\n  color: var(--accent);\r\n  transition: transform var(--dur-base) var(--ease-out-quart);\r\n}\r\n.c21w-home__areas-toggle[aria-expanded=\"true\"] .c21w-home__areas-chevron { transform: rotate(180deg); }\r\n.c21w-home__areas-panel {\r\n  display: grid;\r\n  grid-template-rows: 0fr;\r\n  transition: grid-template-rows var(--dur-slow) var(--ease-out-quart);\r\n}\r\n.c21w-home__areas-panel.c21w-open { grid-template-rows: 1fr; }\r\n.c21w-home__areas-inner { overflow: hidden; }\r\n.c21w-home__areas-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: var(--space-2xs) var(--space-lg);\r\n  padding: var(--space-lg) var(--space-2xs) var(--space-xs);\r\n}\r\n.c21w-home__areas-link {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-2xs);\r\n  min-height: 44px;\r\n  font-weight: 700;\r\n  font-size: var(--text-sm);\r\n  color: var(--ink);\r\n  border-bottom: 1px solid var(--border);\r\n  transition: color var(--dur-base) var(--ease-out-quart), border-color var(--dur-base) var(--ease-out-quart);\r\n}\r\n.c21w-home__areas-link svg { flex-shrink: 0; color: var(--accent); transition: transform var(--dur-base) var(--ease-out-quart); }\r\n.c21w-home__areas-link:hover { color: var(--accent); border-color: var(--accent); }\r\n.c21w-home__areas-link:hover svg { transform: translateX(3px); }\r\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\r\n   LISTINGS DIVIDER (MoxiWorks breakpoint)\r\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 *\/\r\n.c21w-home__listings {\r\n  position: relative;\r\n  isolation: isolate;\r\n  padding: calc(var(--space-3xl) + var(--space-xl)) 6vw var(--space-2xl);\r\n  text-align: center;\r\n  scroll-margin-top: 24px;\r\n}\r\n.c21w-home__listings::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(90deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px),\r\n    linear-gradient(0deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n}\r\n.c21w-home__listings-h2 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: var(--text-xl);\r\n  letter-spacing: -0.01em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  margin: 0;\r\n}\r\n.c21w-home__listings-rule {\r\n  width: 72px;\r\n  height: 3px;\r\n  background: var(--accent);\r\n  margin: var(--space-sm) auto 0;\r\n}\r\n\/* \u2500\u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500 *\/\r\n[data-c21-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\r\n}\r\n[data-c21-reveal].c21w-visible { opacity: 1; transform: translateY(0); }\r\n@media (prefers-reduced-motion: reduce) {\r\n  .c21w-home__hero-bg,\r\n  .c21w-home__hero-content,\r\n  [data-c21-reveal] { transition-duration: 0.01ms !important; }\r\n  .c21w-home__hero-content,\r\n  [data-c21-reveal] { opacity: 1 !important; transform: none !important; }\r\n}\r\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\r\n   RESPONSIVE\r\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 *\/\r\n@media (max-width: 860px) {\r\n  .c21w-home__section { padding: var(--space-2xl) 6vw; }\r\n  .c21w-home__listings { padding: calc(var(--space-2xl) + var(--space-md)) 6vw var(--space-xl); }\r\n}\r\n@media (max-width: 640px) {\r\n  .c21w-home__hero { min-height: 86vh; }\r\n  .c21w-home__hero-content { padding: var(--space-lg) 6vw var(--space-xl); }\r\n  .c21w-home__hero-ctas { flex-direction: column; align-items: stretch; }\r\n}\r\n<\/style><\/p>\r\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\r\n     HOME PAGE \u00b7 PART 1  |  Century 21 Westman Realty Ltd.\r\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 --><!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section>\r\n<h1>Your Key to<br \/>Westman Real Estate<\/h1>\r\n<p>Local expertise across Brandon and the Westman region, backed by the market knowledge and the team at Century 21 Westman Realty Ltd. to guide your next move, whether you&#8217;re buying or selling.<\/p>\r\n<a href=\"https:\/\/westmanrealty.c21.ca\/contact-us\" target=\"_blank\" rel=\"noopener\">Get in Touch<\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/search\/#status=active&amp;sold_days=180&amp;pstatus=1%2C11&amp;ls_conversion=acres&amp;location_search_field=1906%20Park%20Ave%2C%20Brandon%2C%20MB%20R7B%200R9%2C%20Canada&amp;drive_time=09%3A00&amp;drive_duration=15&amp;drive_avoid_ferry=1&amp;drive_departure=1&amp;ss_locale=en-CA&amp;ss_description=1906%20Park%20Ave%2C%20Brandon%2C%20MB%20R7B%200R9%2C%20Canada&amp;ss_email_freq=40&amp;ss_send_zero_result=1&amp;bounds_north=53.300794329668264&amp;bounds_east=-92.88016565478517&amp;bounds_south=47.57961711294837&amp;bounds_west=-102.16361292041017&amp;center_lat=49.8355&amp;center_lon=-99.9638&amp;center_lat_pan=50.52681799929255&amp;center_lon_pan=-97.52188928759767&amp;geotype=CUSTOM&amp;user_lat=49.8355044&amp;user_lon=-99.96377849999999&amp;pgsize=20&amp;startidx=0&amp;zoom=7&amp;sort_by=11&amp;company_uuid=3341197&amp;commute=0&amp;geolayer=%7B%22custom%22%3Atrue%2C%22geojson%22%3A%7B%22type%22%3A%22MultiPolygon%22%2C%22coordinates%22%3A%5B%5B%5B%5B-101.963622%2C59.957514%5D%2C%5B-102.02954%2C54.81623%5D%2C%5B-101.38684%2C48.997917%5D%2C%5B-98.917232%2C48.961315%5D%2C%5B-99.013363%2C49.578025%5D%2C%5B-98.965298%2C49.987022%5D%2C%5B-96.732424%2C56.727616%5D%2C%5B-97.062867%2C59.49053%5D%2C%5B-101.963622%2C59.957514%5D%5D%5D%5D%7D%2C%22geolayerid%22%3A-1%2C%22templateids%22%3A%5B%5D%7D&amp;buffer_miles=0&amp;geospatial=true&amp;agent_uuid=5ccec169-b859-4045-8eb1-e0c09a41f800&amp;ptype=1%2C2&amp;searchType=criteria&amp;omit_hidden=true&amp;ex_pend=true&amp;currency=CAD\" target=\"_blank\" rel=\"noopener\">Browse Listings<\/a><\/section>\r\n<!-- \u2500\u2500\u2500 SERVICEABLE AREAS \u2500\u2500\u2500 -->\r\n<section data-c21-reveal=\"\">\r\n<h2>Communities We Serve<\/h2>\r\n<p>From Brandon to the surrounding Westman region, our agents know these communities firsthand.<\/p>\r\n<button id=\"c21wAreasToggle\" aria-expanded=\"false\" aria-controls=\"c21wAreasPanel\"> View All Communities We Serve <\/button> <a href=\"https:\/\/westmanrealty.c21.ca\/brandon\" target=\"_blank\" rel=\"noopener\">Brandon <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/dauphin\" target=\"_blank\" rel=\"noopener\">Dauphin <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/killarney\" target=\"_blank\" rel=\"noopener\">Killarney <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/minnedosa\" target=\"_blank\" rel=\"noopener\">Minnedosa <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/shoal-lake\" target=\"_blank\" rel=\"noopener\">Shoal Lake <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/carberry\" target=\"_blank\" rel=\"noopener\">Carberry <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/boissevain\" target=\"_blank\" rel=\"noopener\">Boissevain <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/souris\" target=\"_blank\" rel=\"noopener\">Souris <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/virden\" target=\"_blank\" rel=\"noopener\">Virden <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/shilo\" target=\"_blank\" rel=\"noopener\">Shilo <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/riding-mountain-national-park\" target=\"_blank\" rel=\"noopener\">Riding Mountain National Park <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/neepawa\" target=\"_blank\" rel=\"noopener\">Neepawa <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/deloraine\" target=\"_blank\" rel=\"noopener\">Deloraine <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/the-pas\" target=\"_blank\" rel=\"noopener\">The Pas <\/a> <a href=\"https:\/\/westmanrealty.c21.ca\/russell\" target=\"_blank\" rel=\"noopener\">Russell <\/a><\/section>\r\n<!-- \u2500\u2500\u2500 LISTINGS DIVIDER (MoxiWorks breakpoint) \u2500\u2500\u2500 -->\r\n<section id=\"listings\" data-c21-reveal=\"\">\r\n<h2>Our Homes &amp; Properties for Sale<\/h2>\r\n<\/section>\r\n<!-- \/.c21w-home (part 1) --><!-- \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\r\n     \u2191 END PART 1: insert the MoxiWorks Listings\r\n     widget row here, then continue with\r\n     home-part-2.html directly below it.\r\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 -->\r\n<p><link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@700;800&amp;family=Karla:ital,wght@0,400;0,500;0,700;1,400&amp;display=swap\" rel=\"stylesheet\" \/><\/p>\r\n<p><style>\r\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\r\n   HOME \u00b7 PART 2  |  Century 21 Westman Realty Ltd.\r\n   Prefix: c21w-home__   (safe from MoxiWorks collisions)\r\n   Continues directly after the MoxiWorks Listings widget row.\r\n   Ends at \"Get in Touch\"; drop a new row here in Beaver\r\n   Builder and add the native \"Contact Me Module\", then\r\n   continue with home-part-3.html directly below it.\r\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 *\/\r\n.c21w-home {\r\n  \/* \u2500\u2500\u2500 Tokens (identical across all three parts) \u2500\u2500\u2500 *\/\r\n  --bg: oklch(0.09 0 0);\r\n  --surface: oklch(0.14 0.012 85);\r\n  --surface-2: oklch(0.19 0.014 85);\r\n  --ink: oklch(0.94 0.006 85);\r\n  --muted: oklch(0.72 0.02 85);\r\n  --accent: oklch(0.76 0.11 85);\r\n  --accent-fill: oklch(0.87 0.08 85);\r\n  --accent-ink: oklch(0.10 0.01 85);\r\n  --border: oklch(1 0 0 \/ 0.08);\r\n  --border-strong: oklch(1 0 0 \/ 0.18);\r\n  --success: oklch(0.70 0.15 145);\r\n  --error: oklch(0.62 0.20 25);\r\n  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px; --space-sm: 16px;\r\n  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;\r\n  --radius-sm: 2px; --radius-md: 4px;\r\n  --font-display: 'Big Shoulders Display', sans-serif;\r\n  --font-body: 'Karla', sans-serif;\r\n  \/* Fixed px, not rem: the host theme sets html{font-size:10px}, which\r\n     would silently shrink every rem-based value to 62.5% of intended size. *\/\r\n  --text-xs: 13px;\r\n  --text-sm: 15px;\r\n  --text-base: 17px;\r\n  --text-lg: 22px;\r\n  --text-xl: clamp(28px, 17.6px + 2vw, 40px);\r\n  --text-display: clamp(44px, 22.4px + 5vw, 84px);\r\n  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\r\n  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 400ms; --dur-entrance: 650ms;\r\n  width: 100vw;\r\n  margin-left: calc((100vw - 100%) \/ -2);\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n  font-family: var(--font-body);\r\n  font-size: var(--text-base);\r\n  line-height: 1.65;\r\n  overflow-x: hidden;\r\n}\r\n.c21w-home *,\r\n.c21w-home *::before,\r\n.c21w-home *::after { box-sizing: border-box; }\r\n.c21w-home a { color: inherit; text-decoration: none; }\r\n.c21w-home :focus { outline: none; }\r\n.c21w-home :focus-visible {\r\n  outline: 2px solid var(--accent);\r\n  outline-offset: 3px;\r\n}\r\n.c21w-home button { font: inherit; }\r\n.c21w-home__section {\r\n  position: relative;\r\n  isolation: isolate;\r\n  padding: var(--space-3xl) 6vw;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n}\r\n\/* Faint grid texture behind the flat background, full-bleed regardless of\r\n   the section's own centered max-width. Fades out at the top\/bottom edges\r\n   so it never creates a hard boundary line where sections meet. *\/\r\n.c21w-home__section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 100vw;\r\n  transform: translateX(-50%);\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(90deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px),\r\n    linear-gradient(0deg, oklch(1 0 0 \/ 0.05) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n}\r\n.c21w-home__section-h2 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: var(--text-xl);\r\n  letter-spacing: -0.01em;\r\n  text-transform: uppercase;\r\n  color: var(--ink);\r\n  margin: 0;\r\n  text-wrap: balance;\r\n}\r\n.c21w-home__section-lead {\r\n  margin: var(--space-xs) 0 0;\r\n  max-width: 62ch;\r\n  color: var(--muted);\r\n  font-size: var(--text-base);\r\n}\r\n.c21w-home__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  padding: 0 var(--space-lg);\r\n  font-family: var(--font-body);\r\n  font-weight: 700;\r\n  font-size: var(--text-sm);\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  border-radius: var(--radius-sm);\r\n  cursor: pointer;\r\n  transition: background-color var(--dur-base) var(--ease-out-quart),\r\n              color var(--dur-base) var(--ease-out-quart),\r\n              border-color var(--dur-base) var(--ease-out-quart),\r\n              transform var(--dur-fast) var(--ease-out-quart);\r\n}\r\n.c21w-home__btn:active { transform: scale(0.97); }\r\na.c21w-home__btn--primary {\r\n  background: transparent;\r\n  border: 1.5px solid var(--accent);\r\n  color: var(--accent);\r\n}\r\na.c21w-home__btn--primary:hover {\r\n  background: var(--accent-fill);\r\n  border-color: var(--accent-fill);\r\n  color: var(--accent-ink);\r\n}\r\n\/* \u2500\u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500 *\/\r\n[data-c21-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\r\n}\r\n[data-c21-reveal].c21w-visible { opacity: 1; transform: translateY(0); }\r\n@media (prefers-reduced-motion: reduce) {\r\n  [data-c21-reveal] { transition-duration: 0.01ms !important; opacity: 1 !important; transform: none !important; }\r\n}\r\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\r\n   WHY CHOOSE \u00b7 COMPARISON CARDS\r\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 *\/\r\n.c21w-home__compare {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: var(--space-lg);\r\n  margin-top: var(--space-lg);\r\n  align-items: stretch;\r\n}\r\n.c21w-home__card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: var(--space-lg);\r\n  background: var(--surface);\r\n  border: 1px solid var(--border);\r\n  border-radius: var(--radius-md);\r\n}\r\n.c21w-home__card-h3 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: 26px;\r\n  letter-spacing: -0.01em;\r\n  text-transform: uppercase;\r\n  margin: 0 0 var(--space-sm);\r\n  color: var(--ink);\r\n}\r\n.c21w-home__card-list {\r\n  list-style: none;\r\n  margin: 0 0 var(--space-lg);\r\n  padding: 0;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-sm);\r\n}\r\n.c21w-home__card-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: var(--space-xs);\r\n  color: var(--muted);\r\n  font-size: var(--text-sm);\r\n}\r\n.c21w-home__card-list svg { flex-shrink: 0; margin-top: 3px; color: var(--accent); }\r\n.c21w-home__card .c21w-home__btn { align-self: flex-start; }\r\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\r\n   FIND MY AGENT TEASER (mini-hero)\r\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 *\/\r\n.c21w-home__teaser {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  gap: var(--space-md);\r\n  margin-top: var(--space-2xl);\r\n  min-height: 52vh;\r\n  padding: var(--space-2xl) 6vw;\r\n  isolation: isolate;\r\n}\r\n\/* Full-bleed photo: breaks out of the centered\/padded content column to\r\n   span the full viewport width, same left:50%\/-50% trick used by\r\n   .c21w-home__section::before. Masked top\/bottom so it dissolves into\r\n   the flat --bg color instead of ending on a hard edge. *\/\r\n.c21w-home__teaser-bg,\r\n.c21w-home__teaser-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 100vw;\r\n  transform: translateX(-50%);\r\n  mask-image: linear-gradient(180deg, transparent 0%, black 22%, black 78%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 22%, black 78%, transparent 100%);\r\n}\r\n.c21w-home__teaser-bg {\r\n  z-index: -2;\r\n  background-image: url('https:\/\/westmanrealty.c21.ca\/files\/2026\/07\/Brandon-1-of-1-scaled.jpg');\r\n  background-size: cover;\r\n  background-position: center 60%;\r\n}\r\n.c21w-home__teaser-overlay {\r\n  z-index: -1;\r\n  background: linear-gradient(120deg, oklch(0.09 0 0 \/ 0.92) 0%, oklch(0.09 0 0 \/ 0.72) 48%, oklch(0.09 0 0 \/ 0.45) 100%);\r\n}\r\n.c21w-home__teaser-h3 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: clamp(28px, 16px + 2vw, 40px);\r\n  text-transform: uppercase;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.05;\r\n  margin: 0;\r\n  color: var(--ink);\r\n  text-wrap: balance;\r\n}\r\n.c21w-home__teaser-p {\r\n  margin: 0;\r\n  color: var(--muted);\r\n  font-size: var(--text-base);\r\n  max-width: 52ch;\r\n}\r\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\r\n   GET IN TOUCH (heading only:\r\n   the Contact Me Module row follows)\r\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 *\/\r\n.c21w-home__contact { scroll-margin-top: 24px; }\r\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\r\n   RESPONSIVE\r\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 *\/\r\n@media (max-width: 860px) {\r\n  .c21w-home__section { padding: var(--space-2xl) 6vw; }\r\n  .c21w-home__compare { grid-template-columns: 1fr; }\r\n  .c21w-home__teaser { min-height: 58vh; padding: var(--space-xl) var(--space-lg); }\r\n  .c21w-home__teaser-p { max-width: 100%; }\r\n}\r\n<\/style><\/p>\r\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\r\n     HOME PAGE \u00b7 PART 2  |  Century 21 Westman Realty Ltd.\r\n     Continues after the MoxiWorks Listings widget.\r\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 --><!-- \u2500\u2500\u2500 WHY CHOOSE C21 WESTMAN \u2500\u2500\u2500 -->\r\n<section data-c21-reveal=\"\">\r\n<h2>Why Choose Century 21 Westman<\/h2>\r\n<p>Whether you&#8217;re buying your first home or listing the one you&#8217;ve outgrown, our team brings the same local knowledge and full-service support to every deal.<\/p>\r\n<h3>Buying<\/h3>\r\n<ul>\r\n<li>Deep, firsthand expertise in the Westman-area market, from pricing to inventory<\/li>\r\n<li>Unmatched communication and negotiation from your first showing to closing day<\/li>\r\n<li>A personalized search built around how you actually want to live<\/li>\r\n<li>A technology-driven approach that surfaces the right listings faster<\/li>\r\n<li>Access to an extensive inventory of homes across the region<\/li>\r\n<\/ul>\r\n<a href=\"https:\/\/westmanrealty.c21.ca\/home-buying-guide\" target=\"_blank\" rel=\"noopener\">Explore Buying<\/a>\r\n<h3>Selling<\/h3>\r\n<ul>\r\n<li>Unmatched communication and negotiation that protects your bottom line<\/li>\r\n<li>A comprehensive network of buyers, agents, and industry contacts<\/li>\r\n<li>A personalized selling strategy built around your home and your timeline<\/li>\r\n<li>Expert marketing services, from professional photography to targeted campaigns<\/li>\r\n<li>Continuous support for a seamless experience from listing to closing<\/li>\r\n<\/ul>\r\n<a href=\"https:\/\/westmanrealty.c21.ca\/home-selling-guide\" target=\"_blank\" rel=\"noopener\">Explore Selling<\/a> <!-- \u2500\u2500\u2500 FIND MY AGENT TEASER (mini-hero) \u2500\u2500\u2500 -->\r\n<h3>Looking for a Specific Realtor?<\/h3>\r\n<p>Pair up with an agent who knows your community inside and out, browse our full team, and reach out directly.<\/p>\r\n<a href=\"https:\/\/westmanrealty.c21.ca\/directory\" target=\"_blank\" rel=\"noopener\">Meet Our Agents<\/a><\/section>\r\n<!-- \u2500\u2500\u2500 GET IN TOUCH (heading only) \u2500\u2500\u2500 -->\r\n<section id=\"contact\" data-c21-reveal=\"\">\r\n<h2>Get in Touch<\/h2>\r\n<p>Have a question about buying, selling, or a specific listing? Send us a message and the right person on our team will follow up.<\/p>\r\n<\/section>\r\n<!-- \/.c21w-home (part 2) --><!-- \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\r\n     \u2191 END PART 2: this HTML block ends here.\r\n     Next in Beaver Builder: add a NEW ROW and drag in\r\n     the native \"Contact Me Module\" (found in the module\r\n     picker, not a shortcode\/paste). Then add one more\r\n     HTML block below it and paste home-part-3.html.\r\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 -->\r\n<p><link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\" \/><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Big+Shoulders+Display:wght@700;800&amp;family=Karla:ital,wght@0,400;0,500;0,700;1,400&amp;display=swap\" rel=\"stylesheet\" \/><\/p>\r\n<p><style>\r\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\r\n   HOME \u00b7 PART 3  |  Century 21 Westman Realty Ltd.\r\n   Prefix: c21w-home__   (safe from MoxiWorks collisions)\r\n   Continues directly after the \"Contact Me Module\" row.\r\n   Global theme footer follows automatically; no footer here.\r\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 *\/\r\n.c21w-home {\r\n  \/* \u2500\u2500\u2500 Tokens (identical across all three parts) \u2500\u2500\u2500 *\/\r\n  --bg: oklch(0.09 0 0);\r\n  --surface: oklch(0.14 0.012 85);\r\n  --surface-2: oklch(0.19 0.014 85);\r\n  --ink: oklch(0.94 0.006 85);\r\n  --muted: oklch(0.72 0.02 85);\r\n  --accent: oklch(0.76 0.11 85);\r\n  --accent-fill: oklch(0.87 0.08 85);\r\n  --accent-ink: oklch(0.10 0.01 85);\r\n  --border: oklch(1 0 0 \/ 0.08);\r\n  --border-strong: oklch(1 0 0 \/ 0.18);\r\n  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px; --space-sm: 16px;\r\n  --space-md: 24px;  --space-lg: 32px;  --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;\r\n  --radius-sm: 2px; --radius-md: 4px;\r\n  --font-display: 'Big Shoulders Display', sans-serif;\r\n  --font-body: 'Karla', sans-serif;\r\n  \/* Fixed px, not rem: the host theme sets html{font-size:10px}, which\r\n     would silently shrink every rem-based value to 62.5% of intended size. *\/\r\n  --text-base: 17px;\r\n  --text-sm: 15px;\r\n  --text-xl: clamp(28px, 17.6px + 2vw, 40px);\r\n  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);\r\n  --dur-fast: 150ms; --dur-base: 250ms; --dur-entrance: 650ms;\r\n  width: 100vw;\r\n  margin-left: calc((100vw - 100%) \/ -2);\r\n  background: var(--bg);\r\n  color: var(--ink);\r\n  font-family: var(--font-body);\r\n  font-size: var(--text-base);\r\n  line-height: 1.65;\r\n  overflow-x: hidden;\r\n}\r\n.c21w-home *,\r\n.c21w-home *::before,\r\n.c21w-home *::after { box-sizing: border-box; }\r\n\/* \u2500\u2500\u2500 Kill trailing padding\/margin so the global footer sits flush \u2500\u2500\u2500 *\/\r\nbody.page .fl-row-content-wrap:last-of-type,\r\nbody.page .fl-builder-content > .fl-row:last-child .fl-row-content-wrap { padding-bottom: 0 !important; }\r\n\/* Beaver Builder's own HTML-module wrapper adds a default 20px margin-bottom;\r\n   target only the wrapper around THIS module so nothing else on the page is affected.\r\n   (No direct-child combinator: #c21w-home-p3 sits inside an extra .fl-html wrapper.) *\/\r\n.fl-module-content:has(#c21w-home-p3) { margin-bottom: 0 !important; }\r\n.c21w-home a { color: inherit; text-decoration: none; }\r\n.c21w-home :focus { outline: none; }\r\n.c21w-home :focus-visible {\r\n  outline: 2px solid var(--accent);\r\n  outline-offset: 3px;\r\n}\r\n.c21w-home__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  padding: 0 var(--space-lg);\r\n  font-family: var(--font-body);\r\n  font-weight: 700;\r\n  font-size: var(--text-sm);\r\n  letter-spacing: 0.04em;\r\n  text-transform: uppercase;\r\n  border-radius: var(--radius-sm);\r\n  cursor: pointer;\r\n  transition: background-color var(--dur-base) var(--ease-out-quart),\r\n              color var(--dur-base) var(--ease-out-quart),\r\n              border-color var(--dur-base) var(--ease-out-quart),\r\n              transform var(--dur-fast) var(--ease-out-quart);\r\n}\r\n.c21w-home__btn:active { transform: scale(0.97); }\r\na.c21w-home__btn--dark {\r\n  background: var(--bg);\r\n  border: 1.5px solid var(--bg);\r\n  color: var(--accent);\r\n}\r\na.c21w-home__btn--dark:hover {\r\n  background: transparent;\r\n  border-color: var(--bg);\r\n  color: var(--bg);\r\n}\r\n\/* \u2500\u2500\u2500 Reveal-on-scroll \u2500\u2500\u2500 *\/\r\n[data-c21-reveal] {\r\n  opacity: 0;\r\n  transform: translateY(16px);\r\n  transition: opacity var(--dur-entrance) var(--ease-out-quart), transform var(--dur-entrance) var(--ease-out-quart);\r\n}\r\n[data-c21-reveal].c21w-visible { opacity: 1; transform: translateY(0); }\r\n@media (prefers-reduced-motion: reduce) {\r\n  [data-c21-reveal] { transition-duration: 0.01ms !important; opacity: 1 !important; transform: none !important; }\r\n}\r\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\r\n   RECRUITING BANNER\r\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 *\/\r\n.c21w-home__recruit {\r\n  position: relative;\r\n  isolation: isolate;\r\n  padding: var(--space-3xl) 6vw;\r\n  background: var(--accent-fill);\r\n  color: var(--accent-ink);\r\n  text-align: center;\r\n}\r\n.c21w-home__recruit::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  background-image:\r\n    linear-gradient(90deg, oklch(0.10 0.01 85 \/ 0.08) 1px, transparent 1px),\r\n    linear-gradient(0deg, oklch(0.10 0.01 85 \/ 0.08) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n  mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 20%, black 80%, transparent 100%);\r\n}\r\n.c21w-home__recruit-h2 {\r\n  font-family: var(--font-display);\r\n  font-weight: 800;\r\n  font-size: var(--text-xl);\r\n  letter-spacing: -0.01em;\r\n  text-transform: uppercase;\r\n  margin: 0;\r\n  color: var(--accent-ink);\r\n}\r\n.c21w-home__recruit-p {\r\n  margin: var(--space-xs) auto 0;\r\n  max-width: 56ch;\r\n  font-size: var(--text-base);\r\n  color: oklch(0.10 0.01 85 \/ 0.82);\r\n}\r\n.c21w-home__recruit .c21w-home__btn { margin-top: var(--space-lg); }\r\n@media (max-width: 860px) {\r\n  .c21w-home__recruit { padding: var(--space-2xl) 6vw; }\r\n}\r\n<\/style><\/p>\r\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\r\n     HOME PAGE \u00b7 PART 3  |  Century 21 Westman Realty Ltd.\r\n     Continues after the \"Contact Me Module\" row.\r\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 --><!-- \u2500\u2500\u2500 RECRUITING BANNER \u2500\u2500\u2500 -->\r\n<section data-c21-reveal=\"\">\r\n<h2>Is Real Estate Your Next Career Step?<\/h2>\r\n<p>Century 21 Westman Realty Ltd. is always looking for driven people ready to build a career in real estate. Take two minutes to find out if it&#8217;s the right fit for you.<\/p>\r\n<a href=\"https:\/\/westmanrealty.c21.ca\/career-assessment\" target=\"_blank\" rel=\"noopener\">Take the Career Test<\/a><\/section>\r\n<!-- \/.c21w-home (part 3) --><!-- Global theme footer follows automatically. -->","protected":false},"excerpt":{"rendered":"<p>Your Key toWestman Real Estate Local expertise across Brandon and the Westman region, backed by the market knowledge and the team at Century 21 Westman Realty Ltd. to guide your next move, whether you&#8217;re buying or selling. Get in Touch Browse Listings Communities We Serve From Brandon to the surrounding Westman region, our agents know [&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-2130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/2130","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=2130"}],"version-history":[{"count":51,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/2130\/revisions"}],"predecessor-version":[{"id":2200,"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/pages\/2130\/revisions\/2200"}],"wp:attachment":[{"href":"https:\/\/westmanrealty.c21.ca\/fr-ca\/wp-json\/wp\/v2\/media?parent=2130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}