/* feature — generated by scripts/split-css.mjs from style.css. Do not edit by hand. */
.feature-component .vimeo-inline {
    max-width: 530px;
}

.feature-component .vimeo-inline .vimeo-wrapper-inline {
        max-height: 347px;
    }

@media (min-width: 768px) {
  .feature-component .vimeo-inline .vimeo-wrapper-inline {
        height: 29vw;
    }
  .feature-component .vimeo-inline .vimeo-wrapper-inline iframe {
            width: 60vw;
        }
}

@media only screen and (min-width: 1024px) {
  .feature-component .vimeo-inline .vimeo-wrapper-inline {
        height: 28vw;
    }
  .feature-component .vimeo-inline .vimeo-wrapper-inline iframe {
            width: 50vw;
        }
}

@media only screen and (min-width: 1265px) {
  .feature-component .vimeo-inline .vimeo-wrapper-inline iframe {
        height: 350px;
    }
}

.feature-component {
    padding-top: 16px;
    padding-bottom: 55px;
}

.feature-component > div {
        margin-bottom: 48px;
    }

@media only screen and (min-width: 1024px) {
  .feature-component {
        padding-bottom: 75px;
    }
}

.feature-component a.secondary-cta {
    margin-left: 16px;
}

.feature-component h2 {
    padding-bottom: 26px;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 768px) {
  .feature-component h2 {
        padding-bottom: 34px;
    }
}

.feature-component p {
    font-size: 16px;
    line-height: 130%;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 768px) {
  .feature-component p {
        font-size: 17px;
    }
}

.feature-component h4 {
    padding-left: 16px;
    padding-right: 16px;
}

.feature-component > div {
    grid-column: span 4;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1024px) {
  .feature-component > div:nth-of-type(odd) {
        grid-column: 1/span 6;
        margin-right: 27px;
    }
  .feature-component > div:nth-of-type(even) {
        grid-column: 7/span 6;
        margin-left: 27px;
    }
}