body {font-size: 1.6rem; line-height: 1.6; font-weight: 400; font-family: "Inter"} h1, h2, h3, h4, h5, h6 {font-family: "Fraunces"; font-weight: 600} h1 {font-size: 4rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 700; color: hsl(46, 34%, 39%)} h2 {font-size: 3.2rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.02em} h3 {font-size: 2.4rem; line-height: 1.2; letter-spacing: -0.01em; font-weight: 700} h4 {font-size: 2.0rem; line-height: 1.25; font-weight: 700; letter-spacing: -0.01em} h5 {font-size: 1.8rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em} h6 {font-size: 1.6rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em} .brxe-section {width: 100%; padding-top: 120px; padding-right: 24px; padding-bottom: 120px; padding-left: 24px; row-gap: 24px; column-gap: 24px; margin-right: 0; margin-left: 0} .brxe-container {width: 100%; max-width: 1440px; row-gap: 24px; column-gap: 24px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} .brxe-block {width: 100%; max-width: 1440px; column-gap: 24px; row-gap: 24px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--str-green)} .bricks-button {font-size: 1.4rem; color: var(--str-white); font-weight: 500; border: 1px solid var(--str-green); transition: background-color 1.5s ease, border-color 1.5s ease, color 1.5s ease;} .bricks-button.outline {border: 1px solid var(--str-green); background-color: rgba(31, 168, 74, 0); color: var(--str-green)} :root .bricks-button[class*="primary"] {color: var(--str-white); font-size: 1.4rem; font-weight: 500; border: 1px solid var(--str-green)} :root .bricks-button[class*="primary"].outline {background-color: rgba(31, 168, 74, 0); border: 1px solid var(--str-green); color: var(--str-green)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--str-green)} :root .bricks-button[class*="secondary"] {color: var(--str-white); border: 1px solid var(--str-ink)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--str-ink)} :root .bricks-button[class*="secondary"].outline {background-color: rgba(14, 20, 19, 0); border: 1px solid var(--str-ink); color: var(--str-ink)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--str-ink)} :root .bricks-button[class*="light"].outline {color: var(--str-white); border: 1px solid var(--str-white)}@media (max-width: 991px) { .brxe-section {column-gap: 16px; row-gap: 16px; padding-top: 96px; padding-right: 16px; padding-bottom: 96px; padding-left: 16px} .brxe-container {column-gap: 16px; row-gap: 16px; max-width: 100%} #brx-content.wordpress {max-width: 100%} .brxe-block {max-width: 100%; column-gap: 16px; row-gap: 16px}}@media (max-width: 767px) { .brxe-section {padding-top: 72px; padding-right: 8px; padding-bottom: 72px; padding-left: 8px} .brxe-block {width: 100%; max-width: 100%; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; column-gap: 16px; row-gap: 16px}}