/* ------------------------------------------------------------------
   Feature cards — illustration + body copy.
   Loaded after the Webflow stylesheets. Self-contained: delete this
   file and its <link> to revert.
   ------------------------------------------------------------------ */

.feature-item .feature-svg {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  display: block;
  border-radius: 8px;
  background: #f4f6ee;
  object-fit: contain;
  margin-top: 2px;
}

.feature-item .text-block {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
}

.feature-item .feature-copy {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #d3e0df;
}

/* copy makes the cards taller — let them size to content and stay even */
.feature-flex { align-items: stretch; }
.feature-item { height: auto; gap: 14px; }

@media screen and (max-width: 991px) {
  .feature-item .text-block { font-size: 16px; line-height: 23px; }
  .feature-item .feature-copy { font-size: 14px; line-height: 21px; }
}