@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {:where(.brxe-divider){align-items:center;display:flex;font-size:30px;gap:30px}:where(.brxe-divider).horizontal{width:100%}:where(.brxe-divider).horizontal .line{border-top:1px solid}:where(.brxe-divider).vertical{flex-direction:column}:where(.brxe-divider).vertical .line{border-right:1px solid;width:auto}:where(.brxe-divider) .line{position:relative;width:100%}:where(.brxe-divider) .icon{flex-shrink:0;position:relative}:where(.brxe-divider) a{display:inline-flex}}#brxe-21dfd8 {align-self: stretch !important; width: 100%; flex-direction: row; align-items: center; justify-content: center; height: 45vh; background-image: url("https://gordondebeer.co.za/wp-content/uploads/2026/06/About-Gordon-De-Beer-KZN.webp"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; background-blend-mode: multiply; background-color: var(--neutral-semi-dark); padding-top: var(--space-xs); padding-right: 0; padding-bottom: var(--space-xs); padding-left: 0}@media (max-width: 478px) {#brxe-21dfd8 {background-image: url("https://gordondebeer.co.za/wp-content/uploads/2026/06/About-Gordon-De-Beer-KZN-mobile.webp"); background-blend-mode: overlay; background-position: center center; background-repeat: no-repeat; background-size: contain; height: 35vh}}@media (max-width: 390px) {#brxe-21dfd8 {height: 30vh}}#brxe-3d9ea3 .line {height: 5px}#brxe-3d9ea3.horizontal .line {border-top-width: 5px; border-top-style: solid; width: 40px; border-top-color: var(--accent)}#brxe-3d9ea3.vertical .line {border-right-style: solid; border-right-width: 40px; border-right-color: var(--accent)}#brxe-3d9ea3 .icon {color: var(--accent)}#brxe-3d9ea3 {margin-bottom: var(--space-xs)}#brxe-93bbb9 {font-family: "Urbanist"; font-weight: 500; text-align: left; color: var(--neutral-light); letter-spacing: 0.5px; line-height: 1.3; text-transform: uppercase; font-size: var(--text-m)}@media (max-width: 478px) {#brxe-93bbb9 {line-height: 1.2; font-family: "Urbanist"; font-weight: 500; font-size: var(--text-m)}}@media (max-width: 390px) {#brxe-93bbb9 {font-family: "Urbanist"; font-weight: 500; font-size: var(--text-m)}}#brxe-0ca83d {font-family: "Playfair Display"; font-weight: 400; color: var(--white); font-size: var(--h1); line-height: 1.3; text-align: left; margin-top: 5px}@media (max-width: 478px) {#brxe-0ca83d {line-height: 1.35; font-family: "Playfair Display"; text-wrap: pretty; font-size: var(--h1); width: 18ch}}@media (max-width: 390px) {#brxe-0ca83d {font-size: var(--h1); font-family: "Playfair Display"; font-weight: 400; text-wrap: pretty; width: 18ch}}#brxe-5a36f8 {align-items: flex-start; align-self: flex-start !important; row-gap: 5px}#brxe-0e0f0f {padding-top: 10px; padding-bottom: 10px; color: #ffffff; flex-direction: row; justify-content: space-between; align-items: center; margin-top: var(--space-xl)}@media (max-width: 820px) {#brxe-0e0f0f {padding-right: 20px}}@media (max-width: 478px) {#brxe-0e0f0f {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}}#brxe-f7506f {align-self: stretch !important; width: 100%; flex-direction: row; align-items: center; justify-content: center; padding-top: var(--space-l); padding-bottom: var(--space-l); position: relative; height: 45vh; margin-top: -45vh}@media (max-width: 1112px) {#brxe-f7506f {padding-top: var(--space-s); padding-bottom: var(--space-s); height: 40vh}}@media (max-width: 478px) {#brxe-f7506f {height: 35vh; margin-top: -35vh}}@media (max-width: 390px) {#brxe-f7506f {height: 35vh; margin-top: -35vh}}#brxe-e5fb44 {text-align: left; color: var(--base); font-family: "Playfair Display"; font-weight: 500; text-transform: none; letter-spacing: 0.5px; font-size: var(--h2); text-wrap: balance; align-self: flex-start; margin-bottom: 0}@media (max-width: 820px) {#brxe-e5fb44 {text-align: left; width: 100%}}@media (max-width: 478px) {#brxe-e5fb44 {text-align: left; font-family: "Urbanist"; font-weight: 400}}@media (max-width: 390px) {#brxe-e5fb44 {text-align: left}}#brxe-e57fc2 {font-family: "Urbanist"; font-weight: 400; text-align: left; letter-spacing: 0.3px; color: var(--base); text-wrap: balance; white-space: normal}#brxe-e57fc2 a {font-family: "Urbanist"; font-weight: 400; text-align: left; letter-spacing: 0.3px; color: var(--base); text-wrap: balance; white-space: normal; font-size: inherit}@media (max-width: 820px) {#brxe-e57fc2 {width: 100%; margin-left: 0}}@media (max-width: 478px) {#brxe-e57fc2 {font-size: var(--text-m); margin-top: 0; margin-left: 0}#brxe-e57fc2 a {font-size: var(--text-m); font-size: inherit}}@media (max-width: 390px) {#brxe-e57fc2 {font-size: var(--text-m); margin-top: 0; margin-left: 0}#brxe-e57fc2 a {font-size: var(--text-m); font-size: inherit}}#brxe-e6eb22 {width: 50%; align-self: flex-end !important}#brxe-1b2e1b {color: var(--primary-ultra-dark); text-transform: none; line-height: 1.3; text-align: left; font-weight: 500; font-family: "Playfair Display"; margin-top: 85px; margin-bottom: 0; align-self: flex-end}@media (max-width: 820px) {#brxe-1b2e1b {width: 75%}}@media (max-width: 478px) {#brxe-1b2e1b {width: 85%}}#brxe-6a579d {font-family: "Urbanist"; font-weight: 400; text-align: left; letter-spacing: 0.3px; color: var(--base); text-wrap: balance; white-space: normal; align-self: flex-end}#brxe-6a579d a {font-family: "Urbanist"; font-weight: 400; text-align: left; letter-spacing: 0.3px; color: var(--base); text-wrap: balance; white-space: normal; font-size: inherit}@media (max-width: 820px) {#brxe-6a579d {width: 100%; margin-left: 0}}@media (max-width: 478px) {#brxe-6a579d {font-size: var(--text-m); margin-top: 0; margin-left: 0}#brxe-6a579d a {font-size: var(--text-m); font-size: inherit}}@media (max-width: 390px) {#brxe-6a579d {font-size: var(--text-m); margin-top: 0; margin-left: 0}#brxe-6a579d a {font-size: var(--text-m); font-size: inherit}}#brxe-45e5a4 {width: 50%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-self: flex-end !important}#brxe-1812af {align-items: stretch; flex-wrap: nowrap; flex-direction: row}@media (max-width: 820px) {#brxe-1812af {flex-direction: column}}#brxe-f984f0 {z-index: 1; display: flex; position: relative; background-color: var(--white); padding-top: var(--space-xl); padding-bottom: calc(var(--space-xxl)*1.2)}@media (max-width: 820px) {#brxe-f984f0 {background-color: var(--white)}}@media (max-width: 478px) {#brxe-f984f0 {background-color: var(--white); padding-top: var(--space-xl); padding-bottom: var(--space-xl)}}.brxe-a59825 .brxe-80900d.brxe-image {width: 100%; max-width: 100%; min-width: 100%; border-radius: var(--radius)}@media (max-width: 390px) {.brxe-a59825 .brxe-80900d.brxe-image {position: relative; top: 0px; margin-top: 20px}}.brxe-a59825 .brxe-dcb7e6.brxe-heading {margin-top: 0; font-family: "Playfair Display"; color: var(--base); font-weight: 400; font-size: var(--text-l); text-align: left; width: 100%}@media (max-width: 390px) {.brxe-a59825 .brxe-dcb7e6.brxe-heading {font-size: calc(var(--h3)*1.15)}}.brxe-a59825 .brxe-6846f5.brxe-post-reading-time {margin-top: -20px; margin-right: auto; font-family: "Urbanist"; font-weight: 500; text-align: left; letter-spacing: 0.03em; color: var(--neutral-semi-dark); font-size: calc(var(--text-m)*0.8); text-transform: none; width: 100%}.brxe-a59825 .brxe-4de204.brxe-text {color: var(--base); font-family: "Urbanist"; font-weight: 400; font-size: calc(var(--text-m)*0.9); letter-spacing: 0.8px; text-align: left; line-height: 3.7; width: 100%; margin-top: -20px; margin-bottom: 0}.brxe-a59825 .brxe-4de204.brxe-text a {color: var(--base); font-family: "Urbanist"; font-weight: 400; font-size: calc(var(--text-m)*0.9); letter-spacing: 0.8px; text-align: left; line-height: 3.7; font-size: inherit}@media (max-width: 478px) {.brxe-a59825 .brxe-4de204.brxe-text {font-size: var(--text-m); margin-top: -10px}.brxe-a59825 .brxe-4de204.brxe-text a {font-size: var(--text-m); font-size: inherit}}@media (max-width: 390px) {.brxe-a59825 .brxe-4de204.brxe-text {font-size: var(--text-m); margin-top: -10px}.brxe-a59825 .brxe-4de204.brxe-text a {font-size: var(--text-m); font-size: inherit}}.brxe-a59825 .brxe-0d8a6d.brxe-button {color: var(--white); font-family: "Urbanist"; text-transform: uppercase; font-weight: 600; font-size: calc(var(--text-s)*1.15); letter-spacing: 0.5px; background-color: var(--base); border-radius: var(--radius-circle); padding-top: calc(var(--space-xs)*0.85); padding-right: var(--space-m); padding-bottom: calc(var(--space-xs)*0.85); padding-left: var(--space-m); width: 100%}.brxe-a59825 .brxe-0d8a6d.brxe-button:hover {background-color: var(--accent-semi-light)}@media (max-width: 1112px) {.brxe-a59825 .brxe-0d8a6d.brxe-button {min-width: 100%}}@media (max-width: 478px) {.brxe-a59825 .brxe-0d8a6d.brxe-button {padding-top: var(--space-xs); padding-bottom: var(--space-xs)}}@media (max-width: 390px) {.brxe-a59825 .brxe-0d8a6d.brxe-button {padding-top: var(--space-xs); padding-bottom: var(--space-xs); width: 100%; min-width: 100%; align-items: center; justify-content: flex-end; align-self: flex-end; flex-direction: column}}.brxe-a59825.brxe-block {border: 1px solid var(--bricks-color-acss_import_transparent); border-radius: var(--radius); transition: all 0.2s ease-in-out; padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: calc(var(--space-m)*1.1); padding-left: var(--space-xs); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); background-color: var(--white); justify-self: flex-start; flex-direction: row; flex-wrap: wrap; display: flex; grid-auto-flow: row; align-items: flex-start; grid-template-columns: var(--grid-1); font-weight: 400}.brxe-a59825.brxe-block:hover {transform: translateY(-10px)}@media (max-width: 1112px) {.brxe-a59825.brxe-block {padding-right: var(--space-xs); padding-left: var(--space-xs)}}@media (max-width: 478px) {.brxe-a59825.brxe-block {flex-wrap: nowrap; padding-top: 0; padding-right: var(--space-m); padding-bottom: var(--space-l); padding-left: var(--space-m); flex-direction: column; align-self: flex-start !important; align-items: flex-start; justify-content: flex-start; grid-template-rows: var(--grid-2); grid-template-columns: var(--grid-1); width: 100%; justify-items: center; align-items: center; justify-content: center; align-content: center; border-color: var(--bricks-color-acss_import_transparent); min-height: 550px; max-height: 550px}}@media (max-width: 390px) {.brxe-a59825.brxe-block {position: relative; top: 0px; margin-top: 0; padding-right: var(--space-xs); padding-left: var(--space-xs); min-height: 640px; max-height: 640px; border-color: var(--bricks-color-acss_import_transparent); align-items: flex-start; align-self: stretch !important; width: 100%; justify-content: space-around}}#brxe-e03b8b {flex-direction: row; flex-wrap: nowrap; display: grid; align-items: initial; grid-template-columns: var(--grid-3); margin-top: var(--space-s); grid-template-rows: var(--grid-2); grid-gap: var(--grid-gap)}@media (max-width: 820px) {#brxe-e03b8b {grid-template-columns: var(--grid-2)}}@media (max-width: 478px) {#brxe-e03b8b {grid-template-columns: var(--grid-1); grid-gap: 30px}}@media (max-width: 390px) {#brxe-e03b8b {justify-items: space-between; align-items: stretch; justify-content: space-between; align-content: stretch}}#brxe-e58943 {flex-direction: column; align-items: center; position: relative; z-index: 2; top: -140px}@media (max-width: 478px) {#brxe-e58943 {position: relative; top: 0px}}#brxe-b4f7ff {flex-direction: row; display: flex; justify-content: center; padding-top: var(--space-xl); padding-bottom: var(--space-xl); background-color: var(--neutral-ultra-light)}@media (max-width: 820px) {#brxe-b4f7ff {background-color: var(--white); padding-top: var(--space-xxl)}}@media (max-width: 478px) {#brxe-b4f7ff {background-color: var(--white); padding-right: var(--space-l); padding-left: var(--space-l)}}@media (max-width: 390px) {#brxe-b4f7ff {padding-top: var(--space-xl); background-color: var(--white)}}