/* BREAKPOINT: Desktop (BASE) */ html {background-color: var(--bricks-color-svbyyl)}
 body {background: none}
 body {font-size: 2rem; font-family: "Host Grotesk"; font-weight: 400; color: var(--bricks-color-xkeocd); letter-spacing: .2px}
 h1,  h2,  h3,  h4,  h5,  h6 {font-family: "Host Grotesk"; font-weight: 700; letter-spacing: .3px}
 .bricks-type-hero {font-size: 7.2rem}
 .brxe-section {padding-right: 3rem; padding-left: 3rem; column-gap: 4rem; row-gap: 4rem}
.brxe-divider .line {border-top-color: var(--bricks-color-vebarj)}
.brxe-divider .icon i {color: var(--bricks-color-vebarj)}
 .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]) {background-color: var(--bricks-color-akngas)}
 .bricks-button {border-radius: 1rem; font-size: 1.8rem; color: var(--bricks-color-xkeocd)}
 :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-svbyyl)}
 :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-lkzbfx)}
 :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-ssjals)}
 :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-xkeocd)}
 :root .bricks-button[class*="light"] {color: var(--bricks-color-akngas)}
 :root .bricks-button[class*="secondary"] {color: var(--bricks-color-xkeocd)}
 :root .bricks-button[class*="primary"] {color: var(--bricks-color-xkeocd)}
 :root .bricks-button[class*="dark"] {color: var(--bricks-color-akngas)}
 :root .bricks-button[class*="primary"]:hover {box-shadow: 1rem 1rem 0 0 var(--bricks-color-ssjals)}
 .bricks-button:hover {box-shadow: 1rem 1rem 0 0 var(--bricks-color-vebarj)}
 :root .bricks-button[class*="secondary"]:hover {box-shadow: 1rem 1rem 0 0 var(--bricks-color-ssjals)}
 :root .bricks-button[class*="light"]:hover {box-shadow: 1rem 1rem 0 0 var(--bricks-color-lkzbfx)}
 :root .bricks-button[class*="dark"]:hover {box-shadow: 1rem 1rem 0 0 var(--bricks-color-lviicb)}
 .brxe-container {column-gap: 4rem; row-gap: 4rem}
 .brxe-block {column-gap: 4rem; row-gap: 4rem}
 #brx-content {margin-top: 6rem; margin-bottom: 6rem}
 .content-area {margin-top: 6rem; margin-bottom: 6rem}
/* BREAKPOINT: Tablet portrait */@media (max-width: 991px) { .bricks-type-hero {font-size: 4rem}
 #brx-content {margin-top: 2rem}
 .content-area {margin-top: 2rem}
}/* BREAKPOINT: Mobile landscape */@media (max-width: 767px) { body {font-size: 1.8rem}
}