/* One hover for every pill button on the site (2026-10-13, as on Contact's "Send message"): no lift, no glow around it;
   a light sweeps across inside the button, it brightens a touch and the arrow runs ahead; it presses in on click.
   The arrow is wrapped in <i class="ar"> by assets/cta.js. Loaded on every page. */
a.cta,button.cta,#brief .send{position:relative;overflow:hidden;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);transition:filter .4s ease,transform .4s ease}
a.cta::after,button.cta::after,#brief .send::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translateX(-120%);
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%)}
.cta .ar,.send .ar{display:inline-block;font-style:normal;transition:transform .4s cubic-bezier(.22,.8,.24,1)}
html body a.cta:hover,html body a.cta:focus-visible,html body button.cta:hover,html body button.cta:focus-visible{transform:none;box-shadow:none;filter:brightness(1.12)}
a.cta:hover::after,a.cta:focus-visible::after,button.cta:hover::after,button.cta:focus-visible::after,#brief .send:hover::after{transform:translateX(120%);transition:transform .8s ease}
.cta:hover .ar,.cta:focus-visible .ar{transform:translateX(4px)}
html body a.cta:active,html body button.cta:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){a.cta,button.cta,.cta .ar,a.cta::after,button.cta::after{transition:none}}