:root{--process-background:var(--color-blue-200);--process-color:var(--color-white);--process-padding:3rem;--process-image-left:0%;--process-image-scale:200%;--process-image-coefficient:0.75;--process-aspect-ratio:1;--process-title:var(--color-blue-700)}@media (min-width:640px){:root{--process-background:var(--color-blue-700);--process-title:var(--color-brown-500)}}@media (min-width:768px){:root{--process-image-scale:150%;--process-image-coefficient:0.5}}@media (min-width:1024px){:root{--process-image-scale:100%;--process-padding:2rem}}.process{--padding-y:0;color:var(--color-white);overflow:hidden}.process .wrapper{--wrapper-width:100%;--padding-x:0}.process .section-image{top:auto;margin-top:50%;display:none}@media (min-width:1024px){.process .section-image{display:block}}.process .section-image img{aspect-ratio:1;aspect-ratio:var(--process-aspect-ratio);transition:var(--transition-fast);-o-object-fit:none;object-fit:none;height:auto;transform:scale(200%) translateX(0);transform:scale(var(--process-image-scale)) translateX(calc(var(--process-image-left)*-1*var(--process-image-coefficient)));transform-origin:bottom left}@media (min-width:1024px){.process{height:min(70rem,100vh)}}.process-navigation{color:var(--color-white)}@media (min-width:1024px){.process-navigation{display:none}}.process-navigation-hidden{opacity:0}.process-navigation-next,.process-navigation-prev{transition:var(--transition-fast);position:absolute;z-index:10;top:calc(50% - 1rem);pointer-events:visible}.process-navigation-prev{left:1rem;transform:rotate(180deg)}.process-navigation-next{right:1rem}.process-wrapper{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;height:100%}.process-wrapper>*{scroll-snap-align:start;scroll-snap-stop:always}@media (min-width:1024px){.process-wrapper{height:min(70rem,100vh)}}.process-intro{position:absolute;z-index:5;pointer-events:none;top:3rem;top:var(--process-padding);left:3rem;left:var(--process-padding);right:1rem}@media (min-width:640px){.process-intro{right:auto}}@media (min-width:1024px){.process-intro{top:6rem;top:calc(var(--process-padding)*2);left:6rem;left:calc(var(--process-padding)*2)}}.process-item{padding:13.5rem 3rem 9rem;padding:calc(var(--process-padding)*4.5) var(--process-padding) calc(var(--process-padding)*3);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;min-width:100vw}@media (min-width:640px){.process-item{padding-left:25vw;padding-right:25vw}}@media (min-width:1024px){.process-item{min-width:auto;flex-basis:var(--process-width-horizontal);padding:9rem 3rem;padding:calc(var(--process-padding)*3) var(--process-padding)}.process-item:hover{--process-color:var(--body-color)}.process-item:hover:before{background:var(--color-blue-200)}}.process-item:before{transition:var(--transition-fast);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-blue-200);background:var(--process-background);mix-blend-mode:multiply}.process-content{position:relative;height:100%}@media (min-width:1024px){.process-content{top:var(--process-position-vertical)}}.process-image{position:relative;margin-left:-3rem;margin-left:calc(var(--process-padding)*-1);margin-right:-3rem;margin-right:calc(var(--process-padding)*-1);width:calc(100% + 6rem);width:calc(100% + var(--process-padding)*2)}@media (min-width:640px){.process-image:after,.process-image:before{content:"";position:absolute;top:0;bottom:0;width:6rem}.process-image:before{background:linear-gradient(90deg,var(--color-blue-700),transparent);left:0}.process-image:after{background:linear-gradient(270deg,var(--color-blue-700),transparent);right:0}}@media (min-width:1024px){.process-image{display:none}}.process-image img{width:100%}.process-title{color:var(--color-blue-700);color:var(--process-title)}.process-item:hover .process-title{color:var(--color-white)}.process-text{color:var(--color-white);color:var(--process-color);margin-bottom:0!important;font-size:.8rem;max-width:24rem}@media (min-width:1024px){.process-text{max-width:12rem}}.process-link{position:absolute;z-index:5;bottom:3rem;bottom:var(--process-padding);left:3rem;left:var(--process-padding)}@media (min-width:1024px){.process-link{left:6rem;left:calc(var(--process-padding)*2);bottom:6rem;bottom:calc(var(--process-padding)*2)}}