@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-slider-nested{min-width:0;width:100%}.brxe-slider-nested .splide__slide{align-items:center;display:flex;justify-content:center;position:relative}.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev{transform:translateY(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows:not(.custom).splide__arrows--ttb .splide__arrow--prev{transform:translateX(-50%) scaleX(-1)}.brxe-slider-nested .splide__arrows svg{min-height:0;min-width:0}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-q694tj {text-align: left}@media (max-width: 478px) {#brxe-q694tj {text-align: center}}#brxe-8qvyju {font-family: "Inter"; font-size: clamp(18px, 1.5vw, 20px); font-weight: 600; line-height: 145%; color: var(--matercom-blue---800)}@media (max-width: 520px) { .mt-about__lead { font-size: 1.2rem; } }@media (max-width: 520px) { .mt-about__lead { font-size: 1.2rem !important; } } .mt-about__lead { max-width: 740px; margin-bottom: 34px; color: var(--matercom-blue---800); font-family: Montserrat, Arial, sans-serif; font-size: clamp(1.3rem, 2vw, 1.78rem); font-weight: 580; line-height: 1.42;}@media (max-width: 520px) { .mt-about__story { padding-left: 18px; } }@media (max-width: 520px) { .mt-about__story { padding-left: 18px !important; } } .mt-about__story { max-width: 680px; padding-left: 26px; border-left: 3px solid var(--matercom-blue---600); color: var(--matercom-grey);} .mt-about__story p { margin-bottom: 14px;} .mt-about__story p:last-child { color: var(--matercom-blue---950); font-weight: 720;}#brxe-62misb {width: 100%; height: 100%}@media (max-width: 800px) { .mt-about__store-photo { height: 590px; min-height: 0; border-radius: 24px 24px 88px 24px; } }@media (max-width: 520px) { .mt-about__store-photo { height: 510px; } }@media (max-width: 800px) { .mt-about__store-photo { height: 590px !important; min-height: 0 !important; border-radius: 24px 24px 88px 24px !important; } }@media (max-width: 520px) { .mt-about__store-photo { height: 510px !important; } } .mt-about__store-photo { position: relative; height: min(680px, 62vw); min-height: 560px; overflow: hidden; border-radius: 34px 34px 130px 34px; box-shadow: 0 28px 70px color-mix(in srgb, var(--matercom-blue---950) 20%, transparent); transform: rotate(1.8deg);} .mt-about__store-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%;}#brxe-v5v5l7 {font-family: "Inter"; font-size: 18px; font-weight: 800; color: var(--matercom-green---200)}#brxe-219g5p {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 600; color: var(--matercom-white)}@media (max-width: 800px) { .mt-about__store figcaption { right: 14px; bottom: 26px; } }@media (max-width: 520px) { .mt-about__store figcaption { right: 8px; bottom: 20px; min-width: 202px; } }@media (max-width: 800px) { .mt-about__store figcaption { right: 14px !important; bottom: 26px !important; } }@media (max-width: 520px) { .mt-about__store figcaption { right: 8px !important; bottom: 20px !important; min-width: 202px !important; } } .mt-about__store { position: relative;} .mt-about__store figcaption { position: absolute; right: -22px; bottom: 54px; display: flex; min-width: 225px; align-items: center; gap: 16px; padding: 17px 21px; border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--matercom-white) 45%, transparent); border-radius: 16px; color: var(--matercom-white); background: color-mix(in srgb, var(--matercom-blue---950) 90%, transparent); box-shadow: 0 18px 44px color-mix(in srgb, var(--matercom-blue---950) 22%, transparent); backdrop-filter: blur(12px); font-family: Montserrat, Arial, sans-serif; font-size: 0.84rem; font-weight: 700;} .mt-about__store figcaption strong { color: var(--matercom-green---200); font-size: 1.45rem; font-weight: 850;}@media (max-width: 800px) { .mt-about__hero-grid { grid-template-columns: 1fr; } }@media (max-width: 800px) { .mt-about__hero-grid { gap: 52px; } }@media (max-width: 800px) { .mt-about__hero-grid { grid-template-columns: 1fr !important; } }@media (max-width: 800px) { .mt-about__hero-grid { gap: 52px !important; } } .mt-about__hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.7fr); align-items: center; gap: clamp(50px, 8vw, 112px);}#brxe-yi70hk {padding-top: 88px; padding-bottom: 104px}@media (max-width: 800px) { .mt-about { font-size: 15px; } }@media (max-width: 800px) { .mt-about__shell { width: min(calc(100% - 28px), 680px); } }@media (max-width: 800px) { .mt-about__heading { align-items: center; } }@media (max-width: 520px) { .mt-about h1 { font-size: clamp(2.75rem, 17vw, 4.4rem); } }@media (max-width: 520px) { .mt-about h2 { font-size: clamp(2rem, 11vw, 3.2rem); } }@media (prefers-reduced-motion: reduce) { .mt-about * { scroll-behavior: auto; } }@media (prefers-reduced-motion: reduce) { .mt-about *::before { scroll-behavior: auto; } }@media (prefers-reduced-motion: reduce) { .mt-about *::after { scroll-behavior: auto; } }@media (max-width: 800px) { .mt-about { font-size: 15px !important; } }@media (max-width: 800px) { .mt-about__shell { width: min(calc(100% - 28px), 680px) !important; } }@media (max-width: 800px) { .mt-about__heading { align-items: center !important; } }@media (max-width: 520px) { .mt-about h1 { font-size: clamp(2.75rem, 17vw, 4.4rem) !important; } }@media (max-width: 520px) { .mt-about h2 { font-size: clamp(2rem, 11vw, 3.2rem) !important; } } .mt-about { width: 100%; overflow: hidden; color: var(--matercom-blue---950); background: var(--matercom-white); font-family: Inter, Arial, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased;} .mt-about { box-sizing: border-box;} .mt-about * { box-sizing: border-box;} .mt-about *::before { box-sizing: border-box;} .mt-about *::after { box-sizing: border-box;} .mt-about img { display: block; max-width: 100%;} .mt-about h1 { color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; line-height: 1.12;} .mt-about h2 { color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; line-height: 1.12;} .mt-about h3 { color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; line-height: 1.12;} .mt-about h1 { max-width: 760px; margin-bottom: 24px; font-size: clamp(3rem, 7vw, 6.7rem); font-weight: 800; letter-spacing: -0.065em;} .mt-about h2 { margin-bottom: 18px; font-size: clamp(2rem, 4.2vw, 4rem); font-weight: 760; letter-spacing: -0.045em;} .mt-about h3 { font-size: 1.08rem; font-weight: 700; letter-spacing: -0.02em;} .mt-about__shell { width: min(1180px, calc(100vw - 40px)); margin-inline: auto;} .mt-about__kicker { margin-bottom: 14px; color: var(--matercom-green---600); font-family: Montserrat, Arial, sans-serif; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;} .mt-about__section { padding-top: clamp(86px, 11vw, 150px); padding-bottom: clamp(86px, 11vw, 150px);} .mt-about__hero { position: relative; overflow: hidden; padding-top: clamp(72px, 10vw, 138px); padding-bottom: clamp(85px, 12vw, 155px); background: radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--matercom-green---500) 11%, transparent), transparent 29%), linear-gradient(135deg, var(--matercom-white) 0%, var(--matercom-green---50) 100%);} .mt-about__hero::before { position: absolute; top: 8%; right: -14vw; width: 38vw; height: 38vw; border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--matercom-blue---600) 15%, transparent); border-radius: 50%; content: "";} .mt-about__hero::after { position: absolute; right: 5%; bottom: 10%; width: 88px; height: 10px; border-radius: 999px; background: var(--matercom-green---600); box-shadow: 0 18px 0 var(--matercom-blue---600), 0 36px 0 var(--matercom-blue---950); content: ""; transform: rotate(-10deg); opacity: 0.74;} .mt-about__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 46px;} .mt-about__heading h2 { max-width: 800px;} .mt-about__heading p:not(.mt-about__kicker) { max-width: 660px; color: var(--matercom-grey);} .mt-about__swipe { flex: 0 0 auto; padding: 8px 13px; border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--matercom-blue---950) 12%, transparent); border-radius: 999px; color: var(--matercom-blue---800); background: var(--matercom-white); font-size: 0.78rem; font-weight: 700; white-space: nowrap;}@media (max-width: 991px) {#brxe-yi70hk {padding-top: 64px; padding-bottom: 72px}}@media (max-width: 478px) {#brxe-yi70hk {padding-top: 52px; padding-bottom: 64px}}#brxe-mctitl {color: var(--matercom-blue---900, #125567)}.brxe-mcpict { position: absolute; z-index: 2; inset: 4%; display: block; width: 92%; height: 92%;} .brxe-mcpict { width: 100%; height: 100%; object-fit: contain; object-position: center bottom;} .brxe-mcpict img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom;}.brxe-mccard .brxe-mccirc.brxe-block {overflow: hidden}.brxe-mccirc { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; border: 5px solid #fff; border-radius: 50%; background: radial-gradient(circle at 54% 35%, rgba(255, 255, 255, .92) 0 14%, transparent 35%), radial-gradient(ellipse at 50% 105%, rgba(75, 186, 235, .34) 0 25%, transparent 55%), linear-gradient(145deg, #eaf8ff 4%, #cfeeff 44%, #a9ddf8 100%); box-shadow: 0 18px 38px rgba(37, 132, 177, .18), 0 4px 12px rgba(5, 57, 71, .09), inset 0 0 0 1px rgba(68, 169, 218, .25);} .brxe-mccirc::before { content: ""; position: absolute; left: -8%; right: -8%; bottom: 8%; height: 22%; border-radius: 50%; border-top: 2px solid rgba(255, 255, 255, .58); transform: rotate(-4deg); pointer-events: none;} .brxe-mccirc::after { content: ""; position: absolute; left: -8%; right: -8%; bottom: 8%; height: 22%; border-radius: 50%; border-top: 2px solid rgba(255, 255, 255, .58); transform: rotate(-4deg); pointer-events: none;} .brxe-mccirc::after { bottom: 2%; border-top-color: rgba(56, 167, 219, .24); transform: rotate(3deg);}.brxe-mcicon { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} .brxe-mcicon { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%) invert(28%) sepia(32%) saturate(1299%) hue-rotate(151deg) brightness(92%) contrast(94%);} .brxe-mcicon img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%) invert(28%) sepia(32%) saturate(1299%) hue-rotate(151deg) brightness(92%) contrast(94%);}@media (max-width: 767px) { .brxe-mcbadg { left: -2%; padding: 10px; border-width: 3px; }} .brxe-mcbadg { position: absolute; z-index: 5; top: 7%; left: -5%; display: flex; align-items: center; justify-content: center; width: clamp(54px, 30%, 68px); aspect-ratio: 1; padding: 12px; overflow: hidden; border: 4px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #f7fdff 0%, #e4f6ff 100%); box-shadow: 0 10px 24px rgba(18, 85, 103, .16), 0 2px 7px rgba(18, 85, 103, .10), inset 0 0 0 1px rgba(18, 85, 103, .12);} .brxe-mcbadg:not(:has(img)) { display: none;}.brxe-mccard .brxe-mcvisu.brxe-block {overflow: visible; position: relative}@media (max-width: 991px) { .brxe-mcvisu { width: min(100%, 200px); }}@media (max-width: 767px) { .brxe-mcvisu { width: min(100%, 168px); }} .brxe-mcvisu { position: relative; width: min(100%, 220px); aspect-ratio: 1; flex: 0 0 auto; overflow: visible;}@media (max-width: 767px) { .brxe-mcname { font-size: 13px; }} .brxe-mcname { width: 100%; color: var(--matercom-blue---900, #125567); font-family: Montserrat, sans-serif; font-size: clamp(14px, 1.1vw, 17px); font-weight: 700; line-height: 1.2; text-align: center;}.brxe-mcline { width: 42%; max-width: 74px; height: 4px; margin-top: 10px; border-radius: 99px; background: linear-gradient(90deg, #7ed8ff, var(--matercom-blue---600, #00a7c0));}@media (max-width: 767px) { .brxe-mclabl { width: 96%; min-height: 70px; padding: 13px 10px 11px; border-radius: 20px; }} .brxe-mclabl { position: relative; z-index: 6; display: flex; flex-direction: column; align-items: center; justify-content: center; width: min(92%, 246px); min-height: 76px; margin-top: -27px; padding: 15px 18px 13px; border: 1px solid rgba(18, 85, 103, .08); border-radius: 24px; background: rgba(255, 255, 255, .97); box-shadow: 0 16px 32px rgba(18, 85, 103, .13), 0 3px 10px rgba(18, 85, 103, .07); transition: transform .22s ease, box-shadow .22s ease;}.brxe-mccard.brxe-block {width: 100%; overflow: visible}@media (hover: hover) { .brxe-mccard:hover .brxe-mclabl { transform: translateY(-5px); box-shadow: 0 21px 38px rgba(18, 85, 103, .17), 0 4px 12px rgba(18, 85, 103, .09); }}@media (hover: hover) { .brxe-mccard:hover .brxe-mccirc { box-shadow: 0 22px 44px rgba(37, 132, 177, .23), 0 5px 14px rgba(5, 57, 71, .11), inset 0 0 0 1px rgba(68, 169, 218, .28); }}@media (max-width: 767px) { .brxe-mccard { padding-inline: 4px; }} .brxe-mccard { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height: 100%; padding: 6px 8px 26px; color: var(--matercom-blue---950, #053947); text-align: center; text-decoration: none; overflow: visible; isolation: isolate;}#brxe-mcslid .splide__arrow {height: 25px; width: 25px; background-color: rgba(0, 0, 0, 0); color: var(--matercom-blue---800)}#brxe-mcslid .splide__pagination .splide__pagination__page {height: 10px; width: 10px}#brxe-mcslid .splide__pagination .splide__pagination__page.is-active {height: 10px; width: 24px}#brxe-mcslid {margin-bottom: 24px; transition: all ease 0.3s; width: 100%; overflow: visible}#brxe-mcslid .splide__arrow svg {fill: var(--matercom-blue---800)}#brxe-mcslid .splide__pagination {bottom: 24px}@media (max-width: 767px) { #brxe-mcslid .splide__track { padding-inline: 6px !important; }}@media (max-width: 767px) { #brxe-mcslid .splide__arrow { display: none; }}#brxe-mcslid .splide__track { padding: 12px 8px 54px !important;}#brxe-mcslid .splide__list { align-items: stretch;}#brxe-mcslid .splide__slide { overflow: visible;}#brxe-mcslid .splide__arrow--prev { left: -3.2%;}#brxe-mcslid .splide__arrow--next { right: -3.2%;}#brxe-mcslid .splide__pagination__page { width: 10px; height: 10px; margin-inline: 3px; border-radius: 99px; background: var(--matercom-blue---900, #125567); opacity: .78; transition: width .2s ease, background-color .2s ease;}#brxe-mcslid .splide__pagination__page.is-active { width: 24px; height: 10px; background: var(--matercom-blue---600, #00a7c0); opacity: 1;}@media (max-width: 767px) {#brxe-mcslid .splide__arrow {height: 0px; width: 0px}}#brxe-mccont {column-gap: 20px; row-gap: 20px; position: relative; overflow: visible}#brxe-mccont { gap: 20px;}#brxe-mccats {position: relative; overflow: hidden}#brxe-mccats { background: radial-gradient(circle at 50% 48%, rgba(177, 229, 252, .24), transparent 42%), linear-gradient(180deg, #ffffff 0%, #f8fdff 58%, #ffffff 100%);}.brxe-nckozx .brxe-kfxslf.brxe-heading {color: var(--matercom-blue---950); font-weight: 700}@media (max-width: 478px) {.brxe-nckozx .brxe-kfxslf.brxe-heading {font-size: 12px; line-height: 125%}}.brxe-nckozx .brxe-bpjppp.brxe-icon {font-size: 12px; color: var(--matercom-blue---800); fill: var(--matercom-blue---800); padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; background-color: var(--matercom-blue---50); border-radius: 100%}.brxe-nckozx .brxe-ofnzwt.brxe-block {flex-direction: row; flex-wrap: nowrap; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; column-gap: 12px; row-gap: 4px; align-items: center; justify-content: space-between; box-shadow: 0 14px 32px 0 rgba(22, 62, 71, 0.12); margin-top: -32px; margin-bottom: 24px; border: 1px solid var(--matercom-gri); border-radius: 12px; background-color: var(--matercom-white); transition: all ease 0.3s; width: 100%}@media (max-width: 478px) {.brxe-nckozx .brxe-ofnzwt.brxe-block {min-height: 68px; column-gap: 6px}}.brxe-nckozx.brxe-block {border: 1px solid var(--matercom-gri); border-radius: 16px; justify-content: space-between; align-items: center; overflow: hidden; width: 200px; flex-direction: column; column-gap: 0px; row-gap: 0px; padding-top: 8px; padding-right: 8px; padding-left: 8px}#brxe-vuavss .splide__arrow {height: 25px; width: 25px; color: var(--matercom-blue---900)}#brxe-vuavss .splide__arrow svg {fill: var(--matercom-blue---900)}#brxe-vuavss .splide__pagination {bottom: -30px}#brxe-vuavss .splide__pagination .splide__pagination__page {color: var(--matercom-blue---900); background-color: var(--matercom-blue---900); height: 10px; width: 10px; margin-right: 3px; margin-left: 3px}#brxe-vuavss .splide__pagination .splide__pagination__page.is-active {color: var(--matercom-blue---600); background-color: var(--matercom-blue---600); height: 10px; width: 24px; border-radius: 8px}#brxe-vuavss .splide__arrow--prev {left: -3%}#brxe-vuavss .splide__arrow--next {right: -3%}#brxe-vuavss {transition: all ease 0.3s; margin-bottom: 16px}@media (hover: hover) { .brxe-nckozx:hover .brxe-ofnzwt { transform: translateY(-6px); background-color: rgba(255, 255, 255, 0.97); box-shadow: 0 14px 32px rgba(22, 62, 71, 0.13), 0 3px 10px rgba(22, 62, 71, 0.07); }} .splide__pagination li button { transition: all ease 0.2s;}@media (max-width: 767px) {#brxe-vuavss .splide__arrow {height: 0px; width: 0px}}#brxe-l9y33t {padding-top: 80px; padding-bottom: 88px; display: none}@media (max-width: 991px) {#brxe-l9y33t {padding-top: 64px; padding-bottom: 72px}}@media (max-width: 478px) {#brxe-l9y33t {padding-top: 56px; padding-bottom: 64px}}.mt-about__percent { display: grid; width: 76px; height: 76px; margin-bottom: 30px; place-items: center; border-radius: 24px; color: var(--matercom-blue---950); background: var(--matercom-green---500); font-family: Montserrat, Arial, sans-serif; font-size: 2.2rem; font-weight: 850; transform: rotate(-6deg);}#brxe-4n2prl {color: var(--matercom-white)}#brxe-hvql53 {color: var(--matercom-white)}#brxe-qac0dl {color: var(--matercom-green---100); font-family: "Inter"; font-weight: 600}.mt-about__highlight { margin-top: 36px; padding: 22px 24px; border-left: 4px solid var(--matercom-green---500); color: var(--matercom-green---100); background: color-mix(in srgb, var(--matercom-white) 6%, transparent); font-family: Montserrat, Arial, sans-serif; font-weight: 720;}#brxe-2a72i6 {padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; background-color: var(--matercom-green---700)}#brxe-2a72i6:hover {background-color: var(--matercom-green---800)}.mt-about__wholesale-copy { align-self: end; font-size: clamp(1.08rem, 1.65vw, 1.32rem); line-height: 1.62;} .mt-about__wholesale-copy p { margin-bottom: 22px;}@media (max-width: 800px) { .mt-about__wholesale-grid { grid-template-columns: 1fr; } }@media (max-width: 800px) { .mt-about__wholesale-grid { grid-template-columns: 1fr !important; } } .mt-about__wholesale-grid { position: relative; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(50px, 10vw, 140px); padding-top: clamp(90px, 12vw, 148px); padding-bottom: clamp(90px, 12vw, 148px);}.mt-about__wholesale { position: relative; overflow: hidden; color: var(--matercom-white); background: var(--matercom-blue---950);} .mt-about__wholesale::before { position: absolute; top: -45%; left: -9%; width: 620px; height: 620px; border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--matercom-blue---600) 24%, transparent); border-radius: 50%; box-shadow: 0 0 0 88px color-mix(in srgb, var(--matercom-blue---600) 5%, transparent), 0 0 0 176px color-mix(in srgb, var(--matercom-blue---600) 3%, transparent); content: "";} .mt-about__wholesale h2 { max-width: 560px; color: var(--matercom-white);}#brxe-o5hs34 {font-size: var(--paragraph-xs)}#brxe-eoj43h {font-size: var(--paragraph)}#brxe-k4ablg {font-size: 96px; color: var(--matercom-blue---800); fill: var(--matercom-blue---800)}#brxe-iuuj88 {font-size: var(--paragraph-xs)}#brxe-t6xbvy {font-size: var(--paragraph)}#brxe-upoui6 {font-size: 96px; color: var(--matercom-blue---800); fill: var(--matercom-blue---800)}#brxe-5i4940 {color: var(--matercom-white); font-size: var(--paragraph-xs)}#brxe-h18bin {color: var(--matercom-white); font-size: var(--paragraph)}#brxe-ag0s6z {font-size: 96px; color: var(--matercom-white); fill: var(--matercom-white)}@media (max-width: 800px) { .mt-about__selection-rail { grid-auto-columns: 88%; } }@media (max-width: 520px) { .mt-about__selection-card { min-height: 410px; } }@media (max-width: 800px) { .mt-about__selection-rail { grid-auto-columns: 88% !important; } }@media (max-width: 520px) { .mt-about__selection-card { min-height: 410px !important; } } .mt-about__rail { display: grid; grid-auto-flow: column; gap: 20px; overflow-x: auto; padding: 6px 3px 24px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-color: var(--matercom-blue---600) transparent; scrollbar-width: thin;} .mt-about__selection-rail { grid-auto-columns: calc((100% - 40px) / 3);} .mt-about__selection-card { position: relative; display: grid; min-height: 430px; grid-template-rows: auto 1fr 200px; overflow: hidden; padding: 28px; border-radius: 22px; color: var(--matercom-blue---950); scroll-snap-align: start;} .mt-about__selection-card:nth-child(1) { background: var(--matercom-blue---50);} .mt-about__selection-card:nth-child(2) { background: var(--matercom-green---50);} .mt-about__selection-card:nth-child(3) { color: var(--matercom-white); background: var(--matercom-blue---950);} .mt-about__selection-card>span { justify-self: end; font-family: Inter, Arial, sans-serif; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.13em; opacity: 0.62;} .mt-about__selection-card p { position: relative; z-index: 2; max-width: 320px; margin: 14px 0 20px; font-family: Inter, Arial, sans-serif; font-size: 1.3rem; font-weight: 720; line-height: 1.38;} .mt-about__product { position: relative; display: grid; place-items: center;} .mt-about__product::before { position: absolute; bottom: -85px; left: 50%; width: 320px; height: 240px; border-radius: 50%; background: color-mix(in srgb, var(--matercom-white) 72%, transparent); content: ""; transform: translateX(-50%);} .mt-about__product .brxe-icon { position: relative; z-index: 1; filter: drop-shadow(0 18px 20px color-mix(in srgb, var(--matercom-blue---950) 12%, transparent));}#brxe-aud8ar {padding-top: 88px; padding-bottom: 96px}.mt-about__selection { background: linear-gradient(color-mix(in srgb, var(--matercom-blue---950) 2.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--matercom-blue---950) 2.5%, transparent) 1px, transparent 1px), var(--matercom-white); background-size: 40px 40px;}@media (max-width: 991px) {#brxe-aud8ar {padding-top: 64px; padding-bottom: 72px}}@media (max-width: 478px) {#brxe-aud8ar {padding-top: 56px; padding-bottom: 64px}}.mt-about__online-copy h2 { max-width: 640px;} .mt-about__online-copy>p:not(.mt-about__kicker) { max-width: 650px; color: var(--matercom-grey);}#brxe-sohoe0 {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-shyygt {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-gpsgr3 {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-s2svf5 {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-ak57tg {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-nwzpvg {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-0nt944 {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-khofk7 {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-z1ud34 {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-b158hl {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-y4iyr9 {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 700; color: var(--matercom-blue---700)}#brxe-fhibh8 {font-family: "Inter"; font-size: var(--paragraph); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}@media (max-width: 520px) { .mt-about__info li { grid-template-columns: 38px 1fr; gap: 12px; padding: 20px 0; font-size: 0.94rem; } }@media (max-width: 520px) { .mt-about__info li { grid-template-columns: 38px 1fr !important; gap: 12px !important; padding: 20px 0 !important; font-size: 0.94rem !important; } } .mt-about__info { display: grid; align-self: start; border-top: 1px solid color-mix(in srgb, var(--matercom-blue---950) 12%, transparent); list-style: none;} .mt-about__info li { display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 18px; padding: 23px 4px; border-bottom: 1px solid color-mix(in srgb, var(--matercom-blue---950) 12%, transparent); color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; font-size: 1.03rem; font-weight: 650;} .mt-about__info span { color: var(--matercom-blue---600); font-size: 0.74rem; letter-spacing: 0.12em;}#brxe-rwum13 {font-size: 22px; color: var(--matercom-white); fill: var(--matercom-white); width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: var(--matercom-green---600); border-radius: 17px}@media (max-width: 800px) { .mt-about__needs { grid-template-columns: 1fr; } }@media (max-width: 520px) { .mt-about__needs { padding: 28px 22px; } }@media (max-width: 800px) { .mt-about__needs { grid-template-columns: 1fr !important; } }@media (max-width: 520px) { .mt-about__needs { padding: 28px 22px !important; } } .mt-about__needs { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr; gap: 26px; margin-top: 20px; padding-top: clamp(30px, 5vw, 58px); padding-right: clamp(30px, 5vw, 58px); padding-bottom: clamp(30px, 5vw, 58px); padding-left: clamp(30px, 5vw, 58px); border-width: 1px; border-style: solid; border-color: color-mix(in srgb, var(--matercom-blue---600) 26%, transparent); border-radius: 26px; background: linear-gradient(120deg, var(--matercom-blue---50), var(--matercom-green---50));} .mt-about__needs strong { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 17px; color: var(--matercom-white); background: var(--matercom-green---600); font-size: 2rem; font-weight: 500;} .mt-about__needs h3 { margin-bottom: 16px; font-size: clamp(1.45rem, 3vw, 2.2rem);} .mt-about__needs p { max-width: 860px; margin-bottom: 12px;}@media (max-width: 800px) { .mt-about__online-grid { grid-template-columns: 1fr; } }@media (max-width: 800px) { .mt-about__online-grid { grid-template-columns: 1fr !important; } } .mt-about__online-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: clamp(46px, 8vw, 110px);}#brxe-qvzuq4 {padding-top: 96px; padding-bottom: 104px}.mt-about__online { padding-top: clamp(90px, 11vw, 155px); padding-bottom: clamp(90px, 11vw, 155px); background: var(--matercom-white);}@media (max-width: 991px) {#brxe-qvzuq4 {padding-top: 72px; padding-bottom: 80px}}@media (max-width: 478px) {#brxe-qvzuq4 {padding-top: 64px; padding-bottom: 72px}}#brxe-t9bklf {width: 100%; height: 390px}@media (max-width: 800px) { .mt-about__journey-main { height: 360px; } }@media (max-width: 520px) { .mt-about__journey-main { width: 100%; height: 300px; border-radius: 22px 62px 22px 22px; } }@media (max-width: 800px) { .mt-about__journey-main { height: 360px !important; } }@media (max-width: 520px) { .mt-about__journey-main { width: 100% !important; height: 300px !important; border-radius: 22px 62px 22px 22px !important; } } .mt-about__journey-main { position: absolute; width: 100%; height: 390px; object-fit: cover; object-position: center 48%; border-radius: 26px 80px 26px 26px; box-shadow: 0 28px 70px color-mix(in srgb, var(--matercom-blue---950) 20%, transparent);}@media (max-width: 991px) {#brxe-t9bklf {height: 360px}}@media (max-width: 478px) {#brxe-t9bklf {height: 300px}}#brxe-qjh9i8 {width: 36%; height: 300px}@media (max-width: 800px) { .mt-about__journey-inset { right: 12px; bottom: 24px; width: 34%; height: 270px; } }@media (max-width: 520px) { .mt-about__journey-inset { right: 6px; bottom: 30px; width: 43%; height: 245px; border-width: 5px; border-radius: 18px 18px 46px 18px; } }@media (max-width: 800px) { .mt-about__journey-inset { right: 12px !important; bottom: 24px !important; width: 34% !important; height: 270px !important; } }@media (max-width: 520px) { .mt-about__journey-inset { right: 6px !important; bottom: 30px !important; width: 43% !important; height: 245px !important; border-width: 5px !important; border-radius: 18px 18px 46px 18px !important; } } .mt-about__journey-inset { position: absolute; right: 10px; bottom: 30px; z-index: 2; width: 36%; height: 300px; object-fit: cover; object-position: center 48%; border-width: 7px; border-style: solid; border-color: var(--matercom-white); border-radius: 24px 24px 64px 24px; box-shadow: 0 22px 52px color-mix(in srgb, var(--matercom-blue---950) 22%, transparent);}@media (max-width: 991px) {#brxe-qjh9i8 {width: 34%; height: 270px}}@media (max-width: 478px) {#brxe-qjh9i8 {width: 43%; height: 245px}}#brxe-v0a95a {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 600; color: var(--matercom-white)}#brxe-qr8voq {font-family: "Inter"; font-size: var(--paragraph-xs); font-weight: 600; color: var(--matercom-white)}@media (max-width: 520px) { .mt-about__path { right: 27%; bottom: 12px; left: 12px; padding: 16px; font-size: 0.67rem; } }@media (max-width: 520px) { .mt-about__path { right: 27% !important; bottom: 12px !important; left: 12px !important; padding: 16px !important; font-size: 0.67rem !important; } } .mt-about__path { position: absolute; right: 23%; bottom: 8px; left: 26px; z-index: 3; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 18px 22px; border-radius: 17px; color: var(--matercom-white); background: var(--matercom-blue---950); box-shadow: 0 16px 36px color-mix(in srgb, var(--matercom-blue---950) 20%, transparent); font-family: Montserrat, Arial, sans-serif; font-size: 0.76rem; font-weight: 750;} .mt-about__path i { display: block; height: 2px; background: var(--matercom-blue---600);}@media (max-width: 800px) { .mt-about__journey-visual { min-height: 550px; } }@media (max-width: 520px) { .mt-about__journey-visual { min-height: 500px; } }@media (max-width: 800px) { .mt-about__journey-visual { min-height: 550px !important; } }@media (max-width: 520px) { .mt-about__journey-visual { min-height: 500px !important; } } .mt-about__journey-visual { position: relative; min-height: 610px;}#brxe-vx2pgt {font-family: "Inter"; font-size: clamp(18px, 1.5vw, 20px); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-lq5omo {font-family: "Inter"; font-size: var(--paragraph); font-weight: 400; line-height: 161%; color: var(--matercom-grey)}#brxe-ujpc7y {font-family: "Inter"; font-size: var(--paragraph); font-weight: 400; line-height: 161%; color: var(--matercom-grey)}#brxe-6oowkd {font-family: "Inter"; font-size: var(--paragraph); font-weight: 400; line-height: 161%; color: var(--matercom-grey)}.mt-about__journey-copy p:not(.mt-about__kicker) { max-width: 670px; color: var(--matercom-grey); font-size: 1.05rem;} .mt-about__journey-copy p:first-of-type:not(.mt-about__kicker) { color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; font-size: 1.35rem; font-weight: 700;}@media (max-width: 800px) { .mt-about__journey-grid { grid-template-columns: 1fr; } }@media (max-width: 800px) { .mt-about__journey-grid { gap: 56px; } }@media (max-width: 800px) { .mt-about__journey-grid { grid-template-columns: 1fr !important; } }@media (max-width: 800px) { .mt-about__journey-grid { gap: 56px !important; } } .mt-about__journey-grid { display: grid; grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(48px, 9vw, 128px);}#brxe-rzuc40 {padding-top: 88px; padding-bottom: 96px}.mt-about__journey { background: var(--matercom-gri);}@media (max-width: 991px) {#brxe-rzuc40 {padding-top: 72px; padding-bottom: 80px}}@media (max-width: 478px) {#brxe-rzuc40 {padding-top: 64px; padding-bottom: 72px}}#brxe-tj7afn {font-size: 24px; color: var(--matercom-white); fill: var(--matercom-white); width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background-color: var(--matercom-green---600); border-radius: 22px; margin-right: auto; margin-bottom: 28px; margin-left: auto}#brxe-pxxoi4 {font-family: "Inter"; font-size: clamp(18px, 1.5vw, 20px); font-weight: 600; line-height: 150%; color: var(--matercom-blue---950)}#brxe-jpfw7d {font-family: "Inter"; font-size: var(--paragraph); font-weight: 400; line-height: 161%; color: var(--matercom-blue---800)}#brxe-mtln8u {padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; background-color: var(--matercom-green---700)}#brxe-mtln8u:hover {background-color: var(--matercom-green---800)}#brxe-2brcf2 {padding-top: 88px; padding-bottom: 96px}.mt-about__closing { position: relative; overflow: hidden; padding-top: clamp(100px, 13vw, 178px); padding-bottom: clamp(100px, 13vw, 178px); text-align: center; background: radial-gradient(circle at 50% 115%, color-mix(in srgb, var(--matercom-green---500) 22%, transparent), transparent 40%), var(--matercom-blue---50);} .mt-about__closing strong { display: grid; width: 68px; height: 68px; margin: 0 auto 28px; place-items: center; border-radius: 22px; color: var(--matercom-white); background: var(--matercom-green---600); box-shadow: 0 18px 32px color-mix(in srgb, var(--matercom-green---600) 22%, transparent); font-size: 2.4rem;} .mt-about__closing p { max-width: 740px; margin-right: auto; margin-left: auto; color: var(--matercom-blue---800); font-size: clamp(1.05rem, 2vw, 1.28rem);} .mt-about__closing p:first-of-type { color: var(--matercom-blue---950); font-family: Montserrat, Arial, sans-serif; font-size: clamp(1.25rem, 2.5vw, 1.65rem); font-weight: 700;}@media (max-width: 991px) {#brxe-2brcf2 {padding-top: 72px; padding-bottom: 80px}}@media (max-width: 478px) {#brxe-2brcf2 {padding-top: 64px; padding-bottom: 72px}}