@layer components {
  .dig-editorial-feature { padding-block: var(--dig-section-space); color: var(--dig-color-on-canvas, var(--dig-color-text)); }
  .dig-editorial-feature__inner { display: grid; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
  .dig-editorial-feature--with-image .dig-editorial-feature__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .dig-editorial-feature__content { min-width: 0; }
  .dig-editorial-feature__content > .dig-btn { margin-block-start: var(--dig-spacing-lg); }
  .dig-editorial-feature__eyebrow { font-family: var(--dig-font-mono); color: var(--dig-color-text-muted); }
  .dig-editorial-feature__title { margin: 0 0 var(--dig-spacing-md); font-size: clamp(1.75rem, 1.3rem + 2vw, 3rem); line-height: var(--dig-line-height-tight); text-wrap: balance; overflow-wrap: anywhere; }
  .dig-editorial-feature__intro { max-width: 65ch; line-height: var(--dig-line-height-body); }
  .dig-editorial-feature__media { min-width: 0; margin: 0; }
  .dig-editorial-feature__media img { display: block; width: 100%; height: auto; }
  .dig-editorial-feature__media--portrait { width: min(100%, 28rem); justify-self: center; }
  .dig-editorial-feature--image_left .dig-editorial-feature__media { grid-column: 1; grid-row: 1; }
  .dig-editorial-feature--image_left.dig-editorial-feature--with-image .dig-editorial-feature__content { grid-column: 2; }
  @media (max-width: 48rem) {
    .dig-editorial-feature--with-image .dig-editorial-feature__inner { grid-template-columns: minmax(0, 1fr); }
    .dig-editorial-feature--image_left .dig-editorial-feature__media,
    .dig-editorial-feature--image_left.dig-editorial-feature--with-image .dig-editorial-feature__content { grid-column: auto; grid-row: auto; }
  }
}