/* Short entrances run once; the resting page stays steady and readable. */
.motion-line { display: inline-block; max-width: 100%; vertical-align: top; padding-bottom: .06em; margin-bottom: -.06em; }
.motion-line-inner { display: block; }
.motion-entry { transition: opacity .6s ease,translate .7s cubic-bezier(.2,.7,.2,1); }
.motion-pending { opacity: 0; translate: 0 16px; }
.button,.text-link,.floating-contact,.filter { transition: transform .25s ease,background .3s,border-color .3s; }
.button .ui-icon,.text-link .ui-icon { transition: transform .3s ease; }
.faq-list summary > span { transition: transform .3s ease; }
.faq-list details[open] .faq-answer { animation: answer-reveal .3s ease both; }
@keyframes answer-reveal { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
@media (hover:hover) and (pointer:fine) {
  .button:hover { transform: translateY(-2px); }
  .button:hover .icon-arrow-up-right,.text-link:hover .icon-arrow-up-right { transform: translate(2px,-2px); }
}
@media (prefers-reduced-motion:reduce) {
  .motion-entry,.motion-pending { opacity: 1; translate: none; transition: none; }
  .faq-list details[open] .faq-answer { animation: none; }
  .button:hover,.button:active,.filter:hover,.filter:active { transform: none; }
}