/* LockLookout hero logo animation v4.6 — overlay styles (.hla-legclip: clip for the long left leg; v4.6 adds .hla-edge silhouette pulse + .hla-sparks canvas).
   Only applies once hero-logo-anim.js has built the overlay; without JS the original <img> is untouched. */
.hla-stage{position:absolute;pointer-events:none;overflow:visible;z-index:1}
.hla-stage *{position:absolute;display:block;margin:0;padding:0;border:0;max-width:none;max-height:none;box-sizing:border-box}
.hla-stage .hla-pulse,.hla-stage .hla-lock,.hla-stage .hla-legclip{left:0;top:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform}
.hla-stage .hla-layer{left:0;top:0;width:100%;height:100%;will-change:transform;user-select:none;-webkit-user-drag:none}
.hla-stage .hla-glow,.hla-stage .hla-beam{opacity:0;will-change:transform,opacity;mix-blend-mode:screen}
@supports (mix-blend-mode:plus-lighter){.hla-stage .hla-glow,.hla-stage .hla-beam{mix-blend-mode:plus-lighter}}  /* additive light, as in v2 */
/* rest state: one plain image of the whole logo, rasterised exactly like a normal <img> */
.hla-stage .hla-final{left:0;top:0;width:100%;height:100%;display:none}
.hla-stage.hla-done .hla-pulse,.hla-stage.hla-done .hla-edge,.hla-stage.hla-done .hla-sparks{display:none}
/* v4.6 click effects: silhouette edge pulse (behind the logo, additive) + shrapnel canvas (3x the logo box, centred) */
.hla-stage .hla-edge{opacity:0;transform-origin:50% 50%;will-change:transform,opacity;mix-blend-mode:screen;user-select:none;-webkit-user-drag:none}
@supports (mix-blend-mode:plus-lighter){.hla-stage .hla-edge{mix-blend-mode:plus-lighter}}
.hla-stage .hla-sparks{left:-100%;top:-100%;width:300%;height:300%}
.hla-stage.hla-done .hla-final{display:block}
.hla-hidden-img{visibility:hidden!important}
/* headline spotlight (since v4.1): page-level beam clipped to .hero, never catches clicks or adds scroll */
.hla-beamclip{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:50;contain:paint}
.hla-beamclip .hla-pagebeam{position:absolute;display:block;margin:0;padding:0;border:0;max-width:none;max-height:none;opacity:0;
  will-change:transform,opacity;mix-blend-mode:screen;user-select:none;-webkit-user-drag:none}
@supports (mix-blend-mode:plus-lighter){.hla-beamclip .hla-pagebeam{mix-blend-mode:plus-lighter}}
@media (prefers-reduced-motion:reduce){.hla-stage,.hla-beamclip{display:none!important}.hla-hidden-img{visibility:visible!important}}
/* llPulseMobileOff */
@media (max-width:850px){.hla-stage .hla-edge,.hla-stage .hla-pulse{visibility:hidden!important}}
/* llPulseMobileOff2 */
@media (max-width:850px){.hla-stage,.hla-beamclip{display:none!important}.hla-hidden-img{visibility:visible!important}}