:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu";--header-height: 0px}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.node--type-case-study .field--name-field-architect .field__label,.node--type-case-study .field--name-field-project-manager .field__label,.node--type-case-study .field--name-field-project-completion-date .field__label,.node--type-case-study .field--name-field-client .field__label{font-family:var(--primary-font);font-weight:700;font-size:.75rem;line-height:1rem;text-transform:uppercase}.node--type-case-study .field--name-field-architect .field__item,.node--type-case-study .field--name-field-project-manager .field__item,.node--type-case-study .field--name-field-project-completion-date .field__item,.node--type-case-study .field--name-field-client .field__item,.node--type-case-study .block-type .field--name-type{font-family:var(--primary-font);font-size:1.25rem;line-height:1.6875rem;font-weight:700}.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{background:linear-gradient(114.27deg, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 100%)}.gradient-extended-footer-bg{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%)}.node--type-case-study .block-field-related-products{margin-bottom:2.5rem}@media(min-width: 900px){.node--type-case-study .block-field-related-products{margin-bottom:3.75rem}}.node--type-case-study .block-field-related-products h2{margin-bottom:1.875rem}.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)}@media(min-width: 800px){.case-study__swiper-wrap{padding:3.75rem 0}[class^=gradient] .case-study__swiper-wrap{padding:1.25rem 0}}.layout--onecol:not([class^=gradient]) .case-study__swiper-wrap{padding:2.5rem 0 0}@media(min-width: 800px){.layout--onecol:not([class^=gradient]) .case-study__swiper-wrap{padding:3.75rem 0 0}}@media(max-width: 799px){.layout--onecol.container .case-study__swiper-wrap>.container{padding:0}}.container-offset-background:not([class^=gradient]) .case-study__swiper-wrap,.container--background:not([class^=gradient]) .case-study__swiper-wrap{padding:0}.case-study__swiper-wrap .field--name-field-brand-position{display:none}.case-study__swiper-wrap .carousel-item__carousel-navigation-wrapper{display:flex;position:relative;z-index:2}.case-study__swiper-wrap .carousel-item__carousel-navigation-wrapper~*{color:#1d1e20}.layout--onecol[class^=gradient] .case-study__swiper-wrap .carousel-item__carousel-navigation-wrapper~*{color:currentColor}.case-study__swiper-wrap .case-study__wrapper{height:12.5rem}@media(min-width: 600px){.case-study__swiper-wrap .case-study__wrapper{height:25rem}}@media(min-width: 800px){.case-study__swiper-wrap .case-study__wrapper{height:39.875rem}}@media(min-width: 1200px){.case-study__swiper-wrap .case-study__wrapper{height:100%}}.case-study__swiper-wrap .case-study__wrapper img{border-radius:.5rem;object-fit:cover;height:12.5rem}@media(min-width: 600px){.case-study__swiper-wrap .case-study__wrapper img{height:25rem}}@media(min-width: 800px){.case-study__swiper-wrap .case-study__wrapper img{height:39.875rem}}@media(min-width: 1200px){.case-study__swiper-wrap .case-study__wrapper img{height:100%}}.editorial-container .case-study__swiper-wrap .case-study__wrapper .media--view-mode-image-gallery img{height:100%;object-fit:cover}.node--type-case-study .editorial-container.no-sidebar:not(:first-of-type) .layout__region--main>.block{margin-bottom:2.5rem}.node--type-case-study .editorial-container.no-sidebar .block-field-description{margin-bottom:0;margin-top:2.5rem}@media(min-width: 1200px)and (max-width: 1399px){.node--type-case-study .layout__region--sidebar_l.sidebar{padding-left:1.5rem}}.node--type-case-study .block-field-related-products h2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 35%);-webkit-background-clip:text;color:rgba(0,0,0,0);margin-top:0}.node--type-case-study .layout__region--main{display:flex;flex-wrap:wrap}@media(min-width: 1200px){.node--type-case-study .layout__region--main{margin-left:3.125rem}}@media(max-width: 1199px){.node--type-case-study .layout__region--main{padding:0 1.25rem}}.node--type-case-study .layout__region--main .block-title{display:flex;flex-direction:row;width:100%}@media(max-width: 599px){.node--type-case-study .layout__region--main .block-title{flex-direction:column;align-items:center;padding-left:0}.node--type-case-study .layout__region--main .block-title::before{position:static}}.node--type-case-study .layout__region--main .block-title .field--name-title-item{margin-bottom:0;padding-bottom:0}.node--type-case-study .layout__region--main .block-field-localisation{width:100%}.node--type-case-study .node__content{overflow:hidden}.node--type-case-study .node__content .editorial-container:first-of-type{padding-top:3.125rem;padding-bottom:3.125rem;position:relative}@media(min-width: 1200px)and (max-width: 1400px){.node--type-case-study .node__content .editorial-container:first-of-type{padding-left:1rem;padding-right:1rem}}.node--type-case-study .node__content .editorial-container:first-of-type:before{content:"";background:#f5f5f5;position:absolute;height:100%;left:-100%;right:-100%;z-index:-1;top:0;bottom:0}.node--type-case-study .node__content .editorial-container:first-of-type .mobile-share__open,.node--type-case-study .node__content .editorial-container:first-of-type .mobile-share__close{display:none}.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main{flex:auto;max-width:80rem}.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-architect,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-manager,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-completion-date,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-client{padding-top:0;padding-left:4.6875rem}@media(max-width: 799px){.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-architect,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-manager,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-completion-date,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-client{display:block;margin:0 auto;text-align:left}.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-architect:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-manager:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-completion-date:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-client:before{right:inherit;margin:0}}@media(min-width: 800px)and (max-width: 1199px){.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-architect:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-manager:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-project-completion-date:before,.node--type-case-study .node__content .editorial-container:first-of-type.no-sidebar .layout__region--main .field--name-field-client:before{width:2.5rem;height:2.5rem}}.node--type-case-study .block-type{margin-bottom:1.875rem}@media(max-width: 1299px){.node--type-case-study .block-type{padding:0 1rem}}@media(max-width: 1199px){.node--type-case-study .block-type{margin-bottom:1rem}}@media(max-width: 599px){.node--type-case-study .block-type{margin-left:auto;margin-right:auto}}.node--type-case-study .block-type .field--name-type{display:flex;align-items:flex-end;height:2.85rem;line-height:1}.node--type-case-study .block-title{margin-bottom:1.875rem}.node--type-case-study .block-title .field--name-title-item{font-size:2rem;margin-top:0;padding-top:0;text-align:center}@media(min-width: 800px){.node--type-case-study .block-title .field--name-title-item{font-size:3rem;text-align:left}}.node--type-case-study .block-title~.block{margin-bottom:0}@media(max-width: 1199px){.node--type-case-study .block-title~.block{margin-top:1.5rem}}.node--type-case-study .block-field-architect,.node--type-case-study .block-field-project-manager,.node--type-case-study .block-field-project-completion-date,.node--type-case-study .block-field-client{display:inline-block;margin-bottom:3.125rem;margin-left:0;width:100%;vertical-align:top;text-align:center}@media(min-width: 600px){.node--type-case-study .block-field-architect,.node--type-case-study .block-field-project-manager,.node--type-case-study .block-field-project-completion-date,.node--type-case-study .block-field-client{margin-left:1.25rem;padding-right:.25rem;width:calc(45% - 1.25rem);text-align:left}}@media(min-width: 800px){.node--type-case-study .block-field-architect,.node--type-case-study .block-field-project-manager,.node--type-case-study .block-field-project-completion-date,.node--type-case-study .block-field-client{width:calc(25% - 1.25rem);float:left}}.node--type-case-study .block-field-localisation{text-align:left}@media(min-width: 600px){.node--type-case-study .block-field-localisation{margin-left:1.25rem}}@media(min-width: 1300px){.node--type-case-study .block-field-architect,.node--type-case-study .block-field-localisation{margin-left:0}}.node--type-case-study .block-field-client{padding-right:0}.node--type-case-study .field--name-field-architect,.node--type-case-study .field--name-field-project-manager,.node--type-case-study .field--name-field-project-completion-date,.node--type-case-study .field--name-field-client{position:relative;padding-top:4rem}.node--type-case-study .field--name-field-architect .field__label,.node--type-case-study .field--name-field-project-manager .field__label,.node--type-case-study .field--name-field-project-completion-date .field__label,.node--type-case-study .field--name-field-client .field__label{margin-bottom:.625rem}.node--type-case-study .field--name-field-architect:before,.node--type-case-study .field--name-field-project-manager:before,.node--type-case-study .field--name-field-project-completion-date:before,.node--type-case-study .field--name-field-client:before{content:"";display:block;width:3.125rem;height:3.125rem;position:absolute;top:0;left:0;background-color:#1d1e20;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(max-width: 599px){.node--type-case-study .field--name-field-architect:before,.node--type-case-study .field--name-field-project-manager:before,.node--type-case-study .field--name-field-project-completion-date:before,.node--type-case-study .field--name-field-client:before{right:0;margin:0 auto}}.node--type-case-study [class*=gradient] .field--name-field-architect:before,.node--type-case-study [class*=gradient] .field--name-field-project-manager:before,.node--type-case-study [class*=gradient] .field--name-field-project-completion-date:before,.node--type-case-study [class*=gradient] .field--name-field-client:before{background-color:#fff}.node--type-case-study .field--name-field-architect:before{-webkit-mask-image:url(../../../icons/account-new.svg);mask-image:url(../../../icons/account-new.svg)}.node--type-case-study .field--name-field-client:before{-webkit-mask-image:url(../../../icons/client.svg);mask-image:url(../../../icons/client.svg)}.node--type-case-study .field--name-field-project-manager:before{-webkit-mask-image:url(../../../icons/assistance-new.svg);mask-image:url(../../../icons/assistance-new.svg)}.node--type-case-study .field--name-field-project-completion-date:before{-webkit-mask-image:url(../../../icons/time-black.svg);mask-image:url(../../../icons/time-black.svg)}.node--type-case-study .field--name-field-localisation{clear:both;margin-top:1.875rem}.node--type-case-study .field--name-field-localisation .field__label{font-size:1.25rem}.node--type-case-study .field--name-field-localisation p{font-size:1.25rem;font-weight:bold}.node--type-case-study .field-localisation-link{gap:.5rem}.node--type-case-study .field-localisation-link .icon__svg{width:1.25rem;height:1.25rem;fill:currentColor}.node--type-case-study--member .block-title{position:relative;padding-left:3.75rem}@media(min-width: 800px){.node--type-case-study--member .block-title{padding-left:5rem}}.node--type-case-study--member .block-title:before{content:"";position:absolute;width:2.5rem;height:2.5rem;right:0;-webkit-mask-image:url(../../../icons/trophee-gradient.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:2.5rem;mask-image:url(../../../icons/trophee-gradient.svg);mask-repeat:no-repeat;mask-position:center;mask-size:2.5rem;background-repeat:no-repeat;background-position:center;background-size:2.5rem;background:linear-gradient(to bottom right, var(--color-tertiary), var(--color-tertiary-2));width:2.5rem;height:3.0625rem;left:0;top:0;background-size:100%}@media(min-width: 800px){.node--type-case-study--member .block-title:before{width:3.1875rem;height:3.6875rem;top:.75rem}}.node--type-case-study .block-field-main-media,.node--type-case-study .block-field-main-image-mobile{margin-bottom:0;max-width:100%}.page-node-type-case-study .node__content>.layout.layout--onecol+.editorial-container.no-sidebar{margin-bottom:1.25rem}/*# sourceMappingURL=case-study.css.map */