:root{
  --color-white:#fff;
  --color-black:#222;
  --color-grey:#777471;
  --color-stone:#edeae6;
  --color-stone-tint:#f6f4f2;
  --color-yellow:#f5d652;
  --color-canary:#fff5ca;
  --color-canary-tint:#fffae5;
  --color-cobalt:#0074e4;
  --color-sky:#b6dbff;
  --color-sky-tint:#daedfe;
  --color-sky-light:#eef8ff;
  --color-blurple:#5522fa;
  --color-lavender:#d5d2ff;
  --color-lavender-tint:#eae8fe;
  --color-purple:#7700a2;
  --color-pink:#cb84de;
  --color-pink-tint:#efdaf5;
  --color-salmon:#ec8580;
  --color-peach:#fee5da;
  --color-peach-tint:#fef2ed;
  --color-teal:#5ceace;
  --color-mint:#b3f8eb;
  --color-mint-tint:#d8f9f0;
  --color-shadow:rgba(0, 0, 0, 0.1);
  --color-shadow-dark:rgba(0, 0, 0, 0.2);
  --color-text:var(--color-black);
  --color-background:var(--color-stone);
  --color-sheet:var(--color-white);
  --color-neutral:var(--color-grey);
  --color-link:var(--color-blurple);
  --color-accent:var(--color-teal);
  --space-x-small:0.25em;
  --space-small:0.5em;
  --space-medium:1em;
  --space-large:2em;
  --space-x-large:3em;
  --space-xx-large:4em;
  --space-xxx-large:6em;
  --space-navbar:4em;
  --font-sans:'Source Sans Variable', 'Helvetica Neue', helvetica, 'Apple Color Emoji', arial, sans-serif;
  --font-mono:monospace;
  --type-base:calc(1.6em + 0.5vw)
}
@media (min-width:45em){
  :root{
      --type-base:calc(0.9em + 0.9vw)
  }
}
@media (min-width:91em){
  :root{
      --type-base:2.2em
  }
}
:root{
  --type-xxx-small:55%;
  --type-xx-small:65%;
  --type-x-small:75%;
  --type-small:85%;
  --type-medium:100%;
  --type-large:125%;
  --type-x-large:150%;
  --type-xx-large:200%;
  --type-xxx-large:275%
}
@font-face{
  font-family:"Source Sans Variable";
  font-weight:200 900;
  font-style:normal;
  font-stretch:normal;
  src:url(/assets/SourceSansVariable-Subset.woff2)format("woff2");
  font-display:swap
}
@font-face{
  font-family:"Source Sans Variable";
  font-weight:200 900;
  font-style:italic;
  font-stretch:normal;
  src:url(/assets/SourceSansVariableItalic-Subset.woff2)format("woff2");
  font-display:swap
}
*,::before,::after{
  box-sizing:border-box
}
::selection,::-moz-selection{
  color:#222;
  color:var(--color-text);
  background-color:#5ceace;
  background-color:var(--color-teal)
}
html{
  font-size:10px;
  overflow-x:hidden;
  scroll-padding:10em 0 0 0;
  height:-webkit-fill-available
}
body{
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  margin:0;
  padding:0;
  font-family:"Source Sans Variable","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;
  font-family:var(--font-sans);
  font-size:calc(1.6em + .5vw);
  font-size:var(--type-base);
  color:#222;
  color:var(--color-text);
  background-color:#fff;
  background-color:var(--color-sheet)
}
@supports (-webkit-touch-callout:none){
  body{
      height:-webkit-fill-available
  }
}
main{
  padding-top:8em;
  padding-top:max(8em,20vmin)
}
a{
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0;
  transition:color .2s ease,-webkit-text-decoration-color .2s ease;
  transition:color .2s ease,text-decoration-color .2s ease;
  transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease;
  text-decoration-thickness:.1em;
  text-decoration-width:.1em
}
a,a:visited{
  color:inherit
}
a:hover{
  color:#5522fa;
  color:var(--color-link);
  -webkit-text-decoration-color:#5ceace;
  text-decoration-color:#5ceace;
  -webkit-text-decoration-color:var(--color-teal);
  text-decoration-color:var(--color-teal)
}
h1,h2,h3,h4,h5,h6{
  margin:1em 0 .25em 0;
  margin:var(--space-medium)0 var(--space-x-small)0;
  padding:0;
  font-weight:700;
  line-height:1.25
}
h1{
  margin:0 0 .25em 0;
  margin:0 0 var(--space-x-small)0;
  font-size:200%;
  font-size:var(--type-xx-large);
  line-height:1;
  letter-spacing:-.03em
}
@media (min-width:45em){
  h1{
      font-size:275%;
      font-size:var(--type-xxx-large)
  }
}
h2{
  font-size:calc(200% - 25%);
  font-size:calc(var(--type-xx-large) - 25%)
}
@media (min-width:45em){
  h2{
      font-size:200%;
      font-size:var(--type-xx-large)
  }
}
h3{
  font-size:calc(150% - 15%);
  font-size:calc(var(--type-x-large) - 15%)
}
@media (min-width:45em){
  h3{
      font-size:150%;
      font-size:var(--type-x-large)
  }
}
h4,h5,h6{
  font-size:125%;
  font-size:var(--type-large)
}
p,ul,ol{
  margin:0 0 1em 0;
  margin:0 0 var(--space-medium)0;
  padding:0;
  line-height:1.5
}
li{
  margin:0 0 .5em 1em;
  margin:0 0 var(--space-small) var(--space-medium)
}
li ul,li ol{
  margin:.5em 0 1em 1em;
  margin:var(--space-small)0 var(--space-medium) var(--space-medium)
}
small{
  font-size:75%;
  font-size:var(--type-x-small);
  line-height:1.5
}
del{
  text-decoration:line-through
}
img,svg,video{
  max-width:100%;
  height:auto
}
figure{
  position:relative;
  margin:.5em auto 2em auto;
  margin:var(--space-small) auto var(--space-large) auto;
  width:100%;
  text-align:center
}
figure img{
  display:block;
  margin:0 auto;
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem
}
figure a{
  border-bottom:0
}
figcaption{
  margin:1em 0 1em 0;
  margin:var(--space-medium)0 var(--space-medium)0;
  font-style:italic;
  font-weight:400;
  font-size:75%;
  font-size:var(--type-x-small);
  line-height:1.3
}
picture{
  display:block
}
picture>img{
  display:block
}
hr{
  width:100%;
  height:.2rem;
  display:block;
  clear:both;
  margin:4em auto;
  margin:var(--space-xx-large) auto;
  padding:0;
  border:0;
  background:linear-gradient(to right,#7700a2 0,#ec8580 100%);
  background:linear-gradient(to right,var(--color-purple) 0%,var(--color-salmon) 100%)
}
blockquote{
  quotes:none;
  margin-left:0;
  margin-right:0
}
blockquote p::before{
  content:"“";
  display:inline
}
blockquote p::after{
  content:"”";
  display:inline
}
blockquote cite{
  display:block;
  font-size:75%;
  font-size:var(--type-x-small);
  font-weight:700
}
embed,iframe,object{
  max-width:100%;
  border:0
}
label{
  display:block;
  margin:.5em 0 0 0;
  font-weight:400;
  font-size:85%;
  font-size:var(--type-small);
  letter-spacing:-.02em;
  line-height:1.5;
  text-align:left
}
input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{
  transition:all .2s ease;
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:0 0 .25em 0;
  padding:.4em .6em;
  font-family:"Source Sans Variable","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;
  font-family:var(--font-sans);
  font-size:85%;
  font-size:var(--type-small);
  font-weight:400;
  text-align:inherit;
  border:.2rem solid #b3f8eb;
  border:.2rem solid var(--color-mint);
  color:#222;
  color:var(--color-text);
  background:linear-gradient(45deg,#b3f8eb 0,#fff5ca 100%);
  background:linear-gradient(45deg,var(--color-mint) 0%,var(--color-canary) 100%);
  border-radius:1.5em;
  vertical-align:middle;
  -webkit-appearance:none;
  appearance:none
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,textarea:focus,select:focus{
  outline:0;
  border-color:#5522fa!important;
  border-color:var(--color-blurple)!important
}
input[type=submit]{
  margin:0;
  font-weight:600;
  text-align:inherit
}
input[type=checkbox],input[type=radio]{
  -webkit-appearance:none;
  -moz-appearance:none;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  width:2em;
  height:2em;
  margin:0;
  cursor:pointer;
  border:.2rem solid #b3f8eb;
  border:.2rem solid var(--color-mint);
  background-color:#b3f8eb;
  background-color:var(--color-mint);
  transition:background .3s,border-color .3s
}
input[type=checkbox]::after,input[type=radio]::after{
  content:"";
  display:block;
  position:absolute;
  border:.2em solid #fff;
  border:.2em solid var(--color-white);
  opacity:0
}
input[type=checkbox]:hover,input[type=radio]:hover{
  border-color:#5522fa;
  border-color:var(--color-blurple)
}
input[type=checkbox]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible){
  outline:0
}
input[type=checkbox]:checked,input[type=radio]:checked{
  background-color:#5522fa;
  background-color:var(--color-blurple);
  border-color:#5522fa;
  border-color:var(--color-blurple)
}
input[type=checkbox]:checked::after,input[type=radio]:checked::after{
  opacity:1;
  border-color:#fff;
  border-color:var(--color-white)
}
input[type=checkbox]{
  top:-.15em;
  border-radius:.5em
}
input[type=checkbox]::after{
  left:.55em;
  top:.15em;
  width:.5em;
  height:1em;
  border-top:0;
  border-left:0;
  transform:rotate(45deg)
}
input[type=radio]{
  border-radius:100%
}
input[type=radio]::after{
  width:1em;
  height:1em;
  top:.3em;
  left:.3em;
  background-color:#fff;
  background-color:var(--color-white);
  border-radius:100%
}
table{
  width:100%;
  margin:0 0 1em 0;
  margin:0 0 var(--space-medium)0;
  border-spacing:1rem
}
thead{
  text-align:left
}
th{
  background:linear-gradient(45deg,#fff5ca 0,#fee5da 100%);
  background:linear-gradient(45deg,var(--color-canary) 0%,var(--color-peach) 100%);
  padding:0 .5em;
  padding:0 var(--space-small);
  border-radius:.25em;
  font-weight:350;
  line-height:1.75
}
td{
  border-bottom:.1rem solid #fee5da;
  border-bottom:.1rem solid var(--color-peach);
  padding:0 .5em;
  padding:0 var(--space-small);
  vertical-align:middle
}
kbd{
  font-family:"Source Sans Variable","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;
  font-family:var(--font-sans);
  font-weight:700
}
.badge{
  display:inline-block;
  margin:0 auto 1em auto;
  padding:.25em .75em;
  font-size:85%;
  font-size:var(--type-small);
  text-align:center;
  background:linear-gradient(90deg,#b3f8eb 0,#d5d2ff 100%);
  background:linear-gradient(90deg,var(--color-mint) 0%,var(--color-lavender) 100%);
  border-radius:2em
}
.badge--peach{
  background:linear-gradient(90deg,#fee5da 0,#fff5ca 100%);
  background:linear-gradient(90deg,var(--color-peach) 0%,var(--color-canary) 100%)
}
.button{
  transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;
  display:inline-block;
  padding:.4em 1em;
  color:#fff;
  color:var(--color-sheet);
  font-family:"Source Sans Variable","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;
  font-family:var(--font-sans);
  text-decoration:none;
  text-align:center;
  line-height:normal;
  -webkit-appearance:none;
  background:linear-gradient(90deg,#5522fa 0,#0074e4 100%)!important;
  background:linear-gradient(90deg,var(--color-link) 0%,var(--color-cobalt) 100%)!important;
  border-radius:1.5em;
  border:0;
  box-shadow:none
}
@media (max-width:44.9em){
  .button{
      margin-bottom:.5em;
      margin-bottom:var(--space-small)
  }
}
.button:visited{
  color:#fff;
  color:var(--color-sheet)
}
.button:hover{
  color:#fff;
  color:var(--color-sheet);
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 0 0 .15rem #5ceace;
  box-shadow:0 0 0 .15rem var(--color-accent)
}
.button:focus:not(:focus-visible){
  outline:0
}
.button--fancy{
  background:linear-gradient(90deg,#0074e4 0,#7700a2 100%)!important;
  background:linear-gradient(90deg,var(--color-cobalt) 0%,var(--color-purple) 100%)!important
}
.button--fill{
  display:block
}
@media (max-width:44.9em){
  .button--block{
      border-radius:.5em
  }
}
.card{
  padding:1em;
  padding:var(--space-medium);
  background-color:#fff;
  background-color:var(--color-sheet);
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem
}
.card--soft{
  padding:2em;
  padding:var(--space-large)
}
@media (min-width:45em){
  .card--soft{
      margin-left:calc(2em*-1);
      margin-left:calc(var(--space-large)*-1);
      margin-right:calc(2em*-1);
      margin-right:calc(var(--space-large)*-1)
  }
}
.twitter-tweet{
  margin-left:auto;
  margin-right:auto
}
.flex{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:0
}
@media print{
  .flex{
      display:block
  }
}
.flex--fill{
  width:100%;
  height:100vh
}
@supports (-webkit-touch-callout:none){
  .flex--fill{
      height:-webkit-fill-available
  }
}
.flex--center{
  justify-content:center;
  align-items:center
}
.flex--center-h{
  justify-content:center
}
.flex--center-v{
  align-items:center
}
.footer{
  margin:6em 0 0 0;
  padding:1em 0;
  text-align:center
}
.footer__nav{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
@media (min-width:45em){
  .footer__nav{
      flex-direction:row;
      flex-wrap:wrap
  }
}
.footer__nav-item{
  margin:.25em .125em;
  padding:.25em .75em;
  font-size:85%;
  font-size:var(--type-small);
  color:#5522fa;
  color:var(--color-blurple);
  background-color:#fff5ca;
  background-color:var(--color-canary);
  border-radius:1em;
  text-decoration:none
}
.footer__nav-item:hover{
  background:linear-gradient(45deg,#fff5ca 0,#fee5da 100%);
  background:linear-gradient(45deg,var(--color-canary) 0%,var(--color-peach) 100%)
}
.footer__nav-item:visited{
  color:#5522fa;
  color:var(--color-blurple)
}
.multi-form{
  display:flex;
  flex-wrap:wrap
}
.multi-form .multi-form__block{
  width:100%;
  margin:0 .25em
}
.multi-form .multi-form__block label{
  margin-left:.5em
}
.multi-form .multi-form__block--half{
  flex:1 0 48%;
  max-width:100%;
  width:auto;
  width:initial
}
.multi-form .multi-form__affordance:hover{
  cursor:pointer
}
.multi-form .multi-form__card{
  padding:1em;
  background-color:#fff;
  background-color:var(--color-sheet);
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem
}
.grid{
  display:grid;
  grid-template-columns:[max]1fr[l]1fr[m]repeat(3,[m]28vw)[m]1fr[l]1fr[max]
}
@media (min-width:45em){
  .grid{
      grid-template-columns:[max]1fr[l]minmax(11ch,.7fr)[m]repeat(3,[m]21.66ch)[m]minmax(11ch,.7fr)[l]1fr[max]
  }
}
@media (min-width:91em){
  .grid{
      grid-template-columns:[max]1fr[l]15ch[m]repeat(3,[m]21.66ch)[m]15ch[l]1fr[max]
  }
}
@media print{
  .grid{
      display:block;
      max-width:80%;
      margin:0 auto
  }
}
.grid>:not([class*=grid]){
  grid-column:m/m 4
}
.grid__max{
  grid-column:max/max 2
}
.grid__wide{
  grid-column:l/l 2
}
.grid__medium{
  grid-column:m/m 4
}
@media (max-width:44.9em){
  .grid__medium-mobile{
      grid-column:m/m 4
  }
}
@media (max-width:44.9em){
  .grid__large-mobile{
      grid-column:l/l 2
  }
}
.header{
  position:fixed;
  width:100%;
  z-index:1000;
  transition:box-shadow .3s ease;
  box-shadow:0 0 3rem transparent;
  background-color:#fff;
  background-color:var(--color-sheet)
}
@supports (-webkit-backdrop-filter:blur()){
  .header{
      -webkit-backdrop-filter:blur(10px);
      background-color:rgba(255,255,255,.8)
  }
}
.header--scrolled{
  box-shadow:0 0 3rem rgba(0,0,0,.1);
  box-shadow:0 0 3rem var(--color-shadow)
}
.header__nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  position:relative;
  z-index:20000;
  margin:0;
  padding:.75rem
}
@media (min-width:45em){
  .header__nav{
      padding:1rem
  }
}
.header__skip:hover,.header__skip:active,.header__skip:focus{
  clip:auto!important;
  top:1rem;
  left:1rem;
  width:auto;
  height:auto;
  z-index:100000
}
.header__callout{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  height:1.5em;
  margin-top:0;
  transform:translate(0,0);
  padding:0 .5em;
  padding:0 var(--space-small);
  text-align:right;
  background:linear-gradient(to right,#ec8580 0,#7700a2 100%);
  background:linear-gradient(to right,var(--color-salmon) 0%,var(--color-purple) 100%);
  transition:margin-top .1s ease
}
.header--scrolled .header__callout{
  margin-top:-1.5em
}
@media (max-width:44.9em){
  .header__callout{
      display:none
  }
}
.header__callout-link{
  font-size:75%;
  font-size:var(--type-x-small);
  color:#fff;
  color:var(--color-sheet);
  text-decoration:none
}
.header__callout-link:hover{
  color:#fff;
  color:var(--color-sheet);
  text-decoration:underline
}
.header__callout-link:visited{
  color:#fff;
  color:var(--color-sheet)
}
.header__logo{
  width:4.5em;
  height:2.2em;
  margin:0;
  text-align:left
}
.header__logo svg{
  overflow:visible;
  width:100%;
  height:auto
}
.header__logo .gradient-start,.header__logo .gradient-end{
  transition:stop-color .75s ease
}
.header__logo .gradient-start{
  stop-color:#5522fa;
  stop-color:var(--color-blurple)
}
.header__logo .gradient-end{
  stop-color:#5522fa;
  stop-color:var(--color-blurple)
}
.header__logo:hover .gradient-start{
  stop-color:#7700a2;
  stop-color:var(--color-purple)
}
.header__logo:hover .gradient-end{
  stop-color:#ec8580;
  stop-color:var(--color-salmon)
}
.header__links{
  display:block;
  margin:0;
  padding:0;
  font-size:100%;
  font-size:var(--type-medium)
}
@media (max-width:44.9em){
  .header__links{
      position:absolute;
      top:8rem;
      right:-25rem;
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      margin:0;
      padding:0;
      font-size:125%;
      font-size:var(--type-large);
      -webkit-overflow-scrolling:touch
  }
  .header__links::after{
      transition:opacity .15s ease-in-out;
      content:"";
      position:fixed;
      z-index:-1;
      top:0;
      right:0;
      bottom:0;
      left:0;
      -webkit-backdrop-filter:blur(15px);
      opacity:0;
      pointer-events:none;
      background-color:rgba(255,255,255,.8)
  }
  .header__checkbox:checked~.header__links::after{
      opacity:1;
      pointer-events:auto
  }
  @supports (-webkit-backdrop-filter:blur()){
      .header__links::after{
          -webkit-backdrop-filter:blur(10px);
          background-color:rgba(255,255,255,.4)
      }
  }
}
@media (max-width:44.9em){
  .header__link{
      transition:transform .15s ease-in;
      transform:translate(0,0);
      display:inline-block;
      padding:.2em 1em;
      margin:0 0 .25em 0;
      font-weight:700;
      line-height:2;
      text-decoration:none;
      color:#fff;
      color:var(--color-white);
      background:linear-gradient(90deg,#7700a2 0,#ec8580 100%);
      background:linear-gradient(90deg,var(--color-purple) 0%,var(--color-salmon) 100%);
      border-radius:3em
  }
  .header__checkbox:checked~.header__links .header__link{
      transition-duration:.25s;
      transition-timing-function:cubic-bezier(.34,1.56,.64,1);
      transform:translate(-27rem,0)
  }
  .header__link:visited,.header__link:hover{
      color:#fff;
      color:var(--color-white);
      box-shadow:none
  }
  .header__link:focus:not(:focus-visible){
      outline:0
  }
  .header__link:nth-child(2){
      transition-delay:.05s
  }
  .header__link:nth-child(3){
      transition-delay:.1s
  }
  .header__link:nth-child(4){
      transition-delay:.15s
  }
  .header__link:nth-child(5){
      transition-delay:.2s
  }
  .header__link:nth-child(6){
      transition-delay:.25s
  }
  .header__link:nth-child(7){
      transition-delay:.3s
  }
  .header__link:nth-child(8){
      transition-delay:.35s
  }
}
@media (min-width:45em){
  .header__link{
      display:inline-block;
      transform:none;
      margin:0 0 0 .6em;
      line-height:1.5;
      font-weight:700;
      transition:color .2s ease,box-shadow .2s ease,-webkit-text-decoration-color .2s ease;
      transition:color .2s ease,text-decoration-color .2s ease,box-shadow .2s ease;
      transition:color .2s ease,text-decoration-color .2s ease,box-shadow .2s ease,-webkit-text-decoration-color .2s ease
  }
}
@media (max-width:44.9em){
  input.header__checkbox{
      position:absolute;
      top:.75rem;
      right:.75rem;
      bottom:.75rem;
      width:9.5rem;
      height:auto;
      color:#fff;
      color:var(--color-sheet);
      background-color:#fff;
      background-color:var(--color-sheet);
      border-color:#fff;
      border-color:var(--color-sheet)
  }
  input.header__checkbox:hover{
      border-color:#fff;
      border-color:var(--color-sheet)
  }
  input.header__checkbox:checked{
      background-color:#fff;
      background-color:var(--color-sheet);
      border-color:#fff;
      border-color:var(--color-sheet)
  }
}
@media (min-width:45em){
  input.header__checkbox{
      display:none!important
  }
}
@media (max-width:44.9em){
  .header__toggle{
      display:block;
      margin:0;
      padding:.5em;
      cursor:pointer;
      font-size:100%;
      font-size:var(--type-medium);
      font-weight:700;
      color:#5522fa;
      color:var(--color-link);
      z-index:5
  }
}
@media (min-width:45em){
  .header__toggle{
      display:none
  }
}
.header__toggle-icon{
  transition-duration:0s;
  transition-delay:.15s;
  position:relative;
  display:inline-flex;
  top:-.4rem;
  width:1.75rem;
  height:.3rem;
  margin-right:.125em;
  background-color:#5522fa;
  background-color:var(--color-link);
  border-radius:.5rem
}
.header__toggle-icon::after,.header__toggle-icon::before{
  right:0;
  transition-delay:.15s,0s;
  transition-duration:.15s;
  transition-property:margin,transform;
  display:block;
  content:"";
  position:absolute;
  width:2.25rem;
  height:.3rem;
  background-color:#5522fa;
  background-color:var(--color-link);
  border-radius:.5rem
}
.header__toggle-icon::before{
  margin-top:-.7rem
}
.header__toggle-icon::after{
  margin-top:.7rem
}
.header__checkbox:checked~.header__toggle .header__toggle-icon{
  background-color:transparent
}
.header__checkbox:checked~.header__toggle .header__toggle-icon::before,.header__checkbox:checked~.header__toggle .header__toggle-icon::after{
  margin-top:0;
  transition-delay:0s,.2s
}
.header__checkbox:checked~.header__toggle .header__toggle-icon::before{
  transform:rotate(45deg)
}
.header__checkbox:checked~.header__toggle .header__toggle-icon::after{
  transform:rotate(-45deg)
}
.hide{
  display:none!important
}
.hide-screens{
  clip:rect(1px,1px,1px,1px);
  position:absolute!important;
  height:1px;
  width:1px;
  overflow:hidden
}
@media (max-width:44.9em){
  .hide-mobile{
      display:none!important
  }
}
@media (min-width:45em){
  .hide-desktop{
      display:none!important
  }
}
.accolades{
  display:none
}
@media (min-width:45em){
  .accolades{
      display:flex;
      align-items:flex-end;
      justify-content:center;
      margin:-1.5em 0 1em 0
  }
}
.accolades__entry{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:0 1em;
  text-decoration:none;
  color:#777471;
  color:var(--color-neutral)
}
.accolades__entry:nth-child(2){
  border:.1rem solid #f5d652;
  border:.1rem solid var(--color-yellow);
  border-top:0;
  border-bottom:0
}
.accolades__text{
  margin-top:.5em;
  font-size:85%;
  font-size:var(--type-small);
  line-height:1;
  color:#777471;
  color:var(--color-neutral)
}
.accolades__entry:hover .accolades__text{
  text-decoration:underline
}
.big-quote{
  margin:1em 0 2em 0
}
.big-quote__text{
  margin-bottom:.5em;
  margin-bottom:var(--space-small);
  font-size:125%;
  font-size:var(--type-large);
  font-weight:500
}
.big-quote__source{
  margin-bottom:-.25em
}
.big-quote__source a{
  display:inline-flex;
  align-items:center
}
.big-quote__source img{
  margin-right:.5em;
  border-radius:100%
}
.letter{
  margin:auto 0;
  padding:1em;
  background-color:#fff;
  background-color:var(--color-white);
  border-radius:1rem;
  box-shadow:2rem 2rem 5rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 5rem var(--color-shadow)
}
@media (min-width:45em){
  .letter{
      margin:auto -2em;
      padding:2em
  }
}
.pointer{
  width:2.25em;
  margin:2em auto
}
.pointer svg{
  width:100%;
  height:auto
}
.roadblock{
  max-width:40em;
  margin:0 1em;
  text-align:center
}
.roadblock__headline{
  margin-top:0;
  font-size:700%;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.05em;
  line-height:.7
}
.unsupported{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  padding:4em 2em;
  z-index:10000;
  font-size:24px;
  font-weight:700;
  text-align:center;
  font-family:"Source Sans Variable","Helvetica Neue",helvetica,"Apple Color Emoji",arial,sans-serif;
  color:#000;
  background-color:#fff
}
.unsupported p{
  max-width:800px;
  margin:0 auto
}
@supports (display:grid){
  .unsupported{
      display:none;
      visibility:hidden
  }
}
.video{
  display:block;
  height:0;
  margin:0;
  padding:0 0 56.24%0;
  position:relative;
  background-color:#fff;
  background-color:var(--color-sheet);
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem;
  overflow:hidden;
  border:.5rem solid #fff;
  border:.5rem solid var(--color-sheet)
}
.video video{
  width:100%
}
.video iframe{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  background-color:#fff;
  background-color:var(--color-sheet)
}
.delay-short{
  animation-delay:.15s!important
}
.delay-medium{
  animation-delay:.3s!important
}
.delay-long{
  animation-delay:.45s!important
}
.delay-x-long{
  animation-delay:.6s!important
}
.delay-xx-long{
  animation-delay:.75s!important
}
.has-js [data-aos=fade]{
  opacity:0;
  transition:opacity .3s linear
}
.has-js .aos-animate[data-aos=fade]{
  opacity:1
}
.has-js [data-aos=fade-delay]{
  opacity:0;
  transition:opacity .3s linear .3s
}
.has-js .aos-animate[data-aos=fade-delay]{
  opacity:1
}
.fade-in{
  opacity:0;
  animation:fade-in .3s ease-out forwards
}
@supports (-webkit-touch-callout:none){
  .fade-in--safely{
      opacity:1;
      animation:none
  }
}
@keyframes fade-in{
  0%{
      opacity:0
  }
  to{
      opacity:1
  }
}
.has-js [data-aos=draw],.draw{
  opacity:0;
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  transition-property:opacity
}
.has-js .aos-animate[data-aos=draw],.draw.aos-animate{
  animation:draw 4s ease forwards;
  opacity:1
}
@keyframes draw{
  to{
      stroke-dashoffset:0
  }
}
.has-js [data-page-transition=fade-out],.has-js [data-swap-page]{
  transition:transform .1s ease,opacity .1s ease;
  opacity:1
}
.has-js .animate[data-page-transition=fade-out],.has-js .animate[data-swap-page]{
  opacity:0
}
.has-js .animate.previous[data-page-transition=fade-out],.has-js .animate.previous[data-swap-page]{
  transform:translateX(8rem)
}
.has-js .animate.next[data-page-transition=fade-out],.has-js .animate.next[data-swap-page]{
  transform:translateX(-8rem)
}
.has-js .animate-finish[data-page-transition=fade-out],.has-js .animate-finish[data-swap-page]{
  opacity:0!important;
  transition-duration:.01s!important
}
.has-js .animate-finish.previous[data-page-transition=fade-out],.has-js .animate-finish.previous[data-swap-page]{
  transform:translateX(-8rem)
}
.has-js .animate-finish.next[data-page-transition=fade-out],.has-js .animate-finish.next[data-swap-page]{
  transform:translateX(8rem)!important
}
.push{
  margin:1em!important;
  margin:var(--space-medium)!important
}
.push--top{
  margin-top:1em!important;
  margin-top:var(--space-medium)!important
}
.push--bottom{
  margin-bottom:1em!important;
  margin-bottom:var(--space-medium)!important
}
.push-x-small{
  margin:.25em!important;
  margin:var(--space-x-small)!important
}
.push-x-small--top{
  margin-top:.25em!important;
  margin-top:var(--space-x-small)!important
}
.push-x-small--bottom{
  margin-bottom:.25em!important;
  margin-bottom:var(--space-x-small)!important
}
.push-small{
  margin:.5em!important;
  margin:var(--space-small)!important
}
.push-small--top{
  margin-top:.5em!important;
  margin-top:var(--space-small)!important
}
.push-small--bottom{
  margin-bottom:.5em!important;
  margin-bottom:var(--space-small)!important
}
.push-large{
  margin:2em!important;
  margin:var(--space-large)!important
}
.push-large--top{
  margin-top:2em!important;
  margin-top:var(--space-large)!important
}
.push-large--bottom{
  margin-bottom:2em!important;
  margin-bottom:var(--space-large)!important
}
.push-x-large{
  margin:3em!important;
  margin:var(--space-x-large)!important
}
.push-x-large--top{
  margin-top:3em!important;
  margin-top:var(--space-x-large)!important
}
.push-x-large--bottom{
  margin-bottom:3em!important;
  margin-bottom:var(--space-x-large)!important
}
.flush{
  margin:0!important
}
.flush--top{
  margin-top:0!important
}
.flush--bottom{
  margin-bottom:0!important
}
.txt-heavy{
  font-size:125%;
  font-size:var(--type-large);
  font-weight:500
}
.txt-center{
  text-align:center
}
.txt-right{
  text-align:right
}
@media (max-width:44.9em){
  .txt-center-mobile{
      text-align:center
  }
}
.txt-upcase{
  text-transform:uppercase
}
.txt-italic{
  font-style:italic
}
.txt-undecorated{
  text-decoration:none
}
.txt-unbulleted{
  list-style-type:none
}
.txt-unbulleted>li{
  margin-left:0
}
.txt-xxx-small{
  font-size:55%;
  font-size:var(--type-xxx-small)
}
.txt-xx-small{
  font-size:65%;
  font-size:var(--type-xx-small)
}
.txt-x-small{
  font-size:75%;
  font-size:var(--type-x-small)
}
.txt-small{
  font-size:85%;
  font-size:var(--type-small)
}
.txt-medium{
  font-size:100%;
  font-size:var(--type-medium)
}
.txt-large{
  font-size:125%;
  font-size:var(--type-large)
}
.txt-x-large{
  font-size:150%;
  font-size:var(--type-x-large)
}
.txt-xx-large{
  font-size:200%;
  font-size:var(--type-xx-large)
}
.txt-xxx-large{
  font-size:275%;
  font-size:var(--type-xxx-large)
}
.txt-tight{
  letter-spacing:-.03rem
}
.txt-x-tight{
  letter-spacing:-.05rem
}
.txt-kern{
  letter-spacing:0
}
.txt-leaded{
  line-height:1.25
}
.txt-rule{
  position:relative
}
.txt-rule::before{
  content:"";
  position:absolute;
  top:50%;
  z-index:-1;
  width:100%;
  height:.2rem;
  display:block;
  background:linear-gradient(to right,#7700a2 0,#ec8580 100%);
  background:linear-gradient(to right,var(--color-purple) 0%,var(--color-salmon) 100%)
}
.txt-poster{
  margin-top:0;
  font-size:700%;
  font-weight:900;
  letter-spacing:-.05em;
  line-height:.7
}
.txt-anchor{
  display:block;
  position:relative;
  visibility:hidden
}
@supports not (scroll-padding:10em 0 0 0){
  .txt-anchor{
      top:-10rem
  }
}
@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){
  @supports (-webkit-appearance:none){
      .txt-anchor{
          top:-10rem
      }
  }
}
.txt-break{
  display:none
}
@media (min-width:45em){
  .txt-break{
      display:block
  }
}
.txt-clipping{
  padding:0 .5rem;
  vertical-align:middle;
  background-color:#fff;
  background-color:var(--color-sheet);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  border-radius:.5rem
}
.txt-clipping--pink-teal{
  background:linear-gradient(90deg,#f1bbff 0,#4ddbc0 100%)
}
.txt-clipping--subtle{
  background:linear-gradient(90deg,#fee5da 0,#fff5ca 100%);
  background:linear-gradient(90deg,var(--color-peach) 0%,var(--color-canary) 100%)
}
.txt-clipping--affirmative{
  background:linear-gradient(90deg,#b3f8eb 0,#b6dbff 100%);
  background:linear-gradient(90deg,var(--color-mint) 0%,var(--color-sky) 100%)
}
.accessibility-hero{
  position:relative;
  overflow:visible
}
@media (min-width:45em){
  .accessibility-hero{
      display:grid;
      grid-template-columns:1fr 1fr;
      grid-gap:1.5em;
      align-items:start;
      margin:4em 0;
      padding:0
  }
  .accessibility-hero>blockquote{
      margin:0
  }
}
@media (min-width:45em){
  .accessibility-list li{
      display:grid;
      grid-template-columns:auto 1fr;
      grid-column-gap:.5em;
      grid-column-gap:var(--space-small);
      align-items:start
  }
}
.new-stuff{
  position:relative
}
@media (min-width:45em){
  .new-stuff{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-column-gap:2em
  }
}
.new-stuff::before{
  position:absolute;
  display:block;
  content:"";
  width:.6rem;
  height:100%;
  background-color:#fee5da;
  background-color:var(--color-peach);
  left:50%;
  margin-left:-.3rem;
  border-radius:1em
}
.new-stuff__item{
  position:relative;
  z-index:5;
  grid-column:1/span 2;
  margin:2em auto;
  text-align:center
}
@media (min-width:45em){
  .new-stuff__item{
      margin:1em auto;
      text-align:left
  }
  .new-stuff__item::before{
      position:absolute;
      display:block;
      content:"";
      width:68%;
      height:.2rem;
      background:linear-gradient(to left,#fee5da 0,#5ceace 70%);
      background:linear-gradient(to left,var(--color-peach) 0%,var(--color-teal) 70%);
      top:.74em;
      left:2em;
      margin-left:-.1rem
  }
  .new-stuff__item:nth-child(even){
      grid-column-start:2;
      text-align:right
  }
  .new-stuff__item:nth-child(even)::before{
      right:2em;
      left:auto;
      background:linear-gradient(to right,#fee5da 0,#5ceace 70%);
      background:linear-gradient(to right,var(--color-peach) 0%,var(--color-teal) 70%)
  }
  .new-stuff__item:nth-child(even) .new-stuff__meta{
      margin:0 1.25em 1em
  }
}
.new-stuff__card{
  display:inline-block;
  padding:2em;
  background-color:#fff;
  background-color:var(--color-sheet);
  border-radius:2rem;
  text-align:left;
  box-shadow:2rem 2rem 5rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 5rem var(--color-shadow)
}
.new-stuff__card:last-child{
  margin-bottom:0
}
.new-stuff__title{
  font-size:150%;
  font-size:var(--type-x-large);
  margin:0 0 .5em 0
}
.new-stuff__image{
  overflow:hidden;
  border:.2rem solid #edeae6;
  border:.2rem solid var(--color-stone);
  border-radius:1rem;
  margin:0 0 1em 0
}
.new-stuff__meta{
  position:relative;
  display:inline-block;
  margin:0 0 1em 0;
  padding:.125em 1em;
  font-size:85%;
  font-size:var(--type-small);
  background-color:#5ceace;
  background-color:var(--color-teal);
  border-radius:2em
}
@media (min-width:45em){
  .new-stuff__meta{
      margin:0 0 1em 1.25em
  }
}
.hiw-hero-splash{
  position:relative;
  overflow:visible
}
.hiw-hero{
  display:block;
  position:relative;
  min-height:10em;
  margin:0 0 1em 0;
  background-color:#fff;
  background-color:var(--color-sheet);
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem
}
.hiw-address{
  display:inline-block;
  margin:0 auto;
  padding:.125em .5em .25em .5em;
  font-size:max(5.5rem,8vw);
  font-weight:300;
  letter-spacing:-.05em;
  line-height:.9;
  text-align:center;
  background:linear-gradient(90deg,#fee5da 0,#fff5ca 100%);
  background:linear-gradient(90deg,var(--color-peach) 0%,var(--color-canary) 100%);
  border-radius:2em
}
@media (min-width:91em){
  .hiw-address{
      font-size:400%
  }
}
.hiw-box{
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(16em,1fr));
  grid-gap:1em;
  align-items:center;
  direction:rtl;
  margin:1em 0;
  padding:1em;
  color:#0970b7;
  background-color:#fff5ca;
  background-color:var(--color-canary);
  border-radius:.75em
}
@media (min-width:45em){
  .hiw-box{
      left:-1em;
      transform:rotate(-1deg);
      background:#fff5ca url(/assets/pebble/teal.svg)left -7em center/auto 125%no-repeat;
      background:var(--color-canary)url(/assets/pebble/teal.svg)left -7em center/auto 125%no-repeat
  }
}
@media (min-width:45em){
  .hiw-box--reverse{
      left:1em;
      direction:ltr;
      transform:rotate(1deg)
  }
}
.hiw-box--blurple{
  color:#fee5da;
  color:var(--color-peach);
  background-color:#5522fa;
  background-color:var(--color-blurple)
}
@media (min-width:45em){
  .hiw-box--blurple{
      transform:rotate(1deg);
      background:#5522fa url(/assets/pebble/pink-purple.svg)right -6em center/auto 126%no-repeat;
      background:var(--color-blurple)url(/assets/pebble/pink-purple.svg)right -6em center/auto 126%no-repeat
  }
}
.hiw-box__copy{
  direction:ltr;
  margin:0 1em
}
.hiw-box__image{
  margin:0;
  background-color:#fff;
  background-color:var(--color-white);
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow);
  border-radius:1rem
}
.hiw-reply-split{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(15em,1fr));
  grid-gap:1.5em;
  align-items:center;
  text-align:left
}
.hiw-reply-caption{
  position:absolute;
  bottom:-1.5em;
  right:-3em;
  width:80%;
  transform:rotate(-15deg);
  font-size:85%;
  font-size:var(--type-small)
}
.hiw-reply-caption span{
  padding:0 .5rem;
  vertical-align:middle;
  color:#fff;
  color:var(--color-white);
  background-color:#5522fa;
  background-color:var(--color-blurple);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  border-radius:.5rem
}
@media (min-width:45em){
  .hiw-reply-offset{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-gap:1.5em
  }
}
.hiw-reply-offset__wide{
  grid-column:1/span 2;
  grid-row:1
}
.hiw-reply-offset__narrow{
  grid-column:3;
  grid-row:1
}
@media (min-width:45em){
  .hiw-reply-offset__narrow{
      margin-top:1em
  }
}
.hiw-files{
  position:relative
}
.hiw-control{
  margin:1em 0 1.5em 0;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(15em,1fr));
  grid-gap:1em;
  align-items:center
}
.hiw-control--reverse{
  direction:rtl
}
.hiw-control__text{
  direction:ltr;
  margin:0
}
.hiw-control__image{
  display:block;
  max-width:min(20em,100%);
  margin:0 auto;
  border-radius:.5em;
  box-shadow:2rem 2rem 6rem rgba(0,0,0,.1);
  box-shadow:2rem 2rem 6rem var(--color-shadow)
}