.brxe-section {padding-top: var(--s-9); padding-bottom: var(--s-9)} .brxe-container {width: clamp(250px, 100vw - 80px, 1200px)} .woocommerce main.site-main {width: clamp(250px, 100vw - 80px, 1200px)} #brx-content.wordpress {width: clamp(250px, 100vw - 80px, 1200px)} html {background-color: var(--c-cream)} body {background: none} body {line-height: 1.55; font-size: var(--fs-m); color: var(--c-ink3); font-family: "Geist"} h1 {color: var(--c-ink); font-family: "Geist"} h2 {color: var(--c-ink); font-size: var(--fs-2); font-weight: 600; line-height: 1.05; letter-spacing: -0.028em; font-family: "Geist"} h3 {font-family: "Geist"; font-weight: 600; line-height: 1.15; letter-spacing: -0.018px; color: var(--c-ink)} h4 {font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; font-family: "Geist"} .bricks-type-hero {font-size: var(--fs-1); font-weight: 500; letter-spacing: -0.035em; line-height: 1.05; font-family: "Geist"} .bricks-type-lead {font-size: var(--fs-2); font-weight: 600; line-height: 1.05; letter-spacing: -0.028em; font-family: "Geist"} .bricks-button {color: var(--c-ink); font-size: var(--fs-m); text-align: center; font-weight: 500; font-family: "Geist"; border-radius: var(--r-xl); padding-top: 14px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--c-brand-lime)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--c-brand-lime-deep)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 255, 255, .1)} :root .bricks-button[class*="secondary"] {border: 1px solid rgba(255, 255, 255, 0.2); color: var(--c-paper); font-family: "Geist"} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(255,255,255,0.18)}