/* Motion enhances the existing Home identity; content is visible without JS. */
.home-view {
  --home-motion-fast: 200ms;
  --home-motion-normal: 380ms;
  --home-motion-editorial: 760ms;
  --home-motion-ease: cubic-bezier(.22, 1, .36, 1);
}
.home-view .hero-title { transform-origin: left bottom; }
.home-view :is(.home-pack-card, .creation-mockup-wrapper, #bat-doc-sheet) { transform-origin: center bottom; }
.home-view .pack-team.is-pack-visible :is(.pack-garments img, .pack-choose span),
.home-view .pack-team::after { animation: none !important; }
.home-view :is(.hero-actions, .final-cta-actions) > *,
.home-view :is(.pack-choose, .featured-product-card, .home-pack-card) {
  transition: transform var(--home-motion-fast) var(--home-motion-ease),
    box-shadow var(--home-motion-fast) var(--home-motion-ease),
    background-color var(--home-motion-fast) ease;
}
.home-view :is(.hero-actions, .final-cta-actions) > :active,
.home-view .pack-choose:active { transform: scale(.98); }
.home-view :is(a, button):focus-visible { outline: 3px solid var(--home-orange); outline-offset: 5px; }
.home-view :is(.pack-choose, .hero-btn-primary, .final-btn-start) :is(svg, span[aria-hidden]) {
  transition: transform var(--home-motion-fast) var(--home-motion-ease);
}
.home-view #bat-final-seal {
  transition: opacity var(--home-motion-normal) ease, transform var(--home-motion-normal) var(--home-motion-ease);
}
@media (hover: hover) and (pointer: fine) {
  .home-view :is(.home-pack-card, .featured-product-card):hover { transform: translateY(-5px); }
  .home-view :is(.pack-choose, .hero-btn-primary, .final-btn-start):hover :is(svg, span[aria-hidden]) {
    transform: translateX(4px);
  }
}
@media (max-width: 600px) {
  /* The decorative stamp must not cover the two existing signature labels. */
  .home-view #bat-final-seal { position: relative; right: auto; bottom: auto; margin: 20px 0 0 auto; width: fit-content; }
}
@media (prefers-reduced-motion: reduce) {
  .home-view *, .home-view *::before, .home-view *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
  .home-view :is(.home-pack-card, .featured-product-card):hover,
  .home-view :is(.hero-actions, .final-cta-actions) > :active,
  .home-view .pack-choose:active { transform: none; }
  .home-view .bat-doc-container { position: static; }
}