/* Owner-local rebuild: Energy Semirechye (S05) and Altyn Dala (S07) only.
 * Photo dimensions cannot size the grid row; each native icon follows its own
 * content-height fact. Typography remains in enterprise-fact-typography.css.
 */
.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__visuals {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  min-height: 0;
  height: auto;
  gap: clamp(24px, 2.25vw, 32px);
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__figure {
  position: relative;
  align-self: stretch;
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__figure img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__figure--altyn-dala img {
  object-position: 50% 100%;
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__facts-layout {
  --compact-fact-icon: 44px;
  --compact-fact-gap: 16px;
  --compact-fact-copy-gap: 18px;
  --compact-connector-width: calc(var(--compact-fact-icon) * 4 / 36.850394);
  display: block;
  min-height: 0;
  height: auto;
  padding: 24px;
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: none;
  grid-auto-rows: auto;
  align-content: start;
  align-self: auto;
  height: auto;
  block-size: auto;
  gap: var(--compact-fact-gap);
}

.renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__fact {
  position: relative;
  display: block;
  min-height: var(--compact-fact-icon);
  padding-inline-start: calc(var(--compact-fact-icon) + var(--compact-fact-copy-gap));
}

/* The SVG viewports crop the existing native rail; icons/dots never stretch. */
.renewable-enterprise--compact .renewable-compact-icon,
.renewable-enterprise--compact .renewable-compact-stem,
.renewable-enterprise--compact .renewable-compact-dot {
  position: absolute;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

.renewable-enterprise--compact .renewable-compact-icon {
  top: 0;
  inset-inline-start: 0;
  width: var(--compact-fact-icon);
  height: var(--compact-fact-icon);
}

.renewable-enterprise--compact .renewable-compact-stem,
.renewable-enterprise--compact .renewable-compact-dot {
  inset-inline-start: calc((var(--compact-fact-icon) - var(--compact-connector-width)) / 2);
  width: var(--compact-connector-width);
}

.renewable-enterprise--compact .renewable-compact-stem {
  top: var(--compact-fact-icon);
  height: calc(100% - var(--compact-fact-icon) + var(--compact-fact-gap));
}

.renewable-enterprise--compact .renewable-compact-dot {
  bottom: calc(0px - var(--compact-fact-gap));
  height: var(--compact-connector-width);
}

@media (max-width: 64rem) {
  .renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__visuals {
    grid-template-columns: minmax(0, 1fr);
  }

  .renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__figure {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 40rem) {
  .renewable-enterprise.renewable-enterprise--compact .renewable-enterprise__facts-layout {
    --compact-fact-icon: 40px;
    --compact-fact-copy-gap: 14px;
    padding: 20px 18px;
  }
}