.section--style { background-color: light-dark(var(--sky-blue-light), var(--brand-blue)); padding: clamp(2rem, 3vw, 4rem); margin-block-end: 4rem; }

.position-title { font-size: 0.9rem; }

@media only screen and (min-width: 48em) {
  .page-header--tiled.panels-2 {
    grid-template-rows: repeat(2,auto);}
}

@media only screen and (min-width: 60em) {
  .page-header--tiled {
    &.panels-2:has(.page-image) .page-image.page-image--portrait {
      grid-column: 10 / span 3;
      grid-row: 1 / span 2;
    }
    &.panels-2:has(.page-image) .page-image.page-image--square {
      grid-column: 5 / span 5;
      grid-row: 1 / span 2;
      /*margin-block-end: -3vw;*/
    }
    &.panels-2:has(.page-image) .page-title-wrapper {
      grid-area: 1 / 1 / span 2 / span 4;
    }
  }
  .page-header--tiled.panels-2 {
    grid-template-rows: repeat(2,18rem);}
}

@media only screen and (min-width: 120em) {
  .page-header--tiled.panels-2 {
    grid-template-rows: repeat(2,21rem);}
}