.page-enter-active,.page-leave-active{transition:opacity .5s}.page-enter,.page-leave-to{opacity:0}.fadeUp-enter,.fadeUp-leave-to{opacity:0;transform:translateY(5%)}.fadeUp-enter-to,.fadeUp-leave{opacity:1;transform:translateY(0)}.fadeUp-enter-active,.fadeUp-leave-active{transition:all .2s}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.slidePlayPauseStart{opacity:0}@keyframes slidePlayPause{0%{opacity:0}50%{opacity:1}to{opacity:0}}.videoStart{animation:videoScale 1.5s ease-in-out forwards;opacity:0;transform:scale(.55);will-change:transform,opacity}@keyframes videoScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.vignetteStart{background:radial-gradient(transparent 50%,#0a0a0a)}.contentStartA{animation:contentFade 1s cubic-bezier(.25,1,.5,1) 1.2s forwards;animation:contentFade 1s var(--cubic) 1.2s forwards;opacity:0}@keyframes contentFade{0%{opacity:0}to{opacity:1}}.contentStartH1,.contentStartP{opacity:0;transform:translateY(1rem)}.contentStartH1{animation:contentMove 1s cubic-bezier(.25,1,.5,1) 1s forwards;animation:contentMove 1s var(--cubic) 1s forwards}.contentStartP{animation:contentMove 1s cubic-bezier(.25,1,.5,1) 1.2s forwards;animation:contentMove 1s var(--cubic) 1.2s forwards}@keyframes contentMove{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.menuStart{animation:menuOpacity 2s linear 1.5s forwards;opacity:0}@keyframes menuOpacity{0%{opacity:0}to{opacity:1}}body{margin:0}body,html{margin:0 auto;width:100%}:root{--cubic:cubic-bezier(0.25,1,0.5,1);--swiper-theme-color:#ef4444;--swiper-pagination-bullet-inactive-color:#ef4444;--swiper-pagination-bullet-size:10px}:root #case-studies .swiper-slide-active{opacity:1!important}:root img-comparison-slider{--divider-width:2px;--divider-color:#22c55e;--default-handle-color:#22c55e}:root .h1Header,:root .h2Header,:root h1,:root h2{font-size:2.25rem;font-weight:500;line-height:2.5rem;line-height:1.3}@media (min-width:768px){:root .h1Header,:root .h2Header,:root h1,:root h2{font-size:3rem;line-height:1.3}}@media (min-width:1024px){:root .h1Header,:root .h2Header,:root h1,:root h2{font-size:3.75rem;line-height:1.3}}@media (min-width:1536px){:root .h1Header,:root .h2Header,:root h1,:root h2{font-size:4.5rem;line-height:1.3}}:root .h3Header,:root h3{font-size:1.5rem;font-weight:500;line-height:2rem}@media (min-width:768px){:root .h3Header,:root h3{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){:root .h3Header,:root h3{font-size:2.25rem;line-height:2.5rem;line-height:1.2}}:root .pBig{font-size:1.25rem;font-weight:400;line-height:1.75rem}@media (min-width:768px){:root .pBig{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){:root .pBig{font-size:1.875rem;line-height:2.25rem;line-height:1.4}}:root .pBody,:root p{font-size:1rem;line-height:1.5rem}@media (min-width:768px){:root .pBody,:root p{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){:root .pBody,:root p{font-size:1.25rem;line-height:1.75rem;line-height:1.55}}:root h2.preHeader,:root h3.subHeader{font-size:1rem;font-weight:400;line-height:1.5rem}@media (min-width:768px){:root h2.preHeader,:root h3.subHeader{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){:root h2.preHeader,:root h3.subHeader{font-size:1.25rem;line-height:1.75rem;line-height:1.55}}:root h3.subHeader{display:inline}:root .pSmall,:root blockquote{font-size:.875rem;line-height:1.25rem}@media (min-width:768px){:root .pSmall,:root blockquote{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){:root .pSmall,:root blockquote{font-size:1.125rem;line-height:1.75rem}}