.ccg-hero{background:var(--surface-sunken);position:relative}.ccg-hero--dark{background:linear-gradient(100deg,var(--scrim),var(--scrim-soft)),linear-gradient(135deg,var(--brand-strong),var(--brand) 65%,var(--brand-600))}.ccg-hero--dark[style*="--hero-image"]{background:linear-gradient(100deg,var(--scrim),var(--scrim-soft)),var(--hero-image) var(--focal,center) /cover no-repeat}.ccg-hero__canvas{align-content:center;padding-block:var(--section-space);row-gap:var(--space-5)}.ccg-hero--tall .ccg-hero__canvas{min-height:40rem}.ccg-hero--standard .ccg-hero__canvas{min-height:28rem}.ccg-hero--compact .ccg-hero__canvas{min-height:0;padding-block:var(--section-tight)}.ccg-hero__heading{margin:0}.ccg-hero__aside .ccg-btn-row{margin-block-start:var(--space-5)}.ccg-hero--compact .ccg-hero__copy,.ccg-hero--standard .ccg-hero__copy,.ccg-hero--tall .ccg-hero__copy{grid-column:col-start 1/span 8}.ccg-hero--compact .ccg-hero__aside,.ccg-hero--standard .ccg-hero__aside,.ccg-hero--tall .ccg-hero__aside{grid-column:col-start 1/span 5}.ccg-hero--display .ccg-hero__copy{grid-column:col-start 1/span 11;grid-row:1}.ccg-hero--display .ccg-hero__aside{grid-column:col-start 7/span 5;grid-row:2;margin-block-start:var(--space-6)}.ccg-hero--display .ccg-hero__canvas{row-gap:0}.ccg-hero--display .ccg-hero__aside{border-block-start:1px solid var(--line);padding-block-start:var(--space-5)}.ccg-hero--split{background:var(--surface)}.ccg-hero--split .ccg-hero__media{background:var(--tint-brand-08);grid-column:col-start 7/full-end;grid-row:1/span 2;margin:0;min-height:30rem;overflow:hidden}.ccg-hero--split .ccg-hero__media img{display:block;height:100%;object-fit:cover;object-position:var(--focal,center);width:100%}.ccg-hero--split .ccg-hero__copy{align-self:end;grid-column:col-start 1/span 5;grid-row:1}.ccg-hero--split .ccg-hero__aside{align-self:start;grid-column:col-start 1/span 5;grid-row:2}.ccg-hero--split .ccg-hero__canvas{align-content:center}.ccg-hero--split:not(:has(.ccg-hero__media)) .ccg-hero__aside,.ccg-hero--split:not(:has(.ccg-hero__media)) .ccg-hero__copy{grid-column:col-start 1/span 8}@media (max-width:1023px){.ccg-hero__aside,.ccg-hero__copy,.ccg-hero__media{grid-column:content;grid-row:auto}.ccg-hero--display .ccg-hero__aside{margin-block-start:var(--space-5)}.ccg-hero--split .ccg-hero__media{aspect-ratio:16/10;border-radius:var(--radius-card);min-height:0;order:-1}.ccg-hero--standard .ccg-hero__canvas,.ccg-hero--tall .ccg-hero__canvas{min-height:0}.ccg-hero__canvas{row-gap:var(--space-5)}}