@layer component{.overview-card-wrapper{container:overview-card/inline-size}.overview-card-container{--_min-column-size: 300px;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--_min-column-size)), 1fr));grid-template-rows:auto 1fr auto auto;row-gap:64px}@media(min-width: 768px){.overview-card-container{column-gap:32px}}@media(min-width: 1200px){.overview-card-container{--_min-column-size: 340px;column-gap:64px}}.overview-card-container:is(.horizontal){--_min-column-size: 100%;grid-template-rows:unset}.overview-card{--_extra-small-circle-size: 80px;--_small-circle-size: 100px;--_medium-circle-size: 160px;--_large-circle-size: 220px;--_animation-duration: 10s;--_animation-timing: infinite;display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;padding:24px;transition:background-color var(--transition),box-shadow var(--transition)}.overview-card .overview-image{border-radius:24px;display:grid;grid-template-rows:subgrid;grid-row:1;align-items:center;position:relative;z-index:4;margin-bottom:32px}.overview-card .overview-image:has(.media) .media-component{--default-image-height: 200px;height:var(--default-image-height);overflow:hidden;border-radius:var(--radius-5)}.overview-card .overview-image:has(.media) .media-component img{transition:transform var(--transition)}.overview-card .overview-image .title{text-align:center;color:var(--white);padding:0 20px;position:relative;z-index:1;transition:text-shadow var(--transition)}.overview-card .overview-image .color-holder{position:relative;overflow:hidden;border-radius:24px;min-height:200px;background:linear-gradient(180deg, var(--white) 0%, var(--grey-100) 100%)}.overview-card .overview-image .color-holder span{display:block;position:absolute}.overview-card:is(a) .overview-image .title{filter:blur(1px)}.overview-card:nth-child(3n+1) .overview-image .color-holder .circle:nth-child(1){--_x: -40%;--_y: -30%;background:radial-gradient(var(--state-color-blue) 50%, transparent 0%);width:160px;height:160px;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(60px);opacity:.8}.overview-card:nth-child(3n+1) .overview-image .color-holder .circle:nth-child(2){--_x: -50%;--_y: 80%;background:radial-gradient(var(--main-brand-color) 50%, transparent 0%);width:160px;height:160px;position:absolute;left:50%;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(50px);opacity:.8}.overview-card:nth-child(3n+2) .overview-image .color-holder .circle:nth-child(1){--_x: -50%;--_y: 60%;background:radial-gradient(var(--state-color-blue) 70%, transparent 0%);width:var(--_small-circle-size);height:var(--_small-circle-size);left:50%;bottom:0;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(40px)}.overview-card:nth-child(3n+2) .overview-image .color-holder .circle:nth-child(2){--_x: -60%;--_y: -50%;background:radial-gradient(var(--main-brand-color) 60%, transparent 0%);width:var(--_medium-circle-size);height:var(--_medium-circle-size);left:0;transform:translateX(var(--_x)) translateY(var(--_y));top:50%;filter:blur(75px)}.overview-card:nth-child(3n+2) .overview-image .color-holder .circle:nth-child(3){--_x: 40%;--_y: -30%;background:radial-gradient(var(--state-color-pink) 60%, transparent 0%);width:var(--_large-circle-size);height:var(--_large-circle-size);right:0;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(75px)}.overview-card:nth-child(3n+3) .overview-image .color-holder .circle:nth-child(1){--_y: 30%;--_x: -35%;background:radial-gradient(var(--main-brand-color) 60%, transparent 0%);width:var(--_small-circle-size);height:var(--_small-circle-size);right:0;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(50px);opacity:.8}.overview-card:nth-child(3n+3) .overview-image .color-holder .circle:nth-child(2){--_y: 42%;--_x: -22%;background:radial-gradient(var(--state-color-red) 70%, transparent 0%);width:var(--_large-circle-size);height:var(--_large-circle-size);left:0;transform:translateX(var(--_x)) translateY(var(--_y));filter:blur(50px);opacity:.4}.overview-card .overview-content{display:grid;grid-template-rows:subgrid;grid-row:span 3}.overview-card .overview-content .btn-wrapper .link-btn{padding-left:0;display:inline-flex;gap:8px;font-weight:500;font-size:var(--body-text-size);color:var(--black);min-height:var(--btn-height-medium);padding-block:8px}.overview-card .overview-content .btn-wrapper .link-btn .icon{width:32px}.overview-card-container:is(.horizontal) .overview-card{grid-row:unset;grid-column:1/-1;grid-template-rows:unset;grid-template-columns:subgrid;row-gap:24px}.overview-card-container:is(.horizontal) .overview-card .overview-image{grid-column:1;margin:0}.overview-card-container:is(.horizontal) .overview-card .overview-content{grid-column:2;grid-row:unset;grid-template-rows:unset}.overview-card:is(a):not([disabled]):active{border-radius:var(--radius-5);background-color:var(--white);box-shadow:var(--card-shadow)}.overview-card:is(a):not([disabled]):active .overview-image .title{filter:blur(0px);text-shadow:0 0 6px color-mix(in srgb, var(--black) 40%, transparent)}.overview-card:is(a):not([disabled]):active .overview-image .media-component img{transform:scale(var(--image-trans-zoom))}.overview-card:is(a):not([disabled]):active .overview-image .color-holder .circle{animation:spin-me-around var(--_animation-duration) ease-in-out var(--_animation-timing)}@media(hover: hover){.overview-card:is(a):not([disabled]):hover{border-radius:var(--radius-5);background-color:var(--white);box-shadow:var(--card-shadow)}.overview-card:is(a):not([disabled]):hover .overview-image .title{filter:blur(0px);text-shadow:0 0 6px color-mix(in srgb, var(--black) 40%, transparent)}.overview-card:is(a):not([disabled]):hover .overview-image .media-component img{transform:scale(var(--image-trans-zoom))}.overview-card:is(a):not([disabled]):hover .overview-image .color-holder .circle{animation:spin-me-around var(--_animation-duration) ease-in-out var(--_animation-timing)}}@media(prefers-reduced-motion: reduce){.overview-card .overview-image .color-holder span{animation:none}}@media(prefers-reduced-transparency: reduce){.overview-card:is(a) .overview-image .title{color:var(--black);filter:blur(0)}}@media(prefers-reduced-transparency: reduce)and (hover: hover){.overview-card:is(a) .overview-image .title:not([disabled]):hover{text-shadow:none}}@media(prefers-reduced-transparency: reduce){.overview-card:is(a) .overview-image .color-holder{background-color:var(--grey-100)}.overview-card:is(a) .overview-image .color-holder span{display:none}}@container overview-card (min-width: 750px){.overview-card-container:is(.horizontal){grid-template-columns:repeat(2, 1fr)}.overview-card-container:is(.horizontal) .overview-card{row-gap:0}}}@keyframes spin-me-around{0%{transform:rotate(0deg) translateX(var(--_x)) translateY(var(--_y))}100%{transform:rotate(360deg) translateX(var(--_x)) translateY(var(--_y))}}
@layer components{.overview-card-grid{display:grid;grid-template-columns:1fr;row-gap:56px}.approach-card .richtext{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@container overview-card (min-width: 750px){.overview-card-container:is(.horizontal) .overview-card .overview-image{max-width:calc(var(--single-column-content-max-width)/2 - var(--component-grid-row-gap))}.overview-card-container:is(.horizontal) .overview-card .overview-image .media-component{--default-image-height: 224px}.overview-card-container:is(.horizontal) .overview-card .overview-content{max-width:52ch}}}