/* AZRS shared 3D scroll layer. Pairs with az-scroll3d.js (classes are added by JS only,
   so nothing is ever hidden when JS or CSS animations are unavailable). transform + opacity only. */
@media (prefers-reduced-motion:no-preference){
  html.az3-on body{overflow-x:clip}
  .az3{opacity:0;transform:perspective(1100px) rotateX(12deg) translateY(30px);transform-origin:50% 100%}
  .az3.az3-h{transform:perspective(1100px) rotateX(9deg) translateY(18px)}
  .az3.az3-i{transform:perspective(1100px) rotateX(8deg) translateY(24px) scale(.96)}
  .az3.az3-f{transform:perspective(1100px) rotateX(6deg) translateY(22px)}
  .az3.az3-go{animation:az3-in .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--az3-d,0s);will-change:transform,opacity}
  @keyframes az3-in{to{opacity:1;transform:none}}
  .az3-hero-js{will-change:transform}
  @supports (animation-timeline:scroll()){
    .az3-hero{animation:az3-hero linear both;animation-timeline:scroll(root);animation-range:0px 520px;transform-origin:50% 100%}
    @keyframes az3-hero{to{transform:perspective(1200px) rotateX(6deg) translateY(-18px) scale(.98);opacity:.8}}
  }
}
@media print{.az3{opacity:1 !important;transform:none !important;animation:none !important}}