.service-list article {
  transition: transform .25s var(--ease), background .25s;
}

.service-list article:hover {
  padding-inline: 6px;
  transform: translateX(6px);
}

@media (prefers-reduced-motion: reduce) {
  .service-list article:hover { transform: none; }
}

@media (max-width: 760px) {
  .blog-grid article img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  .blog-grid article > div { display: block; }
  .footer-bottom span { display: block; }
  .footer-bottom span + span { margin-top: 6px; }
}