.feature-card .feature-tile {
  width: 100%;
  height: 118px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  margin-bottom: 1.1rem;
  box-shadow: 0 8px 22px rgba(30, 3, 56, .14);
  transition: transform var(--transition);
}

.feature-card:hover .feature-tile {
  transform: scale(1.02);
}

.mode-card .mode-tile {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 14px;
  margin: 0 0 1.25rem;
  box-shadow: 0 10px 26px rgba(30, 3, 56, .16);
  transition: transform var(--transition);
}

.mode-card:hover .mode-tile { transform: scale(1.015); }

@media (max-width: 480px) {
  .feature-card .feature-tile { height: 132px; }
  .mode-card .mode-tile { height: 140px; }
}