.s-comp22>.l-container{container-type:inline-size;container-name:comp-container}.s-comp22 .l-grid--comp{align-items:stretch;gap:var(--space-section--inner)}.s-comp22 .l-grid--comp[data-wrapper-direction="content-first"]{flex-direction:row-reverse}@media only screen and (max-width:1200px){.s-comp22 .l-grid--comp{gap:calc(var(--container-gutter) * 2)}}@media only screen and (max-width:991px){.s-comp22 .l-grid--comp{flex-direction:column-reverse!important}}.s-comp22 .l-area--visual{width:50%}@media only screen and (max-width:991px){.s-comp22 .l-area--visual{width:100%}}.s-comp22 .l-area--content{display:flex;align-items:center;width:50%}@media only screen and (max-width:991px){.s-comp22 .l-area--content{width:100%}}.s-comp38{--color-headings:var(--color-headings--dark);--color-text:var(--color-text--dark)}.s-comp38 .l-container{max-width:min(var(--intro-width), var(--container-width))}.s-comp38 .l-area--main{width:100%}.s-comp38 .l-area--main>.l-content-container{align-items:center}.s-comp38 .l-area--main>.l-content-container :is(h2,h3,h4,h5,h6){color:var(--color-headings);text-align:center}.s-comp38 .l-area--main>.l-content-container .c-text{color:var(--color-text);text-align:center}@media only screen and (max-width:991px){.s-comp38 .l-area--main>.l-content-container{align-items:flex-start}.s-comp38 .l-area--main>.l-content-container :is(h2,h3,h4,h5,h6){text-align:left}.s-comp38 .l-area--main>.l-content-container .c-text{text-align:left}}