message: chore(logo-grid): drift away from BEM concatenation
  ### Description
  This change to logo grid style drifts away from BEM concatenation, so the style can be reused with Web Components.
  ### Changelog
  **Changed**
  A change to logo grid style drifts away from BEM concatenation, so the style can be reused with Web Components.
diff: margin: $layout-05 0;
  }
  }
  - &__container {
  - border-bottom: 1px $ui-04 solid;
  - }
  -
  - &__no-border {
  - .#{$prefix}--logo-grid__container {
  - border-bottom: none;
  - }
  - }
  .#{$prefix}--card__wrapper {
  width: 100%;
  .#{$prefix}--content-block__cta {
  margin-top: $layout-01;
  margin-bottom: $layout-07;
  +
  @include carbon--make-col-ready;
  @include carbon--make-col(1, 1);
  margin-left: 0;
  }
  - &__link {
  + .#{$prefix}--image {
  display: block;
  + background: $inverse-01;
  + overflow-y: hidden;
  + padding-top: aspect-ratio(288px, 216px);
  + position: relative;
  +
  + &:hover img {
  + border: 1px $ui-04 solid;
  + }
  + &:active img {
  + border: 1px $ui-03 solid;
  + }
  +
  + img {
  + position: absolute;
  + top: 0;
  + display: block;
  + width: 100%;
  + height: auto;
  + object-fit: contain;
  + }
  + }
  + }
  +
  + .#{$prefix}--logo-grid__container {
  + border-bottom: 1px $ui-04 solid;
  + }
  +
  + .#{$prefix}--logo-grid__no-border {
  + .#{$prefix}--logo-grid__container {
  + border-bottom: none;
  + }
  + }
  +
  + .#{$prefix}--logo-grid__link {
  + display: block;
  +
  &:hover .#{$prefix}--logo-grid__logo {
  box-shadow: inset 0 0 0 1px $ui-04;
  }
  +
  &:active .#{$prefix}--logo-grid__logo {
  box-shadow: inset 0 0 0 1px $ui-03;
  }
  }
  - &__row {
  + .#{$prefix}--logo-grid__row {
  @include carbon--make-row;
  }
  - &__col {
  + .#{$prefix}--logo-grid__col {
  @include carbon--make-col-ready;
  @include carbon--make-col(1, 2);
  }
  }
  - &__heading {
  + .#{$prefix}--logo-grid__heading {
  @include carbon--type-style('expressive-heading-05');
  width: 90%;
  margin-bottom: $carbon--spacing-07;
  }
  - &__wrapper {
  - width: 100%;
  - }
  -
  - .#{$prefix}--image {
  - display: block;
  - background: $inverse-01;
  - overflow-y: hidden;
  - padding-top: aspect-ratio(288px, 216px);
  - position: relative;
  -
  - &:hover img {
  - border: 1px $ui-04 solid;
  - }
  - &:active img {
  - border: 1px $ui-03 solid;
  - }
  -
  - img {
  - position: absolute;
  - top: 0;
  - display: block;
  + .#{$prefix}--logo-grid__wrapper {
  width: 100%;
  - height: auto;
  - object-fit: contain;
  - }
  - }
  }
  }
  @include exports('logo-grid') {
  