@media (min-width: 768px) {
  .pi-behind-scenes {
    --pi-behind-scenes-columns: var(--pi-behind-scenes-columns-desktop);
    --pi-behind-scenes-heading-size: 2.75rem;
    --pi-behind-scenes-pad-top: 2.75rem;
    --pi-behind-scenes-pad-x: 0.85rem;
    --pi-behind-scenes-pad-bottom: 1.45rem;
    --pi-behind-scenes-heading-gap: 1.45rem;
    --pi-behind-scenes-gap: 0.65rem;
  }
}

@media (min-width: 1200px) {
  .pi-behind-scenes {
    --pi-behind-scenes-heading-size: 3.15rem;
  }
}