/* ==========================================================================
   HOMEPAGE PAGE STYLES
   Order: page shell and hero -> page sections -> CTA -> footer
   ========================================================================== */

/* ==========================================================================
   Page: homepage | Inline section styles
   ========================================================================== */
@media (min-width: 900px) {
        .index-capabilities-header {
          display: grid;
          grid-template-columns: minmax(0, 880px) max-content;
          column-gap: 40px;
        }

        .index-capabilities-header .capabilities-meta,
        .index-capabilities-header .capabilities-title,
        .index-capabilities-header .capabilities-intro {
          grid-column: 1;
        }

        .index-capabilities-header .capabilities-button {
          position: static;
          grid-column: 2;
          grid-row: 1 / span 3;
          align-self: start;
          justify-self: end;
          margin-top: 40px;
        }
      }