/* V51: only green interior emitters brighten; neutral metal is excluded by the SVG color filter. Same two-second pulse. */
.cinematic-pulse{position:relative;isolation:isolate;overflow:visible;display:block;line-height:0}
.cinematic-pulse>img{display:block;width:100%;height:auto;aspect-ratio:2170/725;object-fit:contain}
.cinematic-pulse::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("assets/cinematic-help-internal-green.webp") center/100% 100% no-repeat;filter:url("#help-green-only") brightness(1.65);animation:cinematic-lights 2s ease-in-out infinite}
@keyframes cinematic-lights{0%,100%{opacity:1}50%{opacity:0}}
.canvas .home-bottom-help-button.cinematic-pulse{height:auto}
.canvas .home-bottom-help-button.cinematic-pulse>img{height:auto;aspect-ratio:2170/725;object-fit:contain}
.cinematic-pulse:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.cinematic-pulse::after{animation:none;opacity:.25}}

/* Transparent button overlays the existing artwork without a background panel. */
.canvas .home-bottom-help-button.cinematic-pulse{left:64%;top:74%;width:25%;height:auto;background:transparent;border:0;box-shadow:none}

/* Match the transparent artwork proportions on all existing help buttons. */
.help-image-button.cinematic-pulse>img,body:not(.intake-page)>.site-help-right.cinematic-pulse>img{height:auto;aspect-ratio:2170/725;object-fit:contain}
.help-image-button.cinematic-pulse{overflow:visible;background:transparent}

/* V52: a slow silver glint and a raised hover state. Green stays internal. */
.cinematic-pulse{transform-origin:center;transition:translate .25s ease,scale .25s ease,filter .25s ease;translate:0 0;scale:1}
.cinematic-pulse::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("assets/cinematic-help-internal-green.webp") center/100% 100% no-repeat;filter:url("#help-silver-only") grayscale(1) brightness(1.8);-webkit-mask-image:linear-gradient(105deg,transparent 42%,#fff 49%,#fff 51%,transparent 58%);mask-image:linear-gradient(105deg,transparent 42%,#fff 49%,#fff 51%,transparent 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:help-silver-sweep 5s ease-in-out infinite;z-index:1}
@keyframes help-silver-sweep{0%,12%{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:0}16%{opacity:.75}58%{opacity:.75}65%,100%{-webkit-mask-position:0% 0;mask-position:0% 0;opacity:0}}
.cinematic-pulse:hover,.cinematic-pulse:focus-visible{translate:0 -3px!important;scale:1.045!important;filter:drop-shadow(0 7px 6px #0009)!important}
.cinematic-pulse:active{translate:0 -1px!important;scale:1.02!important}
@media(prefers-reduced-motion:reduce){.cinematic-pulse{transition:none}.cinematic-pulse::before{animation:none;opacity:0}.cinematic-pulse:hover,.cinematic-pulse:focus-visible,.cinematic-pulse:active{translate:0 0!important;scale:1!important}}

/* V53: a bright white runner travels continuously around the metal edges. */
.cinematic-pulse>.help-edge-light{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.help-edge-runner{stroke:#fff;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220 3780;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 18px #f4f8ff);animation:help-edge-orbit 4.5s linear infinite}
@keyframes help-edge-orbit{to{stroke-dashoffset:-4000}}
@media(prefers-reduced-motion:reduce){.help-edge-runner{animation:none;opacity:.55}}

/* V55: positioning transforms stay independent of the identical hover lift. */
.cinematic-pulse{overflow:visible!important}
@media(prefers-reduced-motion:reduce){.cinematic-pulse:hover,.cinematic-pulse:focus-visible,.cinematic-pulse:active{translate:0 0!important;scale:1!important}}