:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --mbb-primary: #f7f5f1; --mbb-secondary: #e8e1db; --mbb-accent: #566253; --mbb-text: #38423b; --mbb-primary-d-1: #e1dfdb; --mbb-primary-d-2: #cac8c5; --mbb-primary-d-3: #b4b2af; --mbb-primary-d-4: #9d9c99; --mbb-primary-d-5: #878683; --mbb-primary-d-6: #706f6e; --mbb-primary-d-7: #5a5958; --mbb-primary-d-8: #434342; --mbb-primary-d-9: #2d2d2c; --mbb-primary-d-10: #161616; --mbb-text-l-1: #4a534d; --mbb-text-l-2: #5c645f; --mbb-text-l-3: #6e7670; --mbb-text-l-4: #808782; --mbb-text-l-5: #929894; --mbb-text-l-6: #a5a9a6; --mbb-text-l-7: #b7bab8; --mbb-text-l-8: #c9cbca; --mbb-text-l-9: #dbdddb; --mbb-text-l-10: #edeeed; --mbb-text-d-1: #333c36; --mbb-text-d-2: #2e3630; --mbb-text-d-3: #29302b; --mbb-text-d-4: #242a26; --mbb-text-d-5: #1f2420; --mbb-text-d-6: #191e1b; --mbb-text-d-7: #141815; --mbb-text-d-8: #0f1210; --mbb-text-d-9: #0a0c0b; --mbb-text-d-10: #050605; --mbb-accent-l-1: #657063; --mbb-accent-l-2: #757f72; --mbb-accent-l-3: #848d82; --mbb-accent-l-4: #939b92; --mbb-accent-l-5: #a3a9a1; --mbb-accent-l-6: #b2b8b1; --mbb-accent-l-7: #c2c6c0; --mbb-accent-l-8: #d1d4d0; --mbb-accent-l-9: #e0e2e0; --mbb-accent-l-10: #f0f1ef; --mbb-accent-d-1: #4e594b; --mbb-accent-d-2: #465044; --mbb-accent-d-3: #3f473c; --mbb-accent-d-4: #373e35; --mbb-accent-d-5: #2f352d; --mbb-accent-d-6: #272d26; --mbb-accent-d-7: #1f241e; --mbb-accent-d-8: #171b17; --mbb-accent-d-9: #10120f; --mbb-accent-d-10: #080908; --mbb-warm-accent: #ba805f; --mbb-accent-t-1: hsla(108, 8%, 35%, 0.09); --mbb-accent-t-2: hsla(108, 8%, 35%, 0.18); --mbb-accent-t-3: hsla(108, 8%, 35%, 0.27); --mbb-accent-t-4: hsla(108, 8%, 35%, 0.36); --mbb-accent-t-5: hsla(108, 8%, 35%, 0.45); --mbb-accent-t-6: hsla(108, 8%, 35%, 0.55); --mbb-accent-t-7: hsla(108, 8%, 35%, 0.64); --mbb-accent-t-8: hsla(108, 8%, 35%, 0.73); --mbb-accent-t-9: hsla(108, 8%, 35%, 0.82); --mbb-accent-t-10: hsla(108, 8%, 35%, 0.91); --mbb-warm-accent-l-1: #c08c6e; --mbb-warm-accent-l-2: #c7977c; --mbb-warm-accent-l-3: #cda38b; --mbb-warm-accent-l-4: #d3ae99; --mbb-warm-accent-l-5: #d9baa8; --mbb-warm-accent-l-6: #e0c5b6; --mbb-warm-accent-l-7: #e6d1c5; --mbb-warm-accent-l-8: #ecdcd3; --mbb-warm-accent-l-9: #f2e8e2; --mbb-warm-accent-l-10: #f9f3f0; --mbb-warm-accent-d-1: #a97456; --mbb-warm-accent-d-2: #98694e; --mbb-warm-accent-d-3: #875d45; --mbb-warm-accent-d-4: #76513c; --mbb-warm-accent-d-5: #654634; --mbb-warm-accent-d-6: #553a2b; --mbb-warm-accent-d-7: #442f23; --mbb-warm-accent-d-8: #33231a; --mbb-warm-accent-d-9: #221711; --mbb-warm-accent-d-10: #110c09; --mbb-h6: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --mbb-h5: clamp(1.71rem, calc(0.000833333333333334 * (100vw - 36rem) + 1.71rem), 1.8rem); --mbb-h4: clamp(1.82rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.82rem), 2.02rem); --mbb-h3: clamp(1.94rem, calc(0.003148148148148147 * (100vw - 36rem) + 1.94rem), 2.28rem); --mbb-h2: clamp(2.07rem, calc(0.004537037037037039 * (100vw - 36rem) + 2.07rem), 2.56rem); --mbb-h1: clamp(2.21rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2.21rem), 2.88rem); --text-2xs: clamp(0.82rem, calc(0.0009259259259259267 * (100vw - 36rem) + 0.82rem), 0.92rem); --text-xs: clamp(1.02rem, calc(0.0012037037037037027 * (100vw - 36rem) + 1.02rem), 1.15rem); --text-s: clamp(1.28rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.28rem), 1.44rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2rem), 2.25rem); --text-xl: clamp(2.5rem, calc(0.002870370370370371 * (100vw - 36rem) + 2.5rem), 2.81rem); --text-2xl: clamp(3.13rem, calc(0.0036111111111111122 * (100vw - 36rem) + 3.13rem), 3.52rem); --mbb-space-fluid-2xs: clamp(0.59rem, calc(0.0027777777777777783 * (100vw - 36rem) + 0.59rem), 0.89rem); --mbb-space-fluid-xs: clamp(0.89rem, calc(0.004074074074074075 * (100vw - 36rem) + 0.89rem), 1.33rem); --mbb-space-fluid-s: clamp(1.33rem, calc(0.0062037037037037035 * (100vw - 36rem) + 1.33rem), 2rem); --mbb-space-fluid-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --mbb-space-fluid-l: clamp(3rem, calc(0.013888888888888888 * (100vw - 36rem) + 3rem), 4.5rem); --mbb-space-fluid-xl: clamp(4.5rem, calc(0.020833333333333332 * (100vw - 36rem) + 4.5rem), 6.75rem); --mbb-space-fluid-2xl: clamp(6.75rem, calc(0.0312962962962963 * (100vw - 36rem) + 6.75rem), 10.13rem); --section-space-2xs: clamp(2.05rem, calc(0.0044444444444444444 * (100vw - 36rem) + 2.05rem), 2.53rem); --section-space-xs: clamp(2.56rem, calc(0.007592592592592591 * (100vw - 36rem) + 2.56rem), 3.38rem); --section-space-s: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --section-space-m: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --section-space-l: clamp(5rem, calc(0.027777777777777776 * (100vw - 36rem) + 5rem), 8rem); --section-space-xl: clamp(6.25rem, calc(0.04083333333333333 * (100vw - 36rem) + 6.25rem), 10.66rem); --section-space-2xl: clamp(7.81rem, calc(0.05925925925925927 * (100vw - 36rem) + 7.81rem), 14.21rem); --section-padding-x: var(--mbb-space-m); --section-padding-y: var(--section-space-m);}.bg-mbb-accent { background-color: var(--mbb-accent); }.bg-mbb-accent-l-1 { background-color: var(--mbb-accent-l-1); }.bg-mbb-accent-l-2 { background-color: var(--mbb-accent-l-2); }.bg-mbb-accent-l-3 { background-color: var(--mbb-accent-l-3); }.bg-mbb-accent-l-4 { background-color: var(--mbb-accent-l-4); }.bg-mbb-accent-l-5 { background-color: var(--mbb-accent-l-5); }.bg-mbb-accent-l-6 { background-color: var(--mbb-accent-l-6); }.bg-mbb-accent-l-7 { background-color: var(--mbb-accent-l-7); }.bg-mbb-accent-l-8 { background-color: var(--mbb-accent-l-8); }.bg-mbb-accent-l-9 { background-color: var(--mbb-accent-l-9); }.bg-mbb-accent-l-10 { background-color: var(--mbb-accent-l-10); }.bg-mbb-accent-d-1 { background-color: var(--mbb-accent-d-1); }.bg-mbb-accent-d-2 { background-color: var(--mbb-accent-d-2); }.bg-mbb-accent-d-3 { background-color: var(--mbb-accent-d-3); }.bg-mbb-accent-d-4 { background-color: var(--mbb-accent-d-4); }.bg-mbb-accent-d-5 { background-color: var(--mbb-accent-d-5); }.bg-mbb-accent-d-6 { background-color: var(--mbb-accent-d-6); }.bg-mbb-accent-d-7 { background-color: var(--mbb-accent-d-7); }.bg-mbb-accent-d-8 { background-color: var(--mbb-accent-d-8); }.bg-mbb-accent-d-9 { background-color: var(--mbb-accent-d-9); }.bg-mbb-accent-d-10 { background-color: var(--mbb-accent-d-10); }.bg-mbb-accent-t-1 { background-color: var(--mbb-accent-t-1); }.bg-mbb-accent-t-2 { background-color: var(--mbb-accent-t-2); }.bg-mbb-accent-t-3 { background-color: var(--mbb-accent-t-3); }.bg-mbb-accent-t-4 { background-color: var(--mbb-accent-t-4); }.bg-mbb-accent-t-5 { background-color: var(--mbb-accent-t-5); }.bg-mbb-accent-t-6 { background-color: var(--mbb-accent-t-6); }.bg-mbb-accent-t-7 { background-color: var(--mbb-accent-t-7); }.bg-mbb-accent-t-8 { background-color: var(--mbb-accent-t-8); }.bg-mbb-accent-t-9 { background-color: var(--mbb-accent-t-9); }.bg-mbb-accent-t-10 { background-color: var(--mbb-accent-t-10); }.bg-mbb-warm-accent { background-color: var(--mbb-warm-accent); }.bg-mbb-warm-accent-l-1 { background-color: var(--mbb-warm-accent-l-1); }.bg-mbb-warm-accent-l-2 { background-color: var(--mbb-warm-accent-l-2); }.bg-mbb-warm-accent-l-3 { background-color: var(--mbb-warm-accent-l-3); }.bg-mbb-warm-accent-l-4 { background-color: var(--mbb-warm-accent-l-4); }.bg-mbb-warm-accent-l-5 { background-color: var(--mbb-warm-accent-l-5); }.bg-mbb-warm-accent-l-6 { background-color: var(--mbb-warm-accent-l-6); }.bg-mbb-warm-accent-l-7 { background-color: var(--mbb-warm-accent-l-7); }.bg-mbb-warm-accent-l-8 { background-color: var(--mbb-warm-accent-l-8); }.bg-mbb-warm-accent-l-9 { background-color: var(--mbb-warm-accent-l-9); }.bg-mbb-warm-accent-l-10 { background-color: var(--mbb-warm-accent-l-10); }.bg-mbb-warm-accent-d-1 { background-color: var(--mbb-warm-accent-d-1); }.bg-mbb-warm-accent-d-2 { background-color: var(--mbb-warm-accent-d-2); }.bg-mbb-warm-accent-d-3 { background-color: var(--mbb-warm-accent-d-3); }.bg-mbb-warm-accent-d-4 { background-color: var(--mbb-warm-accent-d-4); }.bg-mbb-warm-accent-d-5 { background-color: var(--mbb-warm-accent-d-5); }.bg-mbb-warm-accent-d-6 { background-color: var(--mbb-warm-accent-d-6); }.bg-mbb-warm-accent-d-7 { background-color: var(--mbb-warm-accent-d-7); }.bg-mbb-warm-accent-d-8 { background-color: var(--mbb-warm-accent-d-8); }.bg-mbb-warm-accent-d-9 { background-color: var(--mbb-warm-accent-d-9); }.bg-mbb-warm-accent-d-10 { background-color: var(--mbb-warm-accent-d-10); }