/* V32: restrained, reversible entry and exit; no hidden JS-dependent content. */
@media (prefers-reduced-motion: no-preference) {
  .td-hero { animation: tender-hero-enter 480ms ease-out both; }
  @keyframes tender-hero-enter {
    from { opacity: .2; translate: 0 16px; }
    to { opacity: 1; translate: 0 0; }
  }
  @supports (animation-timeline: view()) {
    .td-main > .td-panel:not(.td-hero), .td-main > .feature-intro {
      animation: tender-scroll-passage 1s linear both;
      animation-timeline: view(block);
      animation-range: entry 0% exit 100%;
    }
    .td-main > .td-panel:focus-within,
    .td-main > .feature-intro:focus-within,
    .td-main > .td-panel:target,
    .td-main > .feature-intro:target {
      animation: none;
      opacity: 1;
      translate: none;
    }
    @keyframes tender-scroll-passage {
      0% { opacity: .08; translate: 0 24px; }
      22%, 78% { opacity: 1; translate: 0 0; }
      100% { opacity: .08; translate: 0 -18px; }
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .td-main > .td-panel, .td-main > .feature-intro {
    animation: none;
    opacity: 1;
    translate: none;
  }
}