/* Home page overrides, loaded after the bundled stylesheets. */

/* "What we do" service cards
   - Heading -> supporting copy: the original 8px plus 24px on tablets and
     laptops (as in the Services page categories); phones keep 8px.
   - Cards whose service has a section on the Services page link to it: the
     service name is a real link, stretched over the whole card so a click or
     tap anywhere on the card opens it. (Activations and Video Production &
     Photo Shoot aren't on the Services page yet, so they stay unlinked.) */
@media (width >= 621px) {
  .svm .svm-card__text { margin-top: 32px; }
}

.svm .svm-card { position: relative; }
.svm-card__link {
  color: inherit;
  text-decoration: none;
}
.svm-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  border-radius: inherit;
}
/* keyboard focus: ring the whole card rather than just the name */
.svm-card__link:focus-visible { outline: none; }
.svm .svm-card:has(.svm-card__link:focus-visible) {
  outline: 2px solid var(--blue-electric);
  outline-offset: 3px;
}