.feature { display: grid; gap: 1.5rem; align-items: center; }
.feature figure, .feature img { margin: 0; border-radius: var(--radius); }
.feature img { width: 100%; max-height: 32rem; object-fit: cover; object-position: center; }
.eyebrow {
  margin: 0 0 0.35rem;
  color: var(--color-blue);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.85rem;
}
@media (max-width: 767px) {
  .feature-media { order: -1; }
}
@media (min-width: 768px) {
  .feature { grid-template-columns: 1fr 1fr; }
  .feature-right .feature-media { order: 2; }
}