@media (prefers-reduced-motion: no-preference) {
  .sui-hero-background img {transform-origin:70% 55%}
  .sui-header .sui-nav-book,
  .sui-concept .wp-block-button__link,
  .sui-about .wp-block-button__link,
  .sui-detail .wp-block-button__link {
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, translate .3s ease;
  }
  .sui-herb-card,.sui-link-card {transition:translate .4s ease,box-shadow .4s ease}
  .sui-link-card h3 a span {display:inline-block;transition:translate .3s ease}
  @media (hover:hover) and (pointer:fine) {
    .sui-herb-card:hover,.sui-link-card:hover {translate:0 -4px}
    .sui-link-card:hover h3 a span {translate:4px 0}
    .sui-header .sui-nav-book:hover,
    .sui-concept .wp-block-button__link:hover,
    .sui-about .wp-block-button__link:hover,
    .sui-detail .wp-block-button__link:hover {
      translate:0 -2px;box-shadow:0 5px 14px #287d6c20;
    }
  }
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
}
@media print {
  .sui-hero-background img,.sui-herb-card,.sui-link-card,.sui-concept-copy,.sui-about-copy {opacity:1!important;transform:none!important}
}