@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .about-company__media,
  .about-timeline>li,
  .about-explore__grid>a {
    transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease;
  }

  .about-company__media img {
    transition:transform .55s cubic-bezier(.22,1,.36,1);
  }

  .about-company__media:hover {
    box-shadow:0 1.6rem 3.4rem rgba(20,60,112,.16);
    transform:translateY(-4px);
  }

  .about-company__media:hover img {
    transform:scale(1.025);
  }

  .about-timeline>li:hover {
    transform:translateY(-5px);
  }

  .about-timeline>li:hover time {
    color:#1670ef;
  }

  .about-explore__grid>a:hover {
    border-color:rgba(22,112,239,.34);
    box-shadow:0 1.2rem 2.7rem rgba(18,74,145,.13);
    transform:translateY(-5px);
  }

  .about-explore__grid>a em::after,
  .about-button span {
    transition:transform .24s ease;
  }

  .about-explore__grid>a:hover em::after,
  .about-button:hover span {
    transform:translateX(3px);
  }
}

@media(max-width:760px) and (prefers-reduced-motion:no-preference) {
  .about-motion-ready .about-hero__background {
    transform-origin:58% center;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }

  .about-hero__background,
  .about-company__media,
  .about-company__media img,
  .about-timeline>li,
  .about-cert,
  .about-explore__grid>a,
  .about-button span {
    animation:none!important;
    transition:none!important;
  }
}