.block-field-blocknodepagefield-intro-paragraphs .paragraph--type--program-lead-in {
  --g-gutter-m: 20px;
  --g-gutter: 48px;

  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-column-gap: var(--g-gutter-m);
  margin: 0 auto;
  width: 100%;
  max-width: calc(100% - (var(--g-gutter-m) * 2));
  align-items: start;
}

/* Mobile: center-columns(4,4) => 1 / 5 */
.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-title,
.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph {
  grid-column: 1 / 5;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-title h2 {
  margin: 0 !important;
}

.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph > :first-child {
  margin-top: 0 !important;
}

.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph ul {
  list-style: disc;
  padding-left: 1.5em;
}
.block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph ol {
  list-style: decimal;
  padding-left: 1.5em;
}

/* $ph 501px: 12 columns, center-columns(12,12) => 1 / 13 */
@media (min-width: 501px) {
  .block-field-blocknodepagefield-intro-paragraphs .paragraph--type--program-lead-in {
    grid-template-columns: repeat(12, 1fr);
  }
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-title,
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph {
    grid-column: 1 / 13;
  }
}

/* $md 768px */
@media (min-width: 768px) {
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-title {
    grid-column: 1 / 5;
  }
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph {
    grid-column: 5 / 13;
  }
}

/* $lg 1024px */
@media (min-width: 1024px) {
  .block-field-blocknodepagefield-intro-paragraphs .paragraph--type--program-lead-in {
    grid-column-gap: var(--g-gutter);
    max-width: calc(100% - (var(--g-gutter) * 2));
  }
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-title {
    grid-column: 2 / 4;
  }
  .block-field-blocknodepagefield-intro-paragraphs .field--name-field-leadin-paragraph {
    grid-column: 4 / 10;
  }
}

/* $grid-max-width + ($grid-gutter * 4) = 1390 + 192 = 1582px */
@media (min-width: 1582px) {
  .block-field-blocknodepagefield-intro-paragraphs .paragraph--type--program-lead-in {
    max-width: calc(1390px + (var(--g-gutter) * 2));
  }
}

/* $xxl 2000px */
@media (min-width: 2000px) {
  .block-field-blocknodepagefield-intro-paragraphs .paragraph--type--program-lead-in {
    max-width: calc(1575px + (var(--g-gutter) * 2));
  }
}