/* Contact actions v7
 *
 * Lands contact links on the actionable phone and WeCom controls instead of
 * the preceding team image. This is versioned because theme assets are served
 * with a one-year immutable cache policy.
 */

#contact-actions {
  scroll-margin-top: calc(50vh - 43px);
  scroll-margin-top: max(84px, calc(50vh - 43px));
  scroll-margin-top: max(84px, calc(50svh - 43px));
}

#contact-actions:target {
  animation: contact-actions-arrive 720ms ease-out;
}

@keyframes contact-actions-arrive {
  0% {
    outline: 3px solid rgba(219, 250, 231, .82);
    outline-offset: 5px;
  }
  100% {
    outline: 3px solid rgba(219, 250, 231, 0);
    outline-offset: 13px;
  }
}

@media (max-width: 760px) {
  #contact-actions {
    scroll-margin-top: calc(50vh - 94px);
    scroll-margin-top: max(84px, calc(50vh - 94px));
    scroll-margin-top: max(84px, calc(50svh - 94px));
  }
}

@media (prefers-reduced-motion: reduce) {
  #contact-actions:target {
    animation: none;
  }
}