body {font-size: clamp(15px, 1.2vw, 16px); line-height: 1.75; font-family: "Inter Medium"; font-weight: 500} h1 {font-style: normal; text-transform: uppercase; font-size: clamp(28px, 3.5vw, 38px); font-family: "Vulf Mono Light"; font-weight: 400} h2 {font-family: "Inter Medium"; font-style: normal; font-weight: 500; font-size: clamp(21px, 2.5vw, 26px); line-height: 1.3} h3 {font-family: "Inter Medium"; font-weight: 300; font-size: clamp(18px, 2vw, 22px); line-height: 1.4} h4 {font-size: clamp(16px, 1.8vw, 20px); font-family: "Inter Medium"; font-weight: 300; line-height: 1,4} h5 {font-family: "Inter Medium"; font-weight: 300; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.5} h6 {font-family: "Inter Medium"; font-weight: 300; font-size: clamp(14px, 1.4vw, 16px); line-height: 1.5} .bricks-type-hero {font-size: 20px; font-family: "Besley Bold"; font-weight: 700; text-transform: uppercase; font-style: normal} .bricks-type-lead {font-size: 20px; font-family: "Besley Bold"; font-weight: 400; font-style: normal}:root {  --space-page-mobile: 24px;  --space-page-landscape: 24px;  --space-page-tablet: 40px;  --space-page-desktop: 60px;   --space-page: var(--space-page-mobile);}.brx-container { padding-left: var(--space-page); padding-right: var(--space-page);}@media (min-width: 480px) and (max-width: 767px) { :root { --space-page: var(--space-page-landscape); }}@media (min-width: 768px) and (max-width: 991px) { :root { --space-page: var(--space-page-tablet); }}@media (min-width: 992px) { :root { --space-page: var(--space-page-desktop); }} .brxe-container {padding-right: 80px; padding-left: 80px}@media (max-width: 991px) { .brxe-container {padding-right: 40px; padding-left: 40px}}@media (max-width: 478px) { .brxe-container {padding-right: 24px; padding-left: 24px}}