@layer effects{
  .tcs-home .tcs-showcase{perspective:1100px;will-change:transform;}
  html[data-tcs-motion="on"] .tcs-home .tcs-showcase.tcs-tilting>img{transform:perspective(1100px) rotateX(var(--home-tilt-x,0deg)) rotateY(var(--home-tilt-y,0deg)) scale(1.018);filter:drop-shadow(0 18px 32px rgba(15,65,130,.22));}
  html[data-tcs-motion="on"] .tcs-home #hero.tcs-hero-seen .tcs-intro{animation:tcs-home-intro-in .7s cubic-bezier(.2,.7,.2,1) both;}
  @keyframes tcs-home-intro-in{from{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
  @media(prefers-reduced-motion:reduce){.tcs-home .tcs-showcase,.tcs-home .tcs-showcase>img,.tcs-home #hero .tcs-intro{animation:none!important;transition:none!important;transform:none!important;filter:none!important;}}
}