html {font-size: 100%} body {font-size: 1.125rem; line-height: 1.35; font-family: "Inter", sans-serif; color: var(--colorBlack)} h1, h2, h3, h4, h5, h6 {color: var(--colorBlack); font-family: "Inter", sans-serif; font-weight: 600} h1 {font-size: clamp(3.75rem, 1.389vw + 3.333rem, 5rem); line-height: 1.15; letter-spacing: -0.02em} h2 {font-size: clamp(2rem, 1.111vw + 1.667rem, 3rem); line-height: 1.35; letter-spacing: -0.03em} h3 {font-size: clamp(1.25rem, 0.139vw + 1.208rem, 1.375rem); font-weight: 600} h4 {font-size: clamp(1.25rem, 0.139vw + 1.208rem, 1.375rem); font-weight: 600}* { margin: 0; padding: 0;}html,body { min-height: 100%; height: auto;}* { -webkit-tap-highlight-color: transparent;}header{ display: flex; align-items: center; justify-content: center; padding: 0.75rem var(--spacingHorizontal); background-color: rgba(255,255,255,0); border-bottom: 1px solid rgba(255,255,255,0);}header.scrolling{ background-color: rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.75); backdrop-filter: blur(16px)}section > div{ align-items: center;}footer{ background-color: #141414; padding: 0 var(--spacingHorizontal); display: flex; justify-content: center;} .brxe-section {padding-top: var(--spacingVertical); padding-right: var(--spacingHorizontal); padding-bottom: var(--spacingVertical); padding-left: var(--spacingHorizontal)} .brxe-container {width: 1120px} .woocommerce main.site-main {width: 1120px} #brx-content.wordpress {width: 1120px} html {background-color: var(--colorBg)} body {background: none}@media (max-width: 478px) { h1 {font-size: clamp(2.75rem, 14.545vw + -0.614rem, 3.75rem)}}