:root {  --min-viewport: 360; --max-viewport: 1600; --base-font: 10; --clamp-unit: 1vw;  --at-site-box-max-width: 1300px; --at-section-max-width: 100%; --at-blog-width: 900px; --at-header-height: 0px;  --at-space--s: 16px; --at-text--s: 16px; --at-heading--s: 20px; --at-radius--s: 8px;   --at-space--3xs: calc(var(--at-space--s, 16px) * 0.296); --at-space--2xs: calc(var(--at-space--s, 16px) * 0.444); --at-space--xs: calc(var(--at-space--s, 16px) * 0.667); --at-space--m: calc(var(--at-space--s, 16px) * 1.5); --at-space--l: calc(var(--at-space--s, 16px) * 2.25); --at-space--xl: calc(var(--at-space--s, 16px) * 3.375); --at-space--2xl: calc(var(--at-space--s, 16px) * 5.063); --at-space--3xl: calc(var(--at-space--s, 16px) * 7.594);  --at-heading--2xs: calc(var(--at-heading--s, 20px) * 0.64); --at-heading--xs: calc(var(--at-heading--s, 20px) * 0.8); --at-heading--m: calc(var(--at-heading--s, 20px) * 1.25); --at-heading--l: calc(var(--at-heading--s, 20px) * 1.563); --at-heading--xl: calc(var(--at-heading--s, 20px) * 1.953);  --at-text--2xs: calc(var(--at-text--s, 16px) * 0.79); --at-text--xs: calc(var(--at-text--s, 16px) * 0.889); --at-text--m: calc(var(--at-text--s, 16px) * 1.125); --at-text--l: calc(var(--at-text--s, 16px) * 1.266); --at-text--xl: calc(var(--at-text--s, 16px) * 1.424); --at-text--2xl: calc(var(--at-text--s, 16px) * 1.602); --at-text--3xl: calc(var(--at-text--s, 16px) * 1.802);  --at-radius--2xs: calc(var(--at-radius--s, 8px) * 0.382); --at-radius--xs: calc(var(--at-radius--s, 8px) * 0.618); --at-radius--m: calc(var(--at-radius--s, 8px) * 1.618); --at-radius--l: calc(var(--at-radius--s, 8px) * 2.618); --at-radius--xl: calc(var(--at-radius--s, 8px) * 4.236); --at-radius-full: 999rem;  --at-section-padding-block: var(--at-space--2xl, 81px); --at-gutter: var(--at-space--m, 24px); --at-block-overlap: var(--at-section-padding-block, 81px); --at-container-gap: var(--at-space--l, 36px); --at-content-gap--xs: var(--at-space--2xs, 7px); --at-content-gap--s: var(--at-space--xs, 11px); --at-content-gap: var(--at-space--s, 16px); --at-grid-gap--s: var(--at-space--xs, 11px); --at-grid-gap: var(--at-space--s, 16px); --at-grid-gap--l: var(--at-space--m, 24px);  --at-grid--1: minmax(0,1fr); --at-grid--2: repeat(2, minmax(0,1fr)); --at-grid--3: repeat(3, minmax(0,1fr)); --at-grid--4: repeat(4, minmax(0,1fr)); --at-grid--5: repeat(5, minmax(0,1fr)); --at-grid--6: repeat(6, minmax(0,1fr)); --at-grid--7: repeat(7, minmax(0,1fr)); --at-grid--8: repeat(8, minmax(0,1fr)); --at-grid--9: repeat(9, minmax(0,1fr)); --at-grid--10: repeat(10, minmax(0,1fr)); --at-grid--11: repeat(11, minmax(0,1fr)); --at-grid--12: repeat(12, minmax(0,1fr)); --at-grid--1-2: minmax(0,1fr) minmax(0,2fr); --at-grid--2-1: minmax(0,2fr) minmax(0,1fr); --at-grid--1-3: minmax(0,1fr) minmax(0,3fr); --at-grid--3-1: minmax(0,3fr) minmax(0,1fr); --at-grid-auto-col-min-width: 476px; --at-grid-auto-fit: repeat(auto-fit, minmax(min(var(--at-grid-auto-col-min-width, 476px), 100%), 1fr)); --at-grid-auto-fill: repeat(auto-fill, minmax(min(var(--at-grid-auto-col-min-width, 476px), 100%), 1fr));  --tw-shadow--1: 0 0 7px 0 var(--black-t-1, rgba(0, 0, 0, 0.94)), 0 0 14px 0 var(--black-t-1, rgba(0, 0, 0, 0.94)), 0 0 21px 0 var(--black-t-1, rgba(0, 0, 0, 0.94)); --tw-shadow--2: 0 0 7px 0 var(--black-t-13, rgba(0, 0, 0, 0.23)), 0 0 14px 0 var(--black-t-13, rgba(0, 0, 0, 0.23)), 0 0 21px 0 var(--black-t-14, rgba(0, 0, 0, 0.17)); --tw-shadow--3: 0 0 7px 0 var(--black-t-13, rgba(0, 0, 0, 0.23)), 0 0 14px 0 var(--black-t-13, rgba(0, 0, 0, 0.23)), 0 0 21px 0 var(--black-t-15, rgba(0, 0, 0, 0.11)); --tw-shadow--4: 0 0 7px 0 var(--black-t-11, rgba(0, 0, 0, 0.35)), 0 0 14px 0 var(--black-t-11, rgba(0, 0, 0, 0.35)), 0 0 21px 0 var(--black-t-12, rgba(0, 0, 0, 0.29));  --bg-primary-l: var(--white, #fff); --bg-primary-m: var(--primary-l-10, #f5f5f5); --text-backplate: var(--secondary-d-8, rgba(0, 0, 0, 0.8));  --form-txt-color--field-placeholder: var(--neutral-l-10, #999); --form-txt-color--field: var(--neutral-l-4, #333); --form-txt-color--consent: var(--neutral-l-4, #333);}@supports (font-size: clamp(1px, 2vw, 3px)) { :root { --at-space--s: clamp(calc(1rem * (10 / var(--base-font, 10))), calc(1rem * ((((-1 * var(--min-viewport, 360)) / var(--base-font, 10)) * ((20 - 10) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10))) + (10 / var(--base-font, 10)))) + (((20 - 10) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10)) * 100) * var(--clamp-unit, 1vw), calc(1rem * (20 / var(--base-font, 10)))); --at-heading--s: clamp(calc(1rem * (18 / var(--base-font, 10))), calc(1rem * ((((-1 * var(--min-viewport, 360)) / var(--base-font, 10)) * ((24 - 18) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10))) + (18 / var(--base-font, 10)))) + (((24 - 18) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10)) * 100) * var(--clamp-unit, 1vw), calc(1rem * (24 / var(--base-font, 10)))); --at-text--s: clamp(calc(1rem * (16 / var(--base-font, 10))), calc(1rem * ((((-1 * var(--min-viewport, 360)) / var(--base-font, 10)) * ((18 - 16) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10))) + (16 / var(--base-font, 10)))) + (((18 - 16) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10)) * 100) * var(--clamp-unit, 1vw), calc(1rem * (18 / var(--base-font, 10)))); --at-radius--s: clamp(calc(1rem * (5 / var(--base-font, 10))), calc(1rem * ((((-1 * var(--min-viewport, 360)) / var(--base-font, 10)) * ((10 - 5) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10))) + (5 / var(--base-font, 10)))) + (((10 - 5) / var(--base-font, 10)) / ((var(--max-viewport, 1600) - var(--min-viewport, 360)) / var(--base-font, 10)) * 100) * var(--clamp-unit, 1vw), calc(1rem * (10 / var(--base-font, 10)))); }} .brxe-container {width: var(--at-site-box-max-width)} .woocommerce main.site-main {width: var(--at-site-box-max-width)} #brx-content.wordpress {width: var(--at-site-box-max-width)} body {font-family: "Inter"; font-size: 18px; line-height: 1.5; color: var(--neutral-l-4)} h1, h2, h3, h4, h5, h6 {font-family: "Inter"} h1 {font-size: calc(var(--at-heading--xl) - 5px); text-wrap: balance} h2 {font-size: calc(var(--at-heading--xl) - 5px); text-wrap: balance} h3 {font-size: calc(var(--at-heading--m) - 3px); text-wrap: balance} h4 {font-size: calc(var(--at-heading--m) - 3px); text-wrap: balance} h5 {text-wrap: balance} h6 {text-wrap: balance} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {color: var(--primary)}