/* A small, working tool at the end of every primary quote button. */
.button.hammer-cta{gap:18px;isolation:isolate;overflow:visible}
.button.hammer-cta .hammer-label{font:inherit;line-height:inherit;white-space:nowrap}
.button.hammer-cta .hammer-scene{display:block;flex:0 0 58px;width:58px;height:48px;margin:-12px -5px -12px 0;overflow:visible;pointer-events:none}
.hammer-scene .hammer-tool{transform-box:view-box;transform-origin:24px 58px;transform:rotate(25deg);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.hammer-scene .hammer-head{fill:var(--ink,#202522);stroke:var(--ink,#202522);stroke-width:1.4;stroke-linejoin:round}
.hammer-scene .hammer-face{fill:var(--paper,#f2eee4);stroke:var(--ink,#202522);stroke-width:1.3}
.hammer-scene .hammer-handle{fill:#bb7e3c;stroke:var(--ink,#202522);stroke-width:1.4}
.hammer-scene .hammer-grip{stroke:var(--ink,#202522);stroke-width:1.1;opacity:.5}
.hammer-scene .hammer-nail{stroke:var(--ink,#202522);stroke-width:2;stroke-linecap:square;transform-box:view-box;transition:transform .2s}
.hammer-scene .hammer-board{fill:var(--yellow,#f5cd45);stroke:var(--ink,#202522);stroke-width:1.3}
.hammer-scene .hammer-grain{fill:none;stroke:var(--ink,#202522);stroke-width:.9;opacity:.38}
.hammer-scene .hammer-impact{opacity:0;fill:none;stroke:var(--ink,#202522);stroke-width:2;stroke-linecap:round;transform-box:view-box;transform-origin:62px 52px}
.hammer-cta:focus-visible .hammer-tool{transform:rotate(10deg)}
@media(hover:hover){.hammer-cta:hover .hammer-tool{transform:rotate(10deg)}}
.button.hammer-cta.is-hammering{transform:translate(0,0);box-shadow:1px 1px 0 var(--ink,#202522)}
.hammer-cta.is-hammering .hammer-tool{animation:jamie-hammer-strike .52s cubic-bezier(.28,.12,.25,1) both}
.hammer-cta.is-hammering .hammer-nail{animation:jamie-nail-drive .52s ease-out both}
.hammer-cta.is-hammering .hammer-impact{animation:jamie-hammer-impact .52s ease-out both}
@keyframes jamie-hammer-strike{
  0%{transform:rotate(10deg)}
  30%{transform:rotate(-33deg)}
  57%{transform:rotate(67deg)}
  64%{transform:rotate(61deg)}
  76%{transform:rotate(38deg)}
  100%{transform:rotate(25deg)}
}
@keyframes jamie-nail-drive{
  0%,53%{transform:translateY(0)}
  60%,100%{transform:translateY(11px)}
}
@keyframes jamie-hammer-impact{
  0%,52%{opacity:0;transform:scale(.4)}
  58%{opacity:1;transform:scale(.75)}
  95%,100%{opacity:0;transform:scale(1.22)}
}
.button-small.hammer-cta .hammer-scene{flex-basis:50px;width:50px;height:42px;margin-block:-12px}
@media(max-width:420px){.button.hammer-cta{gap:12px}.button.hammer-cta .hammer-scene{flex-basis:52px;width:52px;height:44px}}
@media(prefers-reduced-motion:reduce){
  .hammer-scene .hammer-tool,.hammer-scene .hammer-nail,.hammer-scene .hammer-impact{transition:none!important;animation:none!important}
  .hammer-cta:hover .hammer-tool,.hammer-cta:focus-visible .hammer-tool{transform:rotate(25deg)}
}
