:root{--spacing-large:2.5rem;--spacing-medium:2rem;--spacing-small:1.5rem;--spacing-xsmall:1rem;--spacing-xxsmall:.5rem;--grid-gap:.5rem;--font-serif:Newsreader,Times New Roman,serif;--font-sans:proxima-nova,Arial,Helvetica,sans-serif}
.card-group-one{width:100%;margin:0 auto}
.card-group-one .cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;align-items:stretch;gap:var(--grid-gap)}
.card-group-one .card-image{grid-column:1 / 2;grid-row:1;background:var(--base-indigo);overflow:hidden;margin-right:calc(-1 * var(--grid-gap));position:relative}
.card-group-one .card-image svg{position:absolute;left:-145px;bottom:41px;width:385px;height:214px}
.card-group-one .card-intro{grid-column:1 / 3;grid-row:2;background:var(--base-indigo);padding:64px 48px;display:flex;gap:var(--spacing-xsmall);flex-direction:column;justify-content:center;margin-top:calc(-1 * var(--grid-gap))}
.card-group-one .card-intro h2,.card-group-one .card-intro p{color:#fff;font-style:normal;margin:0;padding:0}
.card-group-one .card-intro h2{font-family:var(--font-serif);font-size:48px;font-weight:500;line-height:56px}
.card-group-one .card-intro p{font-family:var(--font-sans);font-size:24px;font-weight:400;line-height:32px}
.card-group-one .card--span-two{grid-column:span 2}
.card-group-one .card{all:unset;display:flex;flex-direction:column;padding:var(--spacing-small);background:var(--background-light-blue-1);width:auto;max-width:314px}
.card-group-one .card p{font-style:normal;color:var(--text-primary)}
.card-group-one .card h4{color:var(--text-secondary);font-family:var(--font-serif);font-size:24px;font-weight:500;line-height:32px;margin-bottom:var(--spacing-xxsmall)}
.card-group-one .card p{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:27px}
.card-group-one .card a.button.button-tertiary{text-align:left}
@media only screen and (min-width:1280px) and (max-width:1439px){.card-group-one .card-image svg{left:-147px;top:67px}
}
@media only screen and (min-width:768px) and (max-width:1279px){.card-group-one .card{max-width:100%}
.card-group-one .cards-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}
.card-group-one .card-intro{grid-column:1 / 3;grid-row:1;margin-top:0;margin-bottom:calc(-1 * var(--grid-gap))}
.card-group-one .card-image{grid-column:1 / 2;grid-row:2;margin-right:calc(-1 * var(--grid-gap));height:268px}
}
@media only screen and (min-width:1024px) and (max-width:1279px){.card-group-one .card-image svg{width:431px;height:240px;left:-168px;top:14px}
}
@media only screen and (min-width:768px) and (max-width:1023px){.card-group-one .card-image svg{width:412px;height:229px;left:-161px;top:21px}
}
@media only screen and (max-width:1023px){.card-group-one .card h4{font-size:20px;line-height:28px}
.card-group-one .card p,.card-group-one .card-intro p{font-size:16px;line-height:24px}
.card-group-one .card-intro h2{font-size:24px;line-height:32px}
}
.card-group-one .cards-grid[data-card-count="4"] .card-image{grid-row:2;margin-top:calc(-2 * var(--grid-gap));grid-column:1 / 3;margin-right:0}
.card-group-one .cards-grid[data-card-count="4"] .card-intro{grid-row:1;margin-top:0}
.card-group-one .cards-grid[data-card-count="4"] .card-image svg{width:477.777px;aspect-ratio:185/103;position:absolute;left:-150px;top:28px}
@media only screen and (min-width:1280px) and (max-width:1439px){.card-group-one .cards-grid[data-card-count="4"] .card-image svg{width:529.813px;height:294px;aspect-ratio:173/96;position:absolute;left:-205px;top:24px}
}
@media only screen and (min-width:768px) and (max-width:1279px){.card-group-one .cards-grid[data-card-count="4"]{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto}
.card-group-one .cards-grid[data-card-count="4"] .card-intro,.card-group-one .cards-grid[data-card-count="4"] .card-image{height:100%}
.card-group-one .cards-grid[data-card-count="4"] .card-intro{grid-column:2 / 3;grid-row:1;margin-top:0;margin-left:calc(-2 * var(--grid-gap))}
.card-group-one .cards-grid[data-card-count="4"] .card-image{grid-column:1 / 2;grid-row:1;margin-right:0;margin-top:0}
}
@media only screen and (min-width:1024px) and (max-width:1279px){.card-group-one .cards-grid[data-card-count="4"] .card-intro,.card-group-one .cards-grid[data-card-count="4"] .card-image{min-height:350px}
.card-group-one .cards-grid[data-card-count="4"] .card-image svg{width:488.693px;height:272px;aspect-ratio:106/59;left:-192px;align-self:center}
}
@media only screen and (min-width:768px) and (max-width:1023px){.card-group-one .cards-grid{grid-auto-rows:auto 1fr 1fr 1fr}
.card-group-one .cards-grid[data-card-count="4"] .card-intro,.card-group-one .cards-grid[data-card-count="4"] .card-image,.card-group-one .cards-grid .card-image{min-height:272px}
.card-group-one .cards-grid[data-card-count="4"] .card-image svg{width:387.795px;height:216px;aspect-ratio:386/215;left:-150px;align-self:center}
}
@media only screen and (max-width:767px){.card-group-one{max-width:100%;padding:0}
.card-group-one .cards-grid,.card-group-one .cards-grid[data-card-count="4"]{grid-template-columns:1fr;grid-auto-rows:auto}
.card-group-one .card-intro,.card-group-one .cards-grid[data-card-count="4"] .card-intro{grid-column:1;grid-row:1;margin-top:0;margin-bottom:0;padding:40px 48px}
.card-group-one .card-image,.card-group-one .cards-grid[data-card-count="4"] .card-image{grid-column:1;grid-row:2;margin:calc(-2 * var(--grid-gap)) 0;margin-right:0;height:200px}
.card-group-one .card-image svg,.card-group-one .cards-grid[data-card-count="4"] .card-image svg{width:279.805px;height:155px;aspect-ratio:139/77;left:-108px;top:8px}
.card-group-one .card{max-width:100%}
.card-group-one .card--span-two{grid-column:1}
}