.brxe-container {width: 100%; max-width: 1440px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} html {background-color: var(--bricks-color-yvvfzf)} body {background: none} html {font-size: 100%} body {font-size: 1rem; font-family: "Inter"; letter-spacing: -0.02em; line-height: 1.3; font-weight: 200} h1, h2, h3, h4, h5, h6 {font-family: "Instrument Serif"; line-height: 1.4; font-weight: 400} h1 {font-size: clamp(5rem, 1.25rem + 10vw, 10.25rem); margin-bottom: 1rem} h2 {font-size: clamp(2.25rem, 1.179rem + 2.857vw, 3.75rem); line-height: 1.2; margin-bottom: 1rem} h3 {font-size: clamp(1.75rem, 1.393rem + 0.952vw, 2.25rem); margin-bottom: 1rem} .bricks-type-hero {font-size: clamp(5rem, 1.25rem + 10vw, 10.25rem); line-height: 0.9} .bricks-type-lead {font-family: "Geist Mono"; text-transform: uppercase; line-height: 2}:where(:root) .bricks-color-light {color: var(--bricks-color-ofoyud)}:where(:root) .bricks-background-light {background-color: var(--bricks-color-ofoyud)}:where(:root) .bricks-color-dark {color: var(--bricks-color-cxninm)}:where(:root) .bricks-background-dark {background-color: var(--bricks-color-cxninm)}:where(:root) .bricks-color-warning {color: var(--bricks-color-hcstdk)}:where(:root) .bricks-background-warning {background-color: var(--bricks-color-hcstdk)} .bricks-button {font-family: "Geist Mono"; text-transform: uppercase; font-size: clamp(1rem, 0.643rem + 0.952vw, 1.5rem); white-space: nowrap; font-weight: 400; padding-top: 0.5em; padding-right: 1.5em; padding-bottom: 0.5em; padding-left: 1.5em} .bricks-button.sm {padding-top: 0; padding-right: 0.25em; padding-bottom: 0; padding-left: 0.25em} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="primary"].outline {background-color: rgba(0, 0, 0, 0); color: var(--bricks-color-ofoyud); border: 0} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-cxninm)} :root .bricks-button[class*="secondary"].outline {color: var(--bricks-color-ofoyud)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--bricks-color-ofoyud); color: var(--bricks-color-cxninm)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-ofoyud)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-cxninm)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-mxfkuk)} .brxe-section {padding-right: 1.5rem; padding-left: 1.5rem}