.textbox-block {
  --pad-top-abstract: 4;
  --grid-template-columns: 1fr;
  --grid-gap: calc(var(--baseline) * 4) calc(var(--baseline) * 4);
  --wrapper-ratio: 16/9;

  @media screen and (min-width: 768px) {
    --grid-template-columns: repeat(2, 1fr);
    --grid-gap: calc(var(--baseline) * 6) calc(var(--baseline) * 4);
    --wrapper-ratio: 318/235;
  }
  @media screen and (min-width: 960px) {}
  @media screen and (min-width: 1040px) {}
  @media screen and (min-width: 1181px) {}

  &.digital {
    .item-wrapper {
      border-image: var(--default-gradient-to-bottom) 1;
    }
  }
  &.connect {
    .item-wrapper {
      border-image: var(--connect-gradient-to-bottom) 1;
    }
  }
  &.advisory {
    .item-wrapper {
      border-image: var(--advisory-gradient-to-bottom) 1;
    }
  }
  &.gov {
    .item-wrapper {
      border-image: var(--gov-gradient-to-bottom) 1;
    }
  }

  .inner-wrapper {}

  .block-header {}

  .block-heading {}

  .block-abstract {
    padding-top: calc(var(--baseline) * var(--pad-top-abstract));
  }

  .block-items {
    display: grid;
    grid-template-columns: var(--grid-template-columns);
    gap: var(--grid-gap);
  }

  .block-item {}

  .item-wrapper {
    // aspect-ratio: var(--wrapper-ratio);
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-left: calc(var(--baseline) * 3);

    border-left: 2px solid transparent;
    border-width: 0 0 0 2px;
  }

  .item-header {
    padding-bottom: calc(var(--baseline) * 2);
  }

  .item-heading {}

  .item-abstract {
    margin-top: auto;
  }

  .item-actions {
    padding-top: calc(var(--baseline) * 3);
  }
}