/* Tamiyouz V80 — Shared premium motion, October 2026.
 * Additive to all corporate shells. No layout or stacking-context changes.
 * Motion starts only after JS activation; static content remains visible.
 */
:root{--tyz-motion-gold:#e9c17d;--tyz-motion-ease:cubic-bezier(.2,.82,.25,1)}
@keyframes tyz-motion-nav-enter{
  from{opacity:.85;transform:translate3d(0,-11px,0);filter:blur(1.5px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes tyz-motion-surface-enter{
  from{opacity:.58;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes tyz-motion-menu-open{
  from{opacity:0;transform:translate3d(0,-9px,0) scale(.988)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes tyz-motion-line-glide{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes tyz-motion-gold-halo{
  0%,100%{box-shadow:0 0 0 0 rgba(225,177,89,.13)}
  50%{box-shadow:0 0 0 6px rgba(225,177,89,0)}
}
@keyframes tyz-motion-arrow-nudge{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-3px,0,0)}
}
.tyz-motion-ready .site-header .nav-inner{
  animation:tyz-motion-nav-enter .68s var(--tyz-motion-ease) both;
}
.site-header .brand-logo{
  transition:filter .35s ease,scale .35s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .site-header .brand:hover .brand-logo{
    scale:1.035;
    filter:drop-shadow(0 0 13px rgba(235,187,94,.33));
  }
  .site-header .site-nav > a,
  .site-header .site-nav > .nav-item > .nav-link,
  .site-footer-redesign .footer-link-list a{
    transition:color .27s ease,background-color .27s ease,border-color .27s ease,transform .3s var(--tyz-motion-ease)!important;
  }
  .site-header .site-nav > a:hover,
  .site-header .site-nav > .nav-item > .nav-link:hover{
    transform:translate3d(0,-2px,0);
  }
  .site-footer-redesign .footer-link-list a:hover{
    transform:translate3d(0,-2px,0);
  }
  .site-footer-redesign .footer-contact-card,
  .site-footer-redesign .footer-social-new a{
    transition:transform .32s var(--tyz-motion-ease),border-color .32s ease,background-color .32s ease,box-shadow .32s ease!important;
  }
  .site-footer-redesign .footer-contact-card:hover{
    transform:translate3d(0,-5px,0);
    border-color:rgba(232,185,99,.56)!important;
    box-shadow:0 15px 27px rgba(0,0,0,.17);
  }
  .site-footer-redesign .footer-social-new a:hover{
    transform:translate3d(0,-5px,0) scale(1.04);
  }
  .site-footer-redesign .footer-consult-cta:hover{
    transform:translate3d(0,-3px,0);
    box-shadow:0 13px 28px rgba(223,157,61,.14);
  }
  .tyz-motion-ready .tyz-motion-card:hover{
    transform:translate3d(0,-5px,0);
  }
}
.site-header .mega-menu,
.site-header .site-nav.open{
  transform-origin:top center;
}
.site-header .has-mega.open > .mega-menu,
.site-header .has-mega:hover > .mega-menu,
.site-header .site-nav.open{
  animation:tyz-motion-menu-open .33s var(--tyz-motion-ease) both;
}
.site-footer-redesign .footer-consult-cta{
  transition:transform .32s var(--tyz-motion-ease),box-shadow .32s ease,filter .32s ease;
}
.site-footer-redesign .footer-consult-cta:focus-visible,
.site-header .nav-join-us:focus-visible{
  outline:2px solid #f5d393;
  outline-offset:3px;
}
/* Footer gold accent makes one gentle reveal; it never obstructs reading. */
.site-footer-redesign .footer-heading::after{
  background-size:230% 100%!important;
  background-image:linear-gradient(90deg,#b98543,#f8ddaa,#c99453,#f0ce91)!important;
  animation:tyz-motion-line-glide 8.6s ease-in-out infinite;
}
/* Subtle micro-feedback in RTL and LTR; no layout shift. */
.site-footer-redesign .footer-contact-arrow{
  animation:tyz-motion-arrow-nudge 3.6s ease-in-out infinite;
}
html[dir="ltr"] .site-footer-redesign .footer-contact-arrow{animation-direction:reverse}
.tyz-motion-ready .tyz-motion-revealed{
  animation:tyz-motion-surface-enter .72s var(--tyz-motion-ease) both;
  animation-delay:var(--tyz-motion-delay,0ms);
}
.tyz-motion-ready .tyz-motion-card{
  transition:transform .35s var(--tyz-motion-ease);
}
/* Earlier CSS may have a transform for hero content: don't override it.
   Only independently animated cards and the shared footer receive classes. */
@media(max-width:1200px){
  .site-header .site-nav.open{
    animation-duration:.24s;
  }
}
@media(max-width:650px){
  .tyz-motion-ready .tyz-motion-revealed{
    animation-duration:.54s;
    animation-delay:0ms;
  }
}
@media(prefers-reduced-motion:reduce){
  .tyz-motion-ready .site-header .nav-inner,
  .tyz-motion-ready .tyz-motion-revealed,
  .site-header .has-mega.open > .mega-menu,
  .site-header .has-mega:hover > .mega-menu,
  .site-header .site-nav.open,
  .site-footer-redesign .footer-heading::after,
  .site-footer-redesign .footer-contact-arrow{
    animation:none!important;
  }
  .site-header .brand-logo,
  .site-header .site-nav > a,
  .site-header .site-nav > .nav-item > .nav-link,
  .site-footer-redesign .footer-link-list a,
  .site-footer-redesign .footer-social-new a,
  .site-footer-redesign .footer-contact-card,
  .site-footer-redesign .footer-consult-cta,
  .tyz-motion-ready .tyz-motion-card{
    transition:none!important;
    scale:1!important;
    transform:none!important;
  }
}