.staggered .section {
     padding: 1.5em 0;
     margin: 0 auto;
}

.section:nth-child(2n+1) {
     background: #f2f2f2 url(circles-left.png) left top no-repeat;
}

.section:nth-child(2n+2) {
     background: #eee9f0 url(circles-right.png) right top no-repeat;
}

.section_intro {
     padding: 0 1.5em;
     position: relative;
}

.section_intro .lede {
     padding: 1.5em;
     background-color: #fcfbfb;
}

.staggered .lede h2 {
     margin: 0 0 .5rem;
}

.section .details {
     margin: 0 1.5em;
}

@media screen and (min-width: 48em){

     .staggered .section {
          margin-bottom: .25em;
          padding: 2.75em 0;
     }

     .section_intro {
          display: flex;
          align-items: center;
     }

     .section_intro .lede {
          margin-left: -5%;
          padding: 2.5em;
          width: 65%;
          z-index: 2;
          transform: translateX(10%);
     }

     .section:nth-child(2n+2) .lede {
          margin-right: 5%;
          margin-left: -15%;
          order: 2;
     }


.section img {
     max-width: 25em;
}

     .section .details {
          margin: 0 2.5em;
          display: flex;
          justify-content: space-between;
     }

     .section .column {
          flex-basis: 48%;
          gap: 1em;
     }
}