html {background-color: var(--primary-white)} body {background: none} html {font-size: 100%} body {font-size: var(--text-m); color: var(--primary-black); line-height: 1.5; font-weight: 500; font-family: "Roobert"} h1, h2, h3, h4, h5, h6 {color: var(--primary-black); font-weight: 500; line-height: 1.25; font-family: "Roobert"} h1 {line-height: 1; font-weight: 500; letter-spacing: -0.28rem; font-size: var(--h1)} h2 {font-weight: 500; line-height: 1; letter-spacing: -0.18rem; font-size: var(--h2)} h3 {font-weight: 500; line-height: 1.125; font-size: var(--h3)} h4 {font-size: var(--text-m)} .brxe-section {padding-top: var(--space-96); padding-right: var(--gutter); padding-bottom: var(--space-96); padding-left: var(--gutter)} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} :where(.bricks-button) {transition: var(--transition-medium); font-size: var(--text-m); line-height: 1; font-weight: 500; letter-spacing: 0px}.brx-popup.hide .team-popup__content { transform: translateX(100%); transition: 0.6s 0.1s;}.brx-popup .brx-popup-backdrop { transition: visibility 0s, opacity .6s;}.brx-popup.hide { transition: visibility 0.7s 0s, opacity .6s .5s;}.brx-popup.hide .brx-popup-backdrop { transition: visibility 0.7s 0s, opacity .6s .5s;}@media (max-width: 478px) { h1 {letter-spacing: -0.15rem} h2 {letter-spacing: -0.15rem}}