/* Tagline bar: HexagonalVault background. Only active once hero-bar-vault.js adds .hv-on;
   without JS / WebGL2 + half-float targets, or with reduced motion, the original bar shows unchanged. */
.hv-on{position:relative}
.hv-on>.hv-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .9s ease}
.hv-on>.hv-canvas.hv-ready{opacity:1}
/* readability: soften the light behind the centred text, full strength towards the edges */
.hv-on>.hv-canvas{-webkit-mask-image:radial-gradient(farthest-side at 50% 50%,rgba(0,0,0,.4) 35%,#000 100%);mask-image:radial-gradient(farthest-side at 50% 50%,rgba(0,0,0,.4) 35%,#000 100%)}
.hv-on>:not(.hv-canvas){position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.hv-canvas{display:none!important}}