@layer bricks {.brxe-button{width:auto}}@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}}@layer bricks {.brxe-code{width:100%}}@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-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}body:not(.bricks-is-frontend) [text-split] { opacity: 1 !important;}[text-split] { opacity: 0;}.ob-fullmenu__bar { width: 100%; height: calc(120 * var(--fluid)); flex-shrink: 0; border-bottom: 2px solid var(--Red); }@media (max-width: 768px) { .ob-fullmenu__bar { display: none; }} .ob-fullmenu__title { font-size: var(--font-body); font-weight: var(--font-weight-bold); color: var(--Charcoal); text-decoration: none; transition: color var(--transition-fast); } .ob-fullmenu__title:hover { color: var(--Red); } .ob-fullmenu__col { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-16); }@media (max-width: 768px) { .ob-fullmenu__col { border-bottom: 1px solid var(--color-border); padding: var(--space-16) 0; gap: 0; } .ob-fullmenu__col:last-child { border-bottom: none; }}@media (max-width: 768px) { .ob-fullmenu__indicator { flex-shrink: 0; transition: transform 0.3s ease; }}@media (min-width: 769px) { .ob-fullmenu__indicator { display: none; }}@media (max-width: 768px) { .ob-fullmenu__toggle { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: 0; cursor: pointer; font-family: var(--font-sans); }} .ob-fullmenu__link { font-size: var(--font-sm); color: var(--color-text-muted); text-decoration: none; transition: color var(--transition-fast); } .ob-fullmenu__link:hover { color: var(--Red); } .ob-fullmenu__links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-12); }@media (max-width: 768px) { .ob-fullmenu__col--has-sub .ob-fullmenu__links { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease; padding-top: 0; } .ob-fullmenu__links { gap: var(--space-12); padding-left: var(--space-16); }}@media (min-width: 769px) { .ob-fullmenu__col--has-sub .ob-fullmenu__links { max-height: none; opacity: 1; overflow: visible; }}.ob-fullmenu__grid { display: grid; grid-template-columns: repeat(5, 1fr); row-gap: var(--space-64); column-gap: var(--space-32); }@media (max-width: 768px) { .ob-fullmenu__grid { display: flex; flex-direction: column; gap: 0; }}.ob-fullmenu__address { font-size: var(--font-sm); color: var(--color-text-muted); max-width: 300px; }.ob-fullmenu__copy { font-size: var(--font-sm); color: var(--color-text-muted); }.ob-fullmenu__footer { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; padding-top: var(--space-32); margin-top: auto; }@media (max-width: 768px) { .ob-fullmenu__footer { flex-direction: column; align-items: flex-start; gap: var(--space-8); padding-top: var(--space-24); }}.ob-fullmenu__body { display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: var(--space-64) var(--space-64) var(--space-32) var(--space-64); overflow-y: auto; }@media (max-width: 768px) { .ob-fullmenu__body { padding: var(--space-32) var(--space-24) var(--space-24) var(--space-24); overflow: hidden; }}.ob-fullmenu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--color-surface); z-index: calc(var(--z-header) - 1); transform: translateY(-100%); opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0s linear 0.6s; display: flex; flex-direction: column; }.ob-sidebar__logo svg { width: calc(117 * var(--fluid)); height: calc(45 * var(--fluid)); margin: 0 auto;}.ob-sidebar__logo { display: flex; align-items: center; justify-content: center; position: relative; left: calc(-1 * var(--space-64)) !important; width: var(--sidebar-width); height: calc(120 * var(--fluid)); margin-top: calc(-1 * var(--space-32)); margin-bottom: var(--space-48); flex-shrink: 0; max-width: none;} .ob-sidebar__link { display: block; font-size: var(--font-body); font-weight: var(--font-weight-regular); line-height: var(--leading-normal); text-decoration: none; cursor: pointer; transition: color var(--transition-fast); background: none; border: none; padding: 0; font-family: var(--font-sans); } .ob-sidebar__link:hover { color: var(--Red); } .ob-sidebar__link--active { color: var(--Red); }.ob-sidebar__nav { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); width: 100%; }.ob-sidebar { display: flex; flex-direction: column; align-items: flex-start; position: fixed; top: 0; left: 0; width: var(--sidebar-width); min-width: var(--sidebar-width); max-width: var(--sidebar-width); height: 100vh; overflow-x: hidden; overflow-y: auto; background-color: var(--color-grey); z-index: var(--z-sidebar); flex-shrink: 0; padding: var(--space-32) 0 var(--space-32) var(--space-64);}@media (max-width: 1024px) { .ob-sidebar { display: none; }}.ob-header__logo svg { width: 100%; height: 100%; display: block; }.ob-header__logo { display: none; width: calc(90 * var(--fluid)); height: calc(34 * var(--fluid)); flex-shrink: 0; }@media (max-width: 1024px) { .ob-header__logo { display: block; margin-right: auto; }}.ob-header__search-icon { width: calc(16 * var(--fluid)); height: calc(16 * var(--fluid)); }.ob-header__search-text { font-size: var(--font-body); color: var(--color-text-muted); }.ob-header__left { display: flex; flex-direction: row; align-items: center; gap: var(--space-8); margin-right: auto; color: var(--color-text-muted); }@media (max-width: 1024px) { .ob-header__left { display: none; }} .ob-header__contact-value { display: block; font-size: var(--font-body); color: var(--Red); } .ob-header__contact-label { display: block; font-size: var(--font-xs); color: var(--Grey); text-decoration: underline; letter-spacing: var(--tracking-wide); } .ob-header__contact { padding-left: var(--space-48); align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: calc(2 * var(--fluid)); }@media (max-width: 1024px) { .ob-header__contact { display: none; }}.ob-header__phone .ob-header__contact-value { color: var(--Grey); }.ob-header__menu-text { font-size: var(--font-body); color: var(--Grey); } .ob-header__menu-icon span { display: block; height: 1px; background-color: var(--Grey); width: 100%; }.ob-header__menu-icon { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: calc(6 * var(--fluid)); width: calc(55 * var(--fluid)); }.ob-header__menu { padding-left: var(--space-48); align-self: stretch; display: flex; flex-direction: row; align-items: center; gap: var(--space-8); cursor: pointer; background: none; border-top: none; border-right: none; border-bottom: none; font-family: var(--font-sans); }@media (max-width: 1024px) { .ob-header__menu { border-left: none; padding-left: 0; }}.ob-header { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; position: sticky; top: 0; width: 100%; height: calc(120 * var(--fluid)); padding-inline: var(--space-32); background-color: var(--color-surface); z-index: var(--z-header); flex-shrink: 0; gap: var(--space-48); transition: transform 0.35s ease; }@media (max-width: 1024px) { .ob-header { display: flex; height: auto; padding: 16px 24px; justify-content: space-between; gap: var(--space-16); }}.ob-hero__bg-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: opacity 0.8s ease; } .ob-hero__bg-thumb.is-hidden { opacity: 0; pointer-events: none;}.ob-hero__bg-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(38,38,38,0) 46%, #262626 84%); z-index: 2; }.ob-hero__title { display: inline-block; font-size: var(--font-h1); font-weight: var(--font-weight-regular); line-height: var(--leading-tight); color: var(--White); letter-spacing: var(--tracking-tight);}p { overflow-wrap: break-word; } p { text-wrap: pretty; } .ob-hero__desc { display: block; font-size: var(--font-sub); font-weight: 300; line-height: var(--leading-normal); color: var(--White); } .ob-btn { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-12) var(--space-16); border-radius: var(--radius-sm); font-size: var(--font-body); font-weight: 300; line-height: var(--leading-normal); cursor: pointer; white-space: nowrap; text-decoration: none; border: none; font-family: var(--font-sans); transition: transform var(--transition-fast), box-shadow var(--transition-fast); } .ob-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); } .ob-btn--primary { background-color: var(--Red); color: var(--White); box-shadow: var(--shadow-md); }.ob-btn--secondary { background-color: var(--White); color: var(--Charcoal); box-shadow: var(--shadow-md); }[data-aos] { transition-duration: 800ms !important; } .ob-hero__actions { display: flex; flex-direction: row; align-items: center; gap: var(--space-16); }@media (max-width: 749px) { .ob-hero__actions { flex-direction: column; align-items: stretch; width: 100%; }}.ob-hero__right { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-24); max-width: calc(411 * var(--fluid)); flex-shrink: 0;}@media (max-width: 1024px) { .ob-hero__right { max-width: 100%; }}.ob-hero__container { display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-48); padding-block: var(--space-4) !important;}@media (max-width: 1024px) { .ob-hero__container { flex-direction: column; align-items: flex-start; }}@media (max-width: 749px) { .ob-hero__container { gap: 24px; }}[data-aos] { transition-duration: 800ms !important;} .ob-hero__content { position: absolute; bottom: var(--space-12); left: 0; right: 0; gap: var(--space-48); z-index: 3;}@media (max-width: 1024px) { .ob-hero__content { flex-direction: column; align-items: flex-start; }}@media (max-width: 749px) { .ob-hero__content { bottom: 40px; padding-inline: 24px; gap: 24px; }}.ob-hero__bg { position: relative; width: 100%; height: calc(650 * var(--fluid)); overflow: hidden;}@media (max-width: 749px) { .ob-hero__bg { height: 100svh; min-height: 500px; }}section { width: 100%; padding: 0;} .ob-hero { padding: 0; position: relative; width: 100%; overflow: hidden;} h3 { overflow-wrap: break-word; } h3 { text-wrap: balance; } .ob-products__card-title { display: block; font-size: var(--font-h3); font-weight: var(--font-weight-regular); line-height: var(--leading-snug); color: var(--Charcoal); } .ob-products__card-image img { width: 70%; height: 70%; object-fit: contain; filter: drop-shadow(0 30px 20px rgba(0,0,0,0.30)); } .ob-products__card:hover .ob-products__card-image img { transform: scale(1.04); transition: transform 0.5s ease;}.ob-products__card-cta { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-12) var(--space-16); border: 1px solid var(--White); border-radius: var(--radius-sm); font-size: var(--font-body); font-weight: var(--font-weight-regular); line-height: var(--leading-normal); color: var(--White); text-decoration: none; white-space: nowrap; font-family: var(--font-sans); background: transparent; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } .ob-products__card-cta:hover { background: var(--White); color: var(--Charcoal); }.ob-products__card-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 55%; display: flex; align-items: center; justify-content: center; background: linear-gradient( to bottom, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.75) 30%, rgba(38, 38, 38, 0.85) 100% ); border-radius: 0 0 var(--radius-xl) var(--radius-xl); opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; pointer-events: none; z-index: 2; } .ob-products__card:hover .ob-products__card-overlay { opacity: 1; transform: translateY(0); pointer-events: auto;}.ob-products__card-image { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; background-color: var(--Black); border-radius: var(--radius-xl); overflow: hidden; cursor: pointer;} .ob-products__card:hover .ob-products__card-image { background-color: var(--Charcoal);}.ob-products__card-desc { display: block; font-size: var(--font-body); font-weight: 300; line-height: var(--leading-normal); color: var(--Charcoal); opacity: 0; transform: translateY(8px); max-height: 0; overflow: hidden; transition: opacity 0.35s ease 0.05s, transform 0.35s ease 0.05s, max-height 0.4s ease; } .ob-products__card:hover .ob-products__card-desc { opacity: 1; transform: translateY(0); max-height: 200px; }.ob-products__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-32); flex: 1 1 0; min-width: 0;}@media (max-width: 749px) { .ob-products__card { width: 100%; max-width: 337px; flex: none; }}.ob-products__wrapper { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: var(--space-64); width: 100%;}@media (max-width: 1024px) { .ob-products__wrapper { gap: var(--space-32); }}@media (max-width: 749px) { .ob-products__wrapper { flex-direction: column; gap: 48px; align-items: center; }} .container { display: block; width: 100%; max-width: var(--max-content-width); min-width: var(--min-content-width); margin-inline: auto; padding-inline: var(--section-pad-x); padding-block: var(--space-96); } .ob-products .container { padding-block: var(--space-96); }.ob-products { padding: 0; background-color: var(--color-bg); } h2 { overflow-wrap: break-word; } h2 { text-wrap: balance; } .ob-leader__heading { display: block; font-size: var(--font-h2); font-weight: var(--font-weight-regular); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--Charcoal); text-align: center; max-width: calc(738 * var(--fluid)); margin: 0 auto var(--space-48); }.ob-leader__label { display: block; font-size: var(--font-body); font-weight: var(--font-weight-semibold); color: var(--Red); text-align: center; margin-bottom: var(--space-32); } .ob-leader__benefit-icon svg { width: 100%; height: 100%; } .ob-leader__benefit-icon { width: calc(100 * var(--fluid)); height: calc(100 * var(--fluid)); flex-shrink: 0; }.ob-leader__benefit-text { display: block; font-size: var(--font-body); font-weight: 300; line-height: var(--leading-normal); color: var(--Charcoal); text-align: center;} .ob-leader__benefit { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-32); padding: var(--space-32) var(--space-48); border-radius: var(--radius-xl); border: 1px solid var(--color-border); flex: 1 1 0; min-width: 0; max-width: calc(245 * var(--fluid)); transition: transform var(--transition-normal), box-shadow var(--transition-normal); } .ob-leader__benefit:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); }@media (max-width: 1024px) { .ob-leader__benefit { max-width: calc(50% - var(--space-8)); flex: 0 0 calc(50% - var(--space-8)); }}@media (max-width: 749px) { .ob-leader__benefit { max-width: 100%; flex: none; width: 100%; }}.ob-leader__benefits { display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: var(--space-32); width: 100%; }@media (max-width: 1024px) { .ob-leader__benefits { flex-wrap: wrap; gap: var(--space-16); }}@media (max-width: 749px) { .ob-leader__benefits { flex-direction: column; align-items: center; }}.ob-leader .container { padding-block: var(--space-48); }.ob-leader { padding: 0; background-color: var(--color-bg); }.ob-industries__heading { display: block; font-size: var(--font-h2); font-weight: var(--font-weight-regular); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--Charcoal); text-align: center; margin-bottom: var(--space-16); }.ob-industries__sub { display: block; font-size: var(--font-body); font-weight: 300; color: var(--Charcoal); text-align: center; margin-bottom: var(--space-24); } .ob-btn--outline { background: transparent; color: var(--Charcoal); border: 1px solid var(--Charcoal); }.ob-industries__cta-row { display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-48); }.ob-industries__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.6s ease; } .ob-industries__img--active { opacity: 1; }.ob-industries__image-wrapper { position: relative; width: 100%; border-radius: var(--radius-xl); overflow: hidden; aspect-ratio: 1075 / 521; }@media (max-width: 749px) { .ob-industries__image-wrapper { aspect-ratio: 16 / 10; }} .ob-industries__tab { display: block; padding: var(--space-12) var(--space-16); border-radius: var(--radius-full); font-size: var(--font-body); font-weight: var(--font-weight-semibold); color: var(--color-text); cursor: pointer; border: none; background: transparent; white-space: nowrap; font-family: var(--font-sans); transition: all var(--transition-fast); } .ob-industries__tab--active { background-color: var(--White); color: var(--Red); box-shadow: var(--shadow-md); }.ob-industries__tabs { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--space-8); margin-top: var(--space-32); padding: var(--space-12) var(--space-16); background-color: var(--Black); border-radius: var(--radius-full); flex-wrap: wrap; }@media (max-width: 749px) { .ob-industries__tabs { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; }}.ob-industries .container { padding-block: var(--space-96); }.ob-industries { padding: 0; background-color: var(--color-bg); }.ob-results__heading { display: block; font-size: var(--font-h2); font-weight: var(--font-weight-regular); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--Charcoal); margin-bottom: var(--space-48); }.ob-results__label { display: block; font-size: var(--font-body); font-weight: var(--font-weight-semibold); color: var(--Red); margin-bottom: var(--space-24); }.ob-results__stat { display: block; font-size: var(--font-h3); font-weight: var(--font-weight-regular); line-height: var(--leading-snug); color: var(--Charcoal); padding-block: var(--space-16); border-bottom: 1px solid var(--Light-Grey); width: 100%;} .ob-results__stat { cursor: pointer; transition: all var(--transition-fast);} .ob-results__stat--active { color: var(--Charcoal); font-weight: var(--font-weight-regular); font-size: var(--font-h3);} .ob-results__stat:not(.ob-results__stat--active) { color: var(--color-text-muted); font-weight: 300; font-size: var(--font-sub);} .ob-results__stat--muted { color: var(--color-text-muted); font-weight: 300; font-size: var(--font-sub); }.ob-results__left { display: flex; flex-direction: column; flex: 1 1 0; min-width: 0; }.ob-results__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.6s ease; } .ob-results__img--active { opacity: 1; }.ob-results__image { position: relative; width: calc(300 * var(--fluid)); height: calc(304 * var(--fluid)); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }@media (max-width: 1024px) { .ob-results__image { width: 100%; max-width: calc(400 * var(--fluid)); height: calc(250 * var(--fluid)); }}.ob-results__right { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-24); flex-shrink: 0; }@media (max-width: 1024px) { .ob-results__right { align-items: flex-start; }}.ob-results__wrapper { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; gap: var(--space-64); width: 100%;}@media (max-width: 1024px) { .ob-results__wrapper { flex-direction: column; }}.ob-results .container { padding-block: var(--space-96); }.ob-results { padding: 0; background-color: var(--color-bg); }.ob-cta__heading { display: block; font-size: var(--font-h2); font-weight: var(--font-weight-regular); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--Charcoal); max-width: calc(638 * var(--fluid)); }.ob-cta__wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-48); width: 100%; }@media (max-width: 1024px) { .ob-cta__wrapper { flex-direction: column; align-items: flex-start; gap: var(--space-24); }}.ob-cta .container { padding-block: var(--space-64); }.ob-cta { padding: 0; background-color: var(--Grey); border-top: 1px solid var(--color-border); }.app-main { display: flex; flex-direction: column; align-items: stretch; flex: 1 1 auto; width: 100%; }.ob-body { display: flex; overflow-x:hidden; flex-direction: column; align-items: stretch; flex: 1 1 0; min-width: 0; min-height: 100vh; margin-left: var(--sidebar-width);}@media (max-width: 1024px) { .ob-body { margin-left: 0; }}@media (max-width: 767px) { .ob-body { flex: none; }}.ob-footer__logo { width: calc(117 * var(--fluid)); height: calc(45 * var(--fluid)); flex-shrink: 0; } .ob-footer__link { display: block; font-size: var(--font-body); font-weight: 300; text-decoration: none; cursor: pointer; transition: color var(--transition-fast); } .ob-footer__link:hover { color: var(--Red); }.ob-footer__nav { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--space-24); flex-wrap: wrap; }@media (max-width: 749px) { .ob-footer__nav { flex-direction: column; align-items: flex-start; gap: 8px; }}.ob-footer__copy { display: block; font-size: var(--font-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); }.ob-footer__right { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-4); }@media (max-width: 1024px) { .ob-footer__right { align-items: flex-start; }}.ob-footer__wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-32); width: 100%; }@media (max-width: 1024px) { .ob-footer__wrapper { flex-direction: column; align-items: flex-start; gap: var(--space-16); }}.ob-footer .container { padding-block: var(--space-32); max-width: none; }.ob-footer { width: 100%; margin-left: 0; padding: 0; background-color: var(--color-Grey); z-index: calc(var(--z-sidebar) + 1);}.ob-shell { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; min-height: 100vh; width: 100%; background-color: var(--color-bg);}