.cinf-about {
  margin-top:var(--institutional-overlap,0px);
  --cinf-about-padding:var(--space-structural-lg);
  position:relative;
  z-index:1;
  color:var(--color-text-primary);
  padding-block:0 var(--institutional-bottom-space,0px);
}
/* Exclude only this section from the legacy page-wrapper reveal. */
.site-main > .cinf-about {opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.cinf-about__inner {
  width:min(calc(100% - (2 * var(--grid-margin-minimal))),var(--site-max,1380px));
  box-sizing:border-box;
  margin-inline:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:var(--space-component-xl);
  background:var(--color-white);
  border-radius:16px;
  padding:var(--space-component-sm);
}
.cinf-about__media {
  margin:0;min-width:0;align-self:stretch;
}
.cinf-about__placeholder {
  position:relative;width:100%;aspect-ratio:4 / 3;background:var(--color-purple-100);
  height:100%;min-height:0;
  border-radius:8px;
  overflow:hidden;
}
.cinf-about__pending {font-size:var(--type-body-secondary-size);line-height:var(--type-body-secondary-leading)}
.cinf-about__content {display:grid;gap:var(--space-structural-sm);min-width:0;padding:var(--space-component-lg)}
.cinf-about__metrics {width:min(calc(100% - (2 * var(--grid-margin-minimal))),var(--site-max,1380px));margin:var(--space-component-xl) auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-component-lg)}
.cinf-about__metrics[hidden] {display:none}
.cinf-about__metrics > [data-metric-tone="brand"] {background:var(--color-brand-primary-subtle)}
.cinf-about__metrics > [data-metric-tone="action"] {background:var(--color-orange-100)}
.cinf-about__metrics > [data-metric-tone="neutral"] {background:var(--color-bg-surface)}
.cinf-about__metrics > [data-metric-tone="success"] {background:var(--color-feedback-success-surface)}
.cinf-about__metrics > [data-metric-tone="warning"] {background:var(--color-feedback-warning-surface)}
.cinf-about__metrics > [data-metric-tone="danger"] {background:var(--color-feedback-danger-surface)}
.cinf-about__metrics > div {min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-component-lg);padding:var(--space-component-xl);background:var(--color-purple-50);border-radius:16px;text-align:left;overflow-wrap:anywhere}
.cinf-about__metrics dt {display:flex;align-items:flex-start;gap:var(--space-component-sm);color:var(--color-zinc-900);font-size:var(--type-body-lead-size);line-height:var(--type-body-lead-leading)}
.cinf-about__metrics dt .octopus-icon {flex-shrink:0;color:inherit}
.cinf-about__metrics dt span {min-width:0}
.cinf-about__metrics dd {
  margin:auto 0 0;padding-top:var(--space-component-lg);border-top:1px solid currentColor;color:var(--color-zinc-900);
  font-family:var(--font-sans);
  font-size:var(--type-metric-xl-size);
  font-weight:var(--type-metric-xl-weight);
  line-height:var(--type-metric-xl-line-height);
  letter-spacing:var(--type-metric-xl-tracking);
  font-variant-numeric:tabular-nums;
}
.cinf-about__pending {margin-block:var(--space-component-sm) 0}
.cinf-about__metrics .cinf-metric-counter {display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap}
.cinf-about__metrics .cinf-metric-counter__digit {display:inline-flex;height:1.3em;overflow:hidden;flex-shrink:0}
.cinf-about__metrics .cinf-metric-counter__track {display:flex;flex-direction:column;align-items:center;height:max-content;transform:translateY(0)}
.cinf-about__metrics .cinf-metric-counter__track > span {display:flex;align-items:center;justify-content:center;height:1.3em;flex-shrink:0}
.cinf-about__metrics .cinf-metric-counter.is-counting .cinf-metric-counter__track {transform:translateY(var(--counter-distance));transition:transform var(--motion-duration-expressive-celebration) var(--motion-easing-enter) var(--counter-delay)}
.cinf-about__metrics .cinf-metric-counter__suffix {display:inline-flex;align-items:center;height:1.3em}
@media(prefers-reduced-motion:reduce){.cinf-about__metrics .cinf-metric-counter__track{transform:translateY(var(--counter-distance));transition:none}}
@media(max-width:63.999rem) {
  .cinf-about__inner {grid-template-columns:1fr}
  .cinf-about__metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:40rem) {
  .cinf-about__metrics dd {font-size:var(--type-heading-1-size)}
  .cinf-about__inner {width:calc(100% - (2 * var(--grid-margin-xs)))}
  .cinf-about {--cinf-about-padding:var(--space-structural-md);margin-top:var(--institutional-overlap-mobile,var(--institutional-overlap,0px))}
  .cinf-about__content {padding:var(--space-component-xs)}
  .cinf-about__metrics {width:calc(100% - (2 * var(--grid-margin-xs)));grid-template-columns:1fr}
}
.cinf-about__placeholder img {
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;
  transform-origin:center 55%;
  transition:transform var(--motion-duration-base) var(--motion-ease-standard);
}
/* Same image-only zoom as Editorial Card; the white card stays stationary. */
.cinf-about__inner:is(:hover, :focus-within) .cinf-about__placeholder img { transform:scale(1.12); }
@media(prefers-reduced-motion:reduce) {
  .cinf-about__inner .cinf-about__placeholder img,
  .cinf-about__inner:is(:hover, :focus-within) .cinf-about__placeholder img { transition:none;transform:none; }
}
