@font-face{font-family:CampaignPlex;src:url('assets/campaign/IBMPlexSans.ttf') format('truetype');font-weight:100 700;font-display:swap}
.footer-top .footer-campaign{--mark-width:144px;display:block;width:var(--mark-width);text-align:left;color:#000;cursor:pointer;border:0;background:none;padding:0;justify-self:start;line-height:1;min-height:56.4px}
.footer-campaign .campaign-hand{display:block;width:100%;height:calc(var(--mark-width)*36/166);background:#000;-webkit-mask:url('assets/campaign/life-happens-hand.png') center/contain no-repeat;mask:url('assets/campaign/life-happens-hand.png') center/contain no-repeat}
.footer-campaign .campaign-typed{display:block;font:700 calc(var(--mark-width)*28.45/166)/1 CampaignPlex,'IBM Plex Sans',sans-serif;letter-spacing:calc(var(--mark-width)*-.948/166);margin-top:calc(var(--mark-width)*-1/166);white-space:nowrap;color:#000}
.footer-campaign:focus-visible{outline:2px solid var(--blue);outline-offset:12px;border-radius:3px}
@media(max-width:700px){.footer-top .footer-campaign{--mark-width:99.6px;justify-self:end;min-height:39.6px}}
@media(max-width:360px){.footer-top .footer-campaign{--mark-width:90px}}