/* Hero Growth V6 — original animated artwork; preserve hero copy, CTAs and layout.
   The image is the animation: bars grow and the arrow actually rises.
   On reduced-motion devices use the first static frame supplied by <picture>. */
html body section.hero.tyz-growth-visual-v6{
  position:relative!important;
  isolation:isolate;
  background:#071728!important;
}
html body section.hero.tyz-growth-visual-v6>.tyz-growth-v6-media{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body section.hero.tyz-growth-visual-v6 .tyz-growth-v6-animation{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:saturate(1.06) contrast(1.03)!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
html body section.hero.tyz-growth-visual-v6>.hero-bg{
  display:none!important;
  background-image:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}
html body section.hero.tyz-growth-visual-v6>.hero-wash{
  z-index:1!important;
  pointer-events:none!important;
}
html body section.hero.tyz-growth-visual-v6>.hero-content{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  html body section.hero.tyz-growth-visual-v6>.tyz-growth-v6-media{
    background:#071728;
  }
  html body section.hero.tyz-growth-visual-v6 .tyz-growth-v6-animation{
    position:absolute!important;
    width:100%!important;
    height:auto!important;
    top:82px!important;
    left:0!important;
    right:0!important;
    object-fit:contain!important;
    object-position:center top!important;
    opacity:.88!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 71%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 71%,transparent 100%);
  }
}
/* No photo scale or UI animation is introduced by this replacement. */
@media(prefers-reduced-motion:reduce){
  html body section.hero.tyz-growth-visual-v6 .tyz-growth-v6-animation{
    animation:none!important;
    transition:none!important;
  }
}

/* V6.1 mobile clarity: expose the arrow & rising bars above the copy.
   Hero text still sits on an opaque navy field; no cropping or image scaling. */
@media(max-width:700px){
  html[data-theme="dark"] body section.hero.tyz-growth-visual-v6>.hero-wash{
    background:linear-gradient(
      to bottom,
      rgba(6,18,35,.08) 0%,
      rgba(6,18,35,.13) 14%,
      rgba(6,18,35,.25) 28%,
      rgba(6,18,35,.76) 40%,
      rgba(6,18,35,.97) 47%,
      rgba(6,18,35,.98) 80%,
      rgba(6,18,35,.93) 100%
    )!important;
  }
  html[data-theme="dark"] body section.hero.tyz-growth-visual-v6 .tyz-growth-v6-animation{
    opacity:1!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)!important;
  }
}