:root { --space-xs: clamp(0.25rem, 0.5rem + 1.5vw, 0.75rem);  --space-sm: clamp(0.5rem, 1rem + 3vw, 1.5rem);  --space-md: clamp(0.75rem, 1.5rem + 4vw, 3rem);  --space-lg: clamp(1rem, 2rem + 5vw, 4.5rem);  --space-xl: clamp(1.25rem, 2.5rem + 6vw, 6rem);  --space-2xl: clamp(1.5rem, 3rem + 7vw, 9rem);  --space-3xl: clamp(2rem, 4rem + 8vw, 12rem);   --text-xs: clamp(0.75rem, 0.5rem + 1.25vw, 1rem);  --text-sm: clamp(0.875rem, 0.625rem + 1.25vw, 1.125rem);  --text-base: clamp(1rem, 0.75rem + 1.25vw, 1.25rem);  --text-lg: clamp(1.125rem, 0.875rem + 1.25vw, 1.5rem);  --text-xl: clamp(1.25rem, 1rem + 1.25vw, 1.875rem);  --text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);  --text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 3rem);  --text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem);  --text-5xl: clamp(3rem, 2.25rem + 3.75vw, 4.5rem);  --text-6xl: clamp(3.75rem, 2.75rem + 5vw, 6rem);   --leading-tight: 1.1; --leading-normal: 1.4; --leading-relaxed: 1.6; --leading-loose: 1.8;  --font-light: 300; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700;  --tracking-tighter: clamp(-0.05em, -0.02em + -0.1vw, -0.01em); --tracking-tight: clamp(-0.025em, -0.01em + -0.05vw, 0); --tracking-normal: 0; --tracking-wide: clamp(0.025em, 0.01em + 0.05vw, 0.05em); --tracking-wider: clamp(0.05em, 0.02em + 0.1vw, 0.1em); --tracking-widest: clamp(0.1em, 0.05em + 0.2vw, 0.2em);  --container-sm: min(100%, 640px); --container-md: min(100%, 768px); --container-lg: min(100%, 1024px); --container-xl: min(100%, 1280px); --container-2xl: min(100%, 1536px);  --color-primary: #3b82f6; --color-primary-dark: #1d4ed8; --color-secondary: #64748b; --color-accent: #f59e0b; --color-success: #10b981; --color-warning: #f59e0b; --color-error: #ef4444; --color-gray-50: #f8fafc; --color-gray-100: #f1f5f9; --color-gray-200: #e2e8f0; --color-gray-300: #cbd5e1; --color-gray-400: #94a3b8; --color-gray-500: #64748b; --color-gray-600: #475569; --color-gray-700: #334155; --color-gray-800: #1e293b; --color-gray-900: #0f172a;  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);  --radius-sm: clamp(0.125rem, 0.25rem + 0.5vw, 0.375rem); --radius-md: clamp(0.25rem, 0.5rem + 0.5vw, 0.5rem); --radius-lg: clamp(0.5rem, 0.75rem + 0.5vw, 0.75rem); --radius-xl: clamp(0.75rem, 1rem + 0.5vw, 1rem);} html {font-size: 100%} body {font-size: var(--text-sm); font-family: "DM Sans"; line-height: 1.4; letter-spacing: 0em} h1, h2, h3, h4, h5, h6 {font-family: "DM Sans"; line-height: 1.3; font-weight: 500; color: var(--bricks-color-lcokpy); letter-spacing: 0em} h1 {font-size: var(--text-4xl); letter-spacing: -0.04em} h2 {font-size: var(--text-3xl); letter-spacing: -0.02em} h3 {font-size: var(--text-2xl); letter-spacing: -0.02em} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-lg)} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + * {margin-block-start: 10px} .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-section {padding-right: var(--space-sm); padding-left: var(--space-sm)} html {background-color: var(--bricks-color-oannfs)} body {background: none}@media (max-width: 1024px) { body {font-size: var(--text-sm)}}@media (max-width: 640px) { h1, h2, h3, h4, h5, h6 {font-family: "DM Sans"} body {font-family: "DM Sans"}}