/* website motion is strictly opt-in; no opacity hidden states (safe even if JS fails) */
body.tc27-site[data-motion-active="true"] [data-tc-motion-effect]{
  --tc-item-delay:0ms;
  transition:transform var(--tc-motion-duration,680ms) cubic-bezier(.2,.78,.2,1) var(--tc-item-delay),opacity var(--tc-motion-duration,680ms) ease var(--tc-item-delay);
  will-change:auto;
}
body.tc27-site[data-motion-active="true"] [data-tc-motion-effect].tc-motion-visible{animation:tc-motion-arrive var(--tc-motion-duration,680ms) cubic-bezier(.2,.78,.2,1) both;animation-delay:var(--tc-item-delay)}
@keyframes tc-motion-arrive{from{opacity:.35;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
body.tc27-site[data-motion-active="true"] [data-tc-motion-effect="Fade"].tc-motion-visible{animation-name:tc-motion-fade}
@keyframes tc-motion-fade{from{opacity:.25}to{opacity:1}}
body.tc27-site[data-motion-active="true"] [data-tc-motion-effect="Zoom"].tc-motion-visible{animation-name:tc-motion-zoom}
@keyframes tc-motion-zoom{from{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
body.tc27-site[data-motion-active="true"] [data-tc-motion-effect="Slide"].tc-motion-visible{animation-name:tc-motion-slide}
@keyframes tc-motion-slide{from{opacity:.3;transform:translate3d(-18px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
body.tc27-site[data-motion-active="true"][data-motion-preset="Immersive"]:not([data-motion-mobile="reduced"]) .tc26-hero-photo{transform:translate3d(0,var(--tc-parallax-offset,0px),0) scale(1.035);will-change:transform}
@media(max-width:767px){body.tc27-site[data-motion-mobile="reduced"] [data-tc-motion-effect].tc-motion-visible{animation-duration:200ms!important;animation-delay:0ms!important}}
@media(prefers-reduced-motion:reduce){body.tc27-site [data-tc-motion-effect]{animation:none!important;transform:none!important;filter:none!important;transition:none!important}}

body.tc27-site[data-motion-active="true"] .tc26-hero-device img{transition:transform var(--tc-motion-duration,680ms) cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){body.tc27-site[data-motion-active="true"] .tc26-hero-device:hover img{transform:scale(1.018)}}
