.color-block{background-color:var(--color-block-background-color);color:var(--color-block-foreground-color);height:var(--color-block-height);position:relative;width:100%;--color-block-animation-name:colorBlockSlideInFull}.color-block:has(.color-block__left):has(.color-block__right){--color-block-animation-name:colorBlockSlideInHalf}.color-block__left,.color-block__right{bottom:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:absolute;top:0;width:0}.color-block__left>span,.color-block__right>span{display:block;opacity:0;padding-inline:calc(var(--grid-outer-space) + var(--grid-gutter)*.5);white-space:nowrap}.color-block__left>span:not(:has(.cta)),.color-block__right>span:not(:has(.cta)){font-family:Outfit,system-ui,Arial,sans-serif;font-size:1.5rem;font-weight:700;line-height:130%}@media only screen and (max-width:1023px){.color-block__left>span:not(:has(.cta)),.color-block__right>span:not(:has(.cta)){display:none}}.page--loaded .color-block__left,.page--loaded .color-block__right{animation:var(--color-block-animation-name) 1.75s var(--animation-ease) .5s forwards}.page--loaded .color-block__left>span,.page--loaded .color-block__right>span{animation:colorBlockContentFadeIn .25s var(--animation-ease) 1.75s forwards}.color-block__left{background-color:var(--color-block-left-background-color);left:0}.color-block__right{background-color:var(--color-block-right-background-color);left:0}.color-block__left+.color-block__right{left:auto;right:0}@keyframes colorBlockSlideInHalf{0%{width:0}to{width:50%}}@keyframes colorBlockSlideInFull{0%{width:0}to{width:100%}}@keyframes colorBlockContentFadeIn{0%{opacity:0}to{opacity:1}}