/* V26 — controlled headlight-like reflection over the large Techtrim mark only */
.techtrim-home .tt-logo-sheen{
  display:block!important;
  position:absolute!important;
  left:3.0%!important;
  top:5.5%!important;
  width:61.5%!important;
  height:86%!important;
  z-index:4!important;
  pointer-events:none!important;
  overflow:hidden!important;
  mix-blend-mode:screen!important;
  opacity:1!important;
  mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important;
  -webkit-mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important;
}

.techtrim-home .tt-logo-sheen::before,
.techtrim-home .tt-logo-sheen::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  opacity:0;
  will-change:transform,opacity;
}

/* wide soft glow — like headlights sliding across a shop-window surface */
.techtrim-home .tt-logo-sheen::before{
  top:-16%!important;
  left:-30%!important;
  width:24%!important;
  height:136%!important;
  transform:translate3d(0,0,0) skewX(-14deg)!important;
  background:linear-gradient(90deg,
    rgba(120,195,255,0) 0%,
    rgba(126,201,255,.05) 15%,
    rgba(180,225,255,.20) 32%,
    rgba(245,251,255,.70) 48%,
    rgba(255,255,255,.92) 52%,
    rgba(173,222,255,.24) 69%,
    rgba(97,189,255,.06) 84%,
    rgba(97,189,255,0) 100%)!important;
  filter:blur(10px)!important;
  animation:ttHeadlightSoft 11.8s cubic-bezier(.42,.02,.28,1) infinite!important;
}

/* narrow bright core makes the reflection read on the chrome edges */
.techtrim-home .tt-logo-sheen::after{
  top:-10%!important;
  left:-20%!important;
  width:7.5%!important;
  height:122%!important;
  transform:translate3d(0,0,0) skewX(-14deg)!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(211,239,255,.12) 22%,
    rgba(255,255,255,.96) 49%,
    rgba(222,242,255,.48) 60%,
    transparent 100%)!important;
  filter:blur(2px)!important;
  animation:ttHeadlightCore 11.8s cubic-bezier(.42,.02,.28,1) infinite!important;
}

@keyframes ttHeadlightSoft{
  0%,58%{transform:translate3d(0,0,0) skewX(-14deg);opacity:0}
  60%{opacity:.12}
  64%{opacity:.72}
  83%{transform:translate3d(525%,0,0) skewX(-14deg);opacity:.78}
  88%{transform:translate3d(555%,0,0) skewX(-14deg);opacity:.16}
  90%,100%{transform:translate3d(560%,0,0) skewX(-14deg);opacity:0}
}

@keyframes ttHeadlightCore{
  0%,60%{transform:translate3d(0,0,0) skewX(-14deg);opacity:0}
  63%{opacity:.42}
  66%{opacity:1}
  84%{transform:translate3d(1510%,0,0) skewX(-14deg);opacity:.92}
  88%{transform:translate3d(1580%,0,0) skewX(-14deg);opacity:.15}
  90%,100%{transform:translate3d(1600%,0,0) skewX(-14deg);opacity:0}
}

@media(max-width:980px){
  .techtrim-home .tt-logo-sheen{left:2.6%!important;top:5%!important;width:63%!important;height:87%!important}
}
@media(max-width:640px){
  .techtrim-home .tt-logo-sheen{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .techtrim-home .tt-logo-sheen::before,
  .techtrim-home .tt-logo-sheen::after{animation:none!important;opacity:0!important}
}
