/* "Built. Hosted. Handled." → "Make a good first impression" hand-off.
 * The emblem card straddles the colour change into the showcase tint and
 * floats over it with a soft shadow. On phones the card is tall, so the
 * colour change sits behind its last row and reads as a soft blend. */
.emblems {
  position: relative;
  z-index: 3;
  padding-bottom: 0;
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 62%, var(--tint) 62%);
}
.emblems__grid {
  box-shadow: 0 1px 2px rgba(21, 32, 59, .06), 0 30px 60px -28px rgba(21, 32, 59, .28);
}
.fx .fx__copy { padding-top: 88px; }

@media (max-width: 640px) {
  .emblems { background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 78%, var(--tint) 78%); }
  .fx .fx__copy { padding-top: 72px; }
}