/* DE Feature Row. Figma 1974:113917.
   The root is the size container; .de26-feature-row__inner holds the grid so container queries can target it. */
[data-de26].de26-feature-row {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  font-family: var(--de26-font-body);
  color: var(--de26-space);
  container-type: inline-size;
}
[data-de26] .de26-feature-row__inner { display: grid; grid-template-columns: minmax(0, 610fr) minmax(0, 590fr); align-items: center; }
[data-de26].de26-feature-row--left .de26-feature-row__inner { grid-template-columns: minmax(0, 590fr) minmax(0, 610fr); }
[data-de26].de26-feature-row--left .de26-feature-row__image { order: -1; }
[data-de26] .de26-feature-row__text { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 51px; }
[data-de26] .de26-feature-row__logo { display: block; height: 40px; width: auto; max-width: 100%; margin: 0; border: 0; }
[data-de26] .de26-feature-row__heading { margin: 0; font-family: inherit; font-size: 42px; font-weight: 700; line-height: 1; color: var(--de26-space); }
[data-de26] .de26-feature-row__body { margin: -10px 0 0; font-size: 18px; font-weight: 400; line-height: 1.6; color: var(--de26-fg); }
[data-de26] .de26-feature-row__image { display: block; width: 100%; aspect-ratio: 590 / 332; height: auto; max-width: 100%; margin: 0; border: 0; border-radius: 26px; object-fit: cover; }
@container (max-width: 767px) {
  [data-de26] .de26-feature-row__inner,
  [data-de26].de26-feature-row--left .de26-feature-row__inner { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  [data-de26] .de26-feature-row__image,
  [data-de26].de26-feature-row--left .de26-feature-row__image { order: -1; }
  [data-de26] .de26-feature-row__text { padding: 0; }
  [data-de26] .de26-feature-row__heading { font-size: 32px; }
}