@import url("https://use.typekit.net/ehm2lzh.css");
* {
  box-sizing: border-box;
  --turquoise: #50b0bf;
  --turquoise-dark: #4396a2;
  --orange: #ea9b61;
  --lime: #C3D774;
  --purple: #38427e;
  --white: #fff;
  --font-family: "quasimoda", sans-serif;
  --max-width: 1200px;
}
* .gap-5 {
  height: 5px;
  width: 100%;
}
* .spacer-5 {
  display: inline-block;
  height: 1px;
  width: 5px;
}
* .gap-10 {
  height: 10px;
  width: 100%;
}
* .spacer-10 {
  display: inline-block;
  height: 1px;
  width: 10px;
}
* .gap-15 {
  height: 15px;
  width: 100%;
}
* .spacer-15 {
  display: inline-block;
  height: 1px;
  width: 15px;
}
* .gap-20 {
  height: 20px;
  width: 100%;
}
* .spacer-20 {
  display: inline-block;
  height: 1px;
  width: 20px;
}
* .gap-25 {
  height: 25px;
  width: 100%;
}
* .spacer-25 {
  display: inline-block;
  height: 1px;
  width: 25px;
}
* .gap-30 {
  height: 30px;
  width: 100%;
}
* .spacer-30 {
  display: inline-block;
  height: 1px;
  width: 30px;
}
* .gap-35 {
  height: 35px;
  width: 100%;
}
* .spacer-35 {
  display: inline-block;
  height: 1px;
  width: 35px;
}
* .gap-40 {
  height: 40px;
  width: 100%;
}
* .spacer-40 {
  display: inline-block;
  height: 1px;
  width: 40px;
}
* .gap-45 {
  height: 45px;
  width: 100%;
}
* .spacer-45 {
  display: inline-block;
  height: 1px;
  width: 45px;
}
* .gap-50 {
  height: 50px;
  width: 100%;
}
* .spacer-50 {
  display: inline-block;
  height: 1px;
  width: 50px;
}
* .gap-55 {
  height: 55px;
  width: 100%;
}
* .spacer-55 {
  display: inline-block;
  height: 1px;
  width: 55px;
}
* .gap-60 {
  height: 60px;
  width: 100%;
}
* .spacer-60 {
  display: inline-block;
  height: 1px;
  width: 60px;
}
* .gap-65 {
  height: 65px;
  width: 100%;
}
* .spacer-65 {
  display: inline-block;
  height: 1px;
  width: 65px;
}
* .gap-70 {
  height: 70px;
  width: 100%;
}
* .spacer-70 {
  display: inline-block;
  height: 1px;
  width: 70px;
}
* .gap-75 {
  height: 75px;
  width: 100%;
}
* .spacer-75 {
  display: inline-block;
  height: 1px;
  width: 75px;
}
* .gap-80 {
  height: 80px;
  width: 100%;
}
* .spacer-80 {
  display: inline-block;
  height: 1px;
  width: 80px;
}
* .gap-85 {
  height: 85px;
  width: 100%;
}
* .spacer-85 {
  display: inline-block;
  height: 1px;
  width: 85px;
}
* .gap-90 {
  height: 90px;
  width: 100%;
}
* .spacer-90 {
  display: inline-block;
  height: 1px;
  width: 90px;
}
* .gap-95 {
  height: 95px;
  width: 100%;
}
* .spacer-95 {
  display: inline-block;
  height: 1px;
  width: 95px;
}
body {
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}
section {
  background-color: var(--white);
  padding: 40px 20px;
}
section .inset {
  max-width: var(--max-width);
  margin: 0 auto;
  width: 100%;
}
section .inset p,
section .inset ul,
section .inset ol {
  font-size: 1.2em;
}
section.heading {
  text-align: center;
}
section.heading h1 {
  color: var(--purple);
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 30px;
  text-wrap: balance;
}
section.heading h1 em {
  display: block;
  font-size: 1.2em;
  font-style: normal;
  color: var(--orange);
  font-weight: 900;
}
section.heading svg.vsp-logo {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block;
}
section.content {
  background-color: var(--turquoise);
  color: #fff;
}
section.content .inset {
  max-width: calc(var(--max-width) - 200px);
  text-align: center;
  text-wrap: pretty;
}
section.content .donate-button {
  display: block;
  height: auto;
  left: 2%;
  margin: 0 auto;
  max-width: 650px;
  position: relative;
  width: 100%;
}
section.content .donate-button .orange-circle {
  filter: drop-shadow(-50px 0 10px #00000033);
  transform: translateX(0);
  transition: transform 0.15s ease-in-out;
}
section.content .donate-button:hover {
  /*.letter {
                    perspective-origin: 50% 50%;
                    animation-name: bounce;
                    animation-duration: 0.3s;
                    animation-fill-mode: forwards;
                    animation-direction: alternate;
                    animation-timing-function: ease-in-out;
                }*/
  /*.mixin-letter-delay-loop(1);
                .mixin-letter-delay-loop(@index) when (@index < 20) {
                    .letter:nth-child(@{index}) {
                        animation-delay: @index * 0.025s;
                    }
                    .mixin-letter-delay-loop(@index + 1);
                }*/
}
section.content .donate-button:hover .orange-circle {
  transform: translateX(80px);
}
section.content .download-button {
  color: var(--white);
  font-family: var(--font-family);
  font-size: 1.1em;
  font-weight: 600;
  padding: 10px 30px;
  clip-path: polygon(98.241% 92.452%, 98.241% 92.452%, 95.546% 95.648%, 88.265% 97.953%, 77.544% 99.499%, 64.532% 100.415%, 50.374% 100.832%, 36.218% 100.88%, 23.211% 100.691%, 12.501% 100.394%, 5.233% 100.12%, 2.556% 100%, 2.556% 100%, 1.996% 99.811%, 1.517% 99.326%, 1.114% 98.529%, 0.783% 97.401%, 0.517% 95.927%, 0.312% 94.09%, 0.163% 91.871%, 0.065% 89.254%, 0.012% 86.223%, 0% 82.76%, 0.38% 13.6%, 0.38% 13.6%, 3.1% 10.234%, 10.47% 7.469%, 21.327% 5.246%, 34.51% 3.507%, 48.855% 2.194%, 63.199% 1.25%, 76.379% 0.616%, 87.234% 0.235%, 94.599% 0.049%, 97.313% 0%, 97.313% 0%, 97.861% 0.154%, 98.332% 0.613%, 98.732% 1.37%, 99.066% 2.418%, 99.339% 3.752%, 99.558% 5.364%, 99.728% 7.248%, 99.854% 9.398%, 99.943% 11.808%, 100% 14.471%, 100% 14.471%, 100.002% 14.82%, 100.002% 15.469%, 100.001% 16.344%, 100% 17.368%, 99.997% 18.468%, 99.994% 19.568%, 99.991% 20.592%, 99.987% 21.467%, 99.982% 22.116%, 99.978% 22.465%, 98.442% 84.39%, 98.241% 92.452%);
  background-color: #00000022;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out;
}
section.content .download-button:hover {
  background-color: #00000044;
}
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.015);
  }
  100% {
    transform: scale(1);
  }
}
section.boxes .boxes {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto;
  max-width: calc(var(--max-width) - 200px);
  width: 100%;
}
section.boxes .boxes__box {
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: -3%;
  padding: 0;
  position: relative;
  width: 38%;
  overflow: hidden;
}
section.boxes .boxes__box:before {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  background: #000000;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 20%, rgba(0, 0, 0, 0.3) 100%);
}
section.boxes .boxes__box p {
  font-size: 1.4em;
  line-height: 1.2;
  padding: 40px 60px 40px 40px;
  text-align: center;
  text-wrap: balance;
}
section.boxes .boxes__box strong {
  display: block;
  font-size: 2.8em;
  line-height: 1;
  margin: 10px 0;
}
section.boxes .boxes__box:nth-child(1) {
  background-color: var(--purple);
  color: var(--white);
  clip-path: polygon(7.079% 99.994%, 7.079% 99.994%, 5.907% 99.852%, 4.799% 99.556%, 3.769% 99.12%, 2.833% 98.559%, 2.004% 97.886%, 1.299% 97.115%, 0.732% 96.26%, 0.317% 95.335%, 0.071% 94.354%, 0.007% 93.331%, 0.007% 93.331%, 0.06% 90.713%, 0.223% 83.605%, 0.5% 73.134%, 0.892% 60.421%, 1.402% 46.59%, 2.032% 32.766%, 2.785% 20.071%, 3.662% 9.629%, 4.666% 2.564%, 5.798% 0%, 92.987% 5.56%, 92.987% 5.56%, 94.157% 5.702%, 95.263% 5.998%, 96.289% 6.432%, 97.221% 6.993%, 98.043% 7.665%, 98.741% 8.435%, 99.301% 9.29%, 99.707% 10.214%, 99.945% 11.194%, 100% 12.217%, 95.606% 98.174%, 95.606% 98.174%, 93.093% 99.067%, 86.345% 99.694%, 76.421% 100.096%, 64.382% 100.313%, 51.287% 100.386%, 38.196% 100.355%, 26.169% 100.26%, 16.266% 100.143%, 9.547% 100.042%, 7.072% 100%);
}
section.boxes .boxes__box:nth-child(2) {
  background-color: var(--lime);
  color: var(--white);
  clip-path: polygon(13.632% 100%, 13.632% 100%, 12.388% 99.911%, 11.192% 99.625%, 10.063% 99.158%, 9.017% 98.528%, 8.071% 97.751%, 7.243% 96.842%, 6.55% 95.819%, 6.008% 94.697%, 5.636% 93.492%, 5.45% 92.222%, 0% 10.789%, 0% 10.789%, 2.53% 9.437%, 9.548% 8.008%, 19.934% 6.554%, 32.569% 5.126%, 46.332% 3.775%, 60.104% 2.554%, 72.764% 1.514%, 83.194% 0.707%, 90.273% 0.185%, 92.882% 0%, 92.882% 0%, 94.112% 0.064%, 95.266% 0.327%, 96.331% 0.771%, 97.29% 1.381%, 98.129% 2.141%, 98.832% 3.034%, 99.386% 4.045%, 99.776% 5.157%, 99.985% 6.354%, 100% 7.621%, 100% 7.621%, 99.727% 10.183%, 98.967% 17.139%, 97.811% 27.39%, 96.349% 39.839%, 94.671% 53.387%, 92.866% 66.936%, 91.025% 79.389%, 89.238% 89.647%, 87.594% 96.613%, 86.184% 99.188%, 13.624% 99.992%);
}
section.boxes .boxes__box:nth-child(2) p {
  filter: drop-shadow(0 2px 6px #0000004D);
}
section.boxes .boxes__box:nth-child(3) {
  background-color: var(--orange);
  color: var(--white);
  clip-path: polygon(3.503% 94.087%, 0% 7.024%, 0% 7.024%, 0.061% 5.889%, 0.309% 4.811%, 0.731% 3.804%, 1.31% 2.884%, 2.031% 2.064%, 2.88% 1.361%, 3.841% 0.788%, 4.899% 0.36%, 6.039% 0.092%, 7.246% 0%, 7.246% 0%, 9.809% 0.092%, 16.766% 0.36%, 27.02% 0.788%, 39.471% 1.361%, 53.022% 2.065%, 66.574% 2.885%, 79.03% 3.807%, 89.29% 4.815%, 96.257% 5.894%, 98.832% 7.031%, 100% 92.878%, 100% 92.878%, 99.915% 94.016%, 99.643% 95.099%, 99.199% 96.112%, 98.599% 97.041%, 97.859% 97.871%, 96.994% 98.585%, 96.02% 99.171%, 94.952% 99.612%, 93.806% 99.893%, 92.597% 100%, 92.597% 100%, 90.106% 99.939%, 83.344% 99.756%, 73.378% 99.452%, 61.275% 99.03%, 48.101% 98.49%, 34.922% 97.834%, 22.807% 97.064%, 12.821% 96.181%, 6.03% 95.185%, 3.503% 94.08%);
}
section.footer {
  padding-bottom: 50px;
}
section.footer h3 {
  color: var(--turquoise);
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
}
section.footer .partners {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
  margin: 40px auto;
  max-width: var(--max-width);
  width: 100%;
}
section.footer .partners img.logo {
  display: block;
  height: 80px;
  width: auto;
}
section.footer .partners img.logo--family-services {
  height: 60px;
}
@media (max-width: 800px) {
  section.heading h1 {
    font-size: 2.6em;
  }
  section.boxes .boxes .boxes__box {
    max-width: 420px;
    width: 90%;
    margin: -3% 5%;
  }
  section.footer .partners img.logo {
    height: 60px;
  }
  section.footer .partners img.logo--family-services {
    height: 50px;
  }
}
/*# sourceMappingURL=vsp.less.css.map */