.case-study-callout[data-v-6b793817]{background-clip:border-box;border:1px dotted var(--color-primary);display:grid;gap:1px;grid-template-areas:var(--v35b01aab);grid-template-columns:11ch 1fr;padding:0;position:relative;--_bubble-width:0}.case-study-callout[data-v-6b793817]>*{padding:calc(var(--default-padding)/2)}.case-study-callout[data-v-6b793817]:has(.case-study-callout__icon){--_bubble-width:1.75em}.case-study-callout__icon[data-v-6b793817]{aspect-ratio:1;background-color:var(--color-bg);border-block:3px double var(--color-primary);border-inline:var(--hairline-border-primary);border-radius:50%;color:var(--color-primary);display:grid;left:calc(var(--_bubble-width)/-2 - 1px);padding:0;place-items:center;position:absolute;top:calc(var(--_bubble-width)/-2 - 1px);width:var(--_bubble-width);z-index:1}@container style(--html-layout:"mobile"){.case-study-callout__icon[data-v-6b793817]{left:calc(var(--_bubble-width)/-3 - 1px)}}.case-study-callout__icon>.icon[data-v-6b793817]{height:60%;width:60%}.case-study-callout__graphic[data-v-6b793817]{align-items:end;display:grid;grid-area:g;padding:calc(var(--default-padding)/3) calc(var(--default-padding)/3) 0 calc(var(--default-padding)/3)}.case-study-callout__header[data-v-6b793817]{grid-area:h;line-height:100%;padding-block:calc(var(--default-padding)/2) calc(var(--default-padding)/3);padding-inline-end:calc(var(--default-padding)/2);padding-inline-start:calc(var(--_bubble-width)*.5)}.case-study-callout__header-icon[data-v-6b793817]{align-items:center;background-color:hsl(from var(--color-primary) h s l/.333);border-radius:6px;display:inline-flex;justify-content:center;padding:.25rem}.case-study-callout__content[data-v-6b793817]{grid-area:c}