:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu"}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.icon__svg--time{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center}.icon__svg--time use{display:none}.icon__svg--time{mask-image:url(../../../icons/time.svg);-webkit-mask-image:url(../../../icons/time.svg);background:linear-gradient(45deg, var(--color-tertiary), var(--color-tertiary-2))}.gradient-primary-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-primary-variant) 0%, var(--color-base) 100%);color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-textonprimary);fill:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-bg-a-1) 0%, var(--color-bg-a-2) 100%);color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-a);fill:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(107.48deg, var(--color-bg-b-1) 0%, var(--color-bg-b-2) 100%);color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-b);fill:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-c-1) 0%, var(--color-bg-c-2) 100%);color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-c);fill:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-d-1) 0%, var(--color-bg-d-2) 100%);color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-d);fill:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(156.21deg, var(--color-bg-e-1) 0%, var(--color-bg-e-2) 100%);color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-e);fill:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.grey-bg{background:#f2f2f2}.primary-gradient-text,.gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.gradient-footer-bg,.block-mini-layoutfooter{background:linear-gradient(114.27deg, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 100%)}.gradient-extended-footer-bg,.extended-footer-bg .block-mini-layoutfooter{background:linear-gradient(to right, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 33%, var(--color-footer-bg-3) 66%, var(--color-footer-bg-4) 100%)}.block-mini-layoutfooter .footer-layout--basic{margin-left:auto;margin-right:auto}.hero-with-search__inner .primary-gradient-text,.hero-with-search__inner .primary-gradient-text-2,.hero-with-search__inner .gradient-text-light-blue,.hero-with-search__inner .gradient-text-dark-blue,.hero-with-search__inner .gradient-text-purple,.hero-with-search__inner .gradient-text-red,.hero-with-search__inner .gradient-text-orange,.hero-with-search__inner .gradient-text-green,.hero-with-search__inner .gradient-text-rainbow{background-clip:unset;text-fill-color:#fff;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background:unset;color:#fff}.hero-with-search__inner .primary-gradient-text svg,.hero-with-search__inner .primary-gradient-text-2 svg,.hero-with-search__inner .gradient-text-light-blue svg,.hero-with-search__inner .gradient-text-dark-blue svg,.hero-with-search__inner .gradient-text-purple svg,.hero-with-search__inner .gradient-text-red svg,.hero-with-search__inner .gradient-text-orange svg,.hero-with-search__inner .gradient-text-green svg,.hero-with-search__inner .gradient-text-rainbow svg{color:#fff;fill:#fff}.hero-with-search__inner .primary-gradient-text svg[class*=color],.hero-with-search__inner .primary-gradient-text-2 svg[class*=color],.hero-with-search__inner .gradient-text-light-blue svg[class*=color],.hero-with-search__inner .gradient-text-dark-blue svg[class*=color],.hero-with-search__inner .gradient-text-purple svg[class*=color],.hero-with-search__inner .gradient-text-red svg[class*=color],.hero-with-search__inner .gradient-text-orange svg[class*=color],.hero-with-search__inner .gradient-text-green svg[class*=color],.hero-with-search__inner .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.hero-with-search__inner .primary-gradient-text a:not(.button),.hero-with-search__inner .primary-gradient-text-2 a:not(.button),.hero-with-search__inner .gradient-text-light-blue a:not(.button),.hero-with-search__inner .gradient-text-dark-blue a:not(.button),.hero-with-search__inner .gradient-text-purple a:not(.button),.hero-with-search__inner .gradient-text-red a:not(.button),.hero-with-search__inner .gradient-text-orange a:not(.button),.hero-with-search__inner .gradient-text-green a:not(.button),.hero-with-search__inner .gradient-text-rainbow a:not(.button){color:#fff}.primary-gradient-text:has(>.button),.primary-gradient-text-2:has(>.button),.gradient-text-light-blue:has(>.button),.gradient-text-dark-blue:has(>.button),.gradient-text-purple:has(>.button),.gradient-text-red:has(>.button),.gradient-text-orange:has(>.button),.gradient-text-green:has(>.button),.gradient-text-rainbow:has(>.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow{background-clip:unset;text-fill-color:var(--color-textonprimary);-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-textonprimary);background:unset;color:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg,.primary-gradient-text-2:has(>.button) svg,.gradient-text-light-blue:has(>.button) svg,.gradient-text-dark-blue:has(>.button) svg,.gradient-text-purple:has(>.button) svg,.gradient-text-red:has(>.button) svg,.gradient-text-orange:has(>.button) svg,.gradient-text-green:has(>.button) svg,.gradient-text-rainbow:has(>.button) svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg{color:var(--color-textonprimary);fill:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg[class*=color],.primary-gradient-text-2:has(>.button) svg[class*=color],.gradient-text-light-blue:has(>.button) svg[class*=color],.gradient-text-dark-blue:has(>.button) svg[class*=color],.gradient-text-purple:has(>.button) svg[class*=color],.gradient-text-red:has(>.button) svg[class*=color],.gradient-text-orange:has(>.button) svg[class*=color],.gradient-text-green:has(>.button) svg[class*=color],.gradient-text-rainbow:has(>.button) svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.primary-gradient-text:has(>.button) a:not(.button),.primary-gradient-text-2:has(>.button) a:not(.button),.gradient-text-light-blue:has(>.button) a:not(.button),.gradient-text-dark-blue:has(>.button) a:not(.button),.gradient-text-purple:has(>.button) a:not(.button),.gradient-text-red:has(>.button) a:not(.button),.gradient-text-orange:has(>.button) a:not(.button),.gradient-text-green:has(>.button) a:not(.button),.gradient-text-rainbow:has(>.button) a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow a:not(.button),.primary-gradient-text:has(>.button) a:not(.button):hover,.primary-gradient-text-2:has(>.button) a:not(.button):hover,.gradient-text-light-blue:has(>.button) a:not(.button):hover,.gradient-text-dark-blue:has(>.button) a:not(.button):hover,.gradient-text-purple:has(>.button) a:not(.button):hover,.gradient-text-red:has(>.button) a:not(.button):hover,.gradient-text-orange:has(>.button) a:not(.button):hover,.gradient-text-green:has(>.button) a:not(.button):hover,.gradient-text-rainbow:has(>.button) a:not(.button):hover{color:var(--color-textonprimary)}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow{background-clip:unset;text-fill-color:currentColor;-webkit-background-clip:unset;-webkit-text-fill-color:currentColor;background:unset;color:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow svg{color:currentColor;fill:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow a:not(.button){color:currentColor}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-tertiary) 0%, var(--color-tertiary-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):hover,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):hover,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):focus,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):focus,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):focus{color:var(--color-secondary)}.primary-gradient-text,.primary-gradient-text-2,.gradient-text-light-blue,.gradient-text-dark-blue,.gradient-text-purple,.gradient-text-red,.gradient-text-orange,.gradient-text-green,.gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.background-grey{background-color:#f6f6f6}.background-blue{background-color:#00448a}.background-green{background-color:#008674}.background-white{background-color:#fff}.background-transparent{background-color:rgba(0,0,0,0)}:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu"}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.block-menu ul{padding:0;margin:0}.block-menu ul li{list-style:none}:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu"}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.social-block:not(.paragraph-layout-social-left-align){margin-top:30px}@media(min-width: 600px){.social-block:not(.paragraph-layout-social-left-align){margin-top:0}}.social-block:not(.paragraph-layout-social-left-align) .container{padding:0}.social-block:not(.paragraph-layout-social-left-align) .block-field-social-item{display:flex;align-items:center;gap:30px}@media(min-width: 600px){.social-block:not(.paragraph-layout-social-left-align) .block-field-social-item{flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:50px}}.social-block:not(.paragraph-layout-social-left-align) .social-block-item{text-align:center;align-self:center}.social-block:not(.paragraph-layout-social-left-align) .social-block-item a{display:flex;justify-content:center;margin:0 auto;padding:0;width:24px;border:0 none;font-family:var(--primary-font);font-size:0;line-height:1;background-color:rgba(0,0,0,0);box-shadow:none}.social-block:not(.paragraph-layout-social-left-align) .social-block-item a .button__text{margin:0}.social-block:not(.paragraph-layout-social-left-align) .social-block-item a:hover{border:0 none}.social-block:not(.paragraph-layout-social-left-align) .social-block-item a::before,.social-block:not(.paragraph-layout-social-left-align) .social-block-item a::after{display:none}@media(min-width: 800px){.social-block:not(.paragraph-layout-social-left-align) .social-block-item a{display:inline-block;width:auto}}.social-block:not(.paragraph-layout-social-left-align) .social-block-item .icon__svg{margin-left:0;fill:var(--color-textonfooter);color:var(--color-textonfooter)}.rtl .social-block:not(.paragraph-layout-social-left-align) .social-block-item .icon__svg{transform:scaleX(1);margin-right:0}.block-mini-layoutfooter{margin-bottom:-1px;color:var(--color-textonfooter)}.block-mini-layoutfooter h1,.block-mini-layoutfooter h2,.block-mini-layoutfooter h3,.block-mini-layoutfooter h4,.block-mini-layoutfooter h5,.block-mini-layoutfooter h6,.block-mini-layoutfooter .h2{text-fill-color:unset;-webkit-text-fill-color:unset}.block-mini-layoutfooter .footer-layout--basic{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:80rem;padding-bottom:30px;padding-top:30px}.block-mini-layoutfooter .footer-layout--basic.footer-layout--menu{max-width:unset;background:url("../../../images/sg_footer_background.svg") no-repeat left bottom,linear-gradient(45deg, var(--color-bg-a-1) 0%, var(--color-bg-a-2) 100%);padding-left:calc((100% - 1280px)/2 + 0px);padding-right:calc((100% - 1280px)/2 + 0px);margin-bottom:40px}.block-mini-layoutfooter .footer-layout--basic .layout__region{width:100%;text-align:center}.block-mini-layoutfooter .footer-layout--basic .layout__region *{color:var(--color-textonfooter)}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block{padding:0 20px}@media(min-width: 600px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block{display:inline-block;width:100%}}@media(min-width: 1300px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block{padding:0}}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block h2,.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .h2{margin:0;font-weight:400;font-size:28px;line-height:34px;text-transform:none;text-align:left}.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block h2,.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .h2{text-align:right}@media(min-width: 600px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block h2,.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .h2{float:left}.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block h2,.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .h2{float:right}}@media(min-width: 600px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .social-block{float:right}.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .social-block{float:left}}@media(min-width: 600px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .social-block{float:right}.rtl .block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block .social-block{float:left}}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block~div{padding:25px 20px 0}@media(min-width: 1200px){.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block~div{padding:25px 0 0}}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block~div section.paragraph{margin-bottom:0}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block~div p{margin-top:0;letter-spacing:normal}.block-mini-layoutfooter .footer-layout--basic .layout__region .social-footer-block--center-alignment{display:flex;justify-content:center;flex-flow:column nowrap;align-items:center}.block-mini-layoutfooter .menu{display:flex;flex-direction:column;padding-inline:20px}@media(min-width: 640px){.block-mini-layoutfooter .menu{padding-inline:0}}.block-mini-layoutfooter .menu .menu-item{display:inline-block;padding:15px 0}.block-mini-layoutfooter .menu .menu-item a{text-decoration:none;font-family:"Roboto",sans-serif;font-size:16px;line-height:22px;font-weight:700;color:var(--color-textonfooter)}.footer-layout--special .paragraph--type--text,.footer-layout--basic .paragraph--type--text{margin-bottom:0;padding-top:0}.footer-layout--special .paragraph--type--text .text-item__description p,.footer-layout--basic .paragraph--type--text .text-item__description p{color:var(--color-textonfooter)}@media(min-width: 800px){.region-footer .layout--threecol-section{align-items:center}.region-footer .layout--threecol-section .layout__region--third .block-block-content{text-align:right}}/*# sourceMappingURL=footer-layout--basic.css.map */