/* Subtle homepage motion: load slides + scroll reveals. Never hide content without JS. */

@keyframes sth-title-slide {
  from { opacity: 0; transform: translate3d(-1.2rem, 0.4rem, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes sth-fade-up {
  from { opacity: 0; transform: translate3d(0, 0.65rem, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes sth-photo-in {
  from { opacity: 0.4; transform: scale(1.06); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes sth-veil-in {
  from { opacity: 0.2; }
  to { opacity: 1; }
}

.sth-hero-title,
.tx-hero-id h1,
.ls-issue h1,
.ed-buybar h1,
.sth-hero-card h1 {
  animation: sth-title-slide 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.tx-hero-id .lead,
.tx-hero-id .sth-kicker,
.tx-hero-id .kicker,
.sth-hero-sub,
.sth-hero-card .sth-kicker,
.ls-issue .lead,
.ed-buybar .sth-kicker {
  animation: sth-fade-up 0.8s ease both;
  animation-delay: 0.1s;
}
.tx-hero-id .btn,
.tx-hero-id .btn-primary,
.sth-hero-card .btn-primary,
.ed-buybar .actions {
  animation: sth-fade-up 0.75s ease both;
  animation-delay: 0.2s;
}

.tx-hero-photo,
.sth-hero-photo,
.ed-scene > img {
  animation: sth-photo-in 1.2s ease-out both;
  transform-origin: center center;
}
.tx-hero-veil,
.sth-hero-veil,
.ed-scene .ed-buybar {
  animation: sth-veil-in 1.1s ease both;
}

.sth-motion-ready [data-motion] {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity 0.65s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: calc(var(--sth-i, 0) * 55ms);
}
.sth-motion-ready [data-motion="left"] { transform: translate3d(-14px, 0, 0); }
.sth-motion-ready [data-motion="right"] { transform: translate3d(14px, 0, 0); }
.sth-motion-ready [data-motion="fade"] { transform: none; }
.sth-motion-ready [data-motion].is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .sth-hero-title,
  .tx-hero-id h1,
  .ls-issue h1,
  .ed-buybar h1,
  .sth-hero-card h1,
  .tx-hero-id .lead,
  .tx-hero-id .sth-kicker,
  .tx-hero-id .kicker,
  .sth-hero-sub,
  .sth-hero-card .sth-kicker,
  .ls-issue .lead,
  .ed-buybar .sth-kicker,
  .tx-hero-id .btn,
  .tx-hero-id .btn-primary,
  .sth-hero-card .btn-primary,
  .ed-buybar .actions,
  .tx-hero-photo,
  .sth-hero-photo,
  .ed-scene > img,
  .tx-hero-veil,
  .sth-hero-veil,
  .ed-scene .ed-buybar {
    animation: none !important;
  }
  .sth-motion-ready [data-motion] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}