:root {
  --display: "Inter", "Helvetica Neue", Arial, sans-serif;
  --sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --logo-black: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEjklEQVR42u1d247rIAxkUP7/l33eVj1VCL4DqZH2ZbdLwGOPb5C2VqNGjRo/P2jx/y8bfYGg6UtgZBQinax52FC7wZwTX3Pj4/cFgFFDwZwLjPm3BqRvCjI5Ug39OgCRoNFJ2n4iBdEhezzaAhBIGygL8NVkehsQ12Lho+U4SdoVGCg2AaZgOZunZEvYzkrgoMWceXcS9FYgIED4dwL0jGo8AbpbF94CQMa66XQL6BsudqVjpGzF606L9RLeDuHiZ7WWooHoAqGAISBifo4baXlR42xNs7+HgXAZNT5rwTDSAyWv19UCJAUva2QC5d+OLENo8oBRggUGaOS0JtpMNsseMuo+SQVNxt+vSuBcAOpKwXtECfRgRRSgGEdRkJXHSShQqfBn1hBtBWhOzaAeaF5coUNhTbSCLiL8UGQz5Em7PegGTGf/aZG0gE1EFhCxwNG5H4/DWNzkMMI34OvHBbWjDzm13BK2exR0uvCtdLYkcurtXcNSg5L2BFwKdT1Y+7M1a0UOQB4AIEn7kAgCHpwlJspCWXvyap6PFk6C+RBsjaOgQ1OncrO0GQAZQsl8jiVagtAyXMLQaMFYmiArTk2EhqGj8gAnEeEsSpJ1c557asg7DUMhRJnbqbLUecDIrDmAR9SEpDUs4iyIEkzekoVrqTGDtjAIi2/zDMlNlMiSBQJBzyrGqdbUFZrqpR2cEDj74BUMc87yjLt90YpbkplaBoFfgyOw7H1eizNWLUVhwKlkLFGQ4z5YCeylmBwB+YHltiOE85Dg8+HO/jIiLu37arn+ToPBXNfTc7xOfmvmRWuNoNQMjQbc1Yu87hBbziFxIrGw8LwzNAPCTYBBGTAI24O3oXiOly9DdK3H69ZN5Am50UEBzV0yas4LyQJAWv/JACCzEvBIQR7hJQlqJcScl4KsD4mA/0dHvcUeRdktOWsTzddaMud+wW0y2NtZl7Vn81jPqc6s1lLKuAW8t/wWoBcIkhsvCAb/EzRRv+I6ROu1znQGAi3YN0lKERECs97J5WTANMhYt6PaKB/A7UZxohoYBPB0iWT1QV1YywEkpAWvxEt7lyA78mLJtgeYGS3asGdS6E1F8AbgmyIsEYc0UiJhArXDGFVz/5wwGA4tKjUfvUMUig1JqCybbkibOGjN3vquOM2hsYgb9qHO+lJQRGvxN88l4WrkO4/CXwzVBbTAqZ9EZprZCWFKdbgLFsO5G+xZwIJQu0khBO0dL7cGzmVE1BJykoEKILTKWX0fgdZBWUmKR3dNGxRA+Xly2Ju2/8yiIK55PhXAvPwFnJWImHuGonQxu4kTonFPyZKk7fcU70vKH7O1kgJM7VlaV5PXcK0kW7w7UWzp13q/dmEGguh53YECvP7H85yQd2mCS8Pwnji7li6hs8hQMW2c8l4deuvejvvCA4cAYatRryooAH57nAbAtu//LAsoCygfUACUBZT2lwUUAEdlywXAr4NQFFQAVBhaAi4AXH0AlUbt5WxRAPgK2tq63OoLHk7riL3ui577JlpNEy6ffckDXqp4rxtUIqhRo0aNv/EPzz2Fu17rR/4AAAAASUVORK5CYII=");
  --logo-white: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAEtUlEQVR42u1dV47rMAyMCN//yn4/L4ChlSiWoYpDfi02sQrLsIhWPp+kpKSk36b7vm/Ps57nVxPNZPD9oNZnv6h8ZTftLqUUyZillNIbWzJGCsAghHosTginCCMcgiwMaDHVClG7Qxt9DqaWRaQPAGmgBF6iLPCnLOBErT3KAnbA4ZaQv5FUQtBkSNrNCouWkd/Fcsx4boiL1a0haoQgVgmhRGhxvZmdGL2bECgCQurSQ/lPSOhCMUtirUstYMdERgKDp1gB7crc1QneLMWjnZi3C/NnCoKkTJHguDe2lm5WyxjJ2rnPI4UA9wHe6CUS33e0TjgEIZhv0eBXlyLqJKzW0FHcrxGMBOZWaHxU6cI0IFcG1mJzbyzp/1clcChhkJf5qIgDlRDtUmRzWYAXx2smaLJaydyrHTVnuRALQGiQFvM1oaW2TIG2CKTgS9TAnHYj4Kanhb3/RfsGqAVEaEu9eW+WKS3yRfUdaRLUpRawGpuPiYLe0JkWkQRGE32Sholl7/sIpaVI7X9zCQGFHDTT/FbPw83/VJZWtBa1J9jh+fN7XKLUG2+GA/WeVT/31Uo44QKYlXHOzmwtwm4pWHgiFs0YzyHIiq6J0DBUy4SWg0V1PkjmXR02o+YnZNSCWBQHhZYaU3RNSFvD+oMyUiaitc5TD7JC42xH/3TSvTxD/CZKZMkiMjLaAa64NZHFlGfhKdriPJ0Ro2c08P3cF63UgujxNX7AVdF0PHtJB0Qf9XnOjqNgxdMHa4G+Ukq5NIPXNfiZvf9SzR2N0xMkMhFVdYF4NEJ77htZLh4d8I/m13RoIIl6Ma1k0l4cLNFWS9LGna6NYm4PvHAO1gvLNNqQZoLnQhFdbqNNW2vyyEN7b48q3MQsoZgXchBJoOXqA8hrtOiY26pN0nfOIgUQlWiqIQgRyt0VebVZMo7V+qL7iDg4otXxtHZ+7vuWeVHOVZNlP/++ZtVKdu7Z1FRYuXyB42VP4DSzWww110iYdbSBEjzH3Ocboe5SxMrU3iLgbqmXEcKqq87qtV4zJ2/VdJBW1epq6Jn+LvUkCnnrQ1iFlEQ1mvVJs99o7Ze2s9z3fV/oawRaDknT2qINTaPykmgrEB/IIEJBC6MQjNsl6uLWQd6B0RHHCB44H3JSmPvl2zWKJmYd0mscWCvcGxUBIyMzDy+o1t5n340l67S+ENFiamRGjYQwT6n7sixCe7Dhie0lSVcEk2ZdDHWNFjuzkbbHbO9cyLNeNDxBoyDr4Y03BxjB5ehwaKbzrtdJKFOyOFJEHD+qavbmkfi5GYEFzNwRB9jWbmmLn9Ks1fK+g3SfhIgCuDwg4m43b4ljBKP1fiz3E0lLMhcnbfT18JZSg/aSqFF3tVaRPA0KkmeKRUO0GZ9WG7l3tbQwgL52YeT7tPORFwJQ8MIx2RLhzIA/a9QmsgCPVKOiCOTFT7vQEYtE/gpHCiA6rj7sxfDjriqYgfkpgB+iowSA6LBLASS9VwDpA5J+VwCn3kuUFpACWJctpwBSCAlBKYAUwHsincwDNvABp/mBo84DLJ0X+XO2QI22drh5x0gLCLiqZhfLoNVa3dLK+juotpPTyxaZqCUlJSW9i/4Bm6vMt+P1P8cAAAAASUVORK5CYII=");
}

body,
button,
input,
textarea,
select {
  font-family: var(--sans);
}

.hero h1,
.section-heading h2,
.approach-intro h2,
.contact-section h2,
.audience-row h3,
.capability-card h3,
.case-number,
.case-card h3,
.process-list h3,
.testimonial-mark,
.testimonial blockquote,
.insight-grid h3,
.footer-brand p,
.proof-intro p,
.proof-stat strong {
  font-family: var(--display);
}

.hero h1,
.section-heading h2,
.approach-intro h2,
.contact-section h2,
.case-card h3,
.testimonial blockquote,
.insight-grid h3 {
  letter-spacing: -0.04em;
}

.brand-mark {
  display: block;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  background-image: var(--logo-white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 220ms ease;
}

.site-header.is-scrolled .brand-mark {
  background-image: var(--logo-black);
}

.brand-mark-footer {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  background-image: var(--logo-white);
}

@media (max-width: 760px) {
  .brand-mark {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .brand-mark-footer {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}