#csHeroPanelWrapper[data-v-5b3580a3] {
  width: 100%;
  height: 80vh;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.link[data-v-5b3580a3] {
  color: #131719;
  transition: color 0.2s ease-in-out;
}
.link[data-v-5b3580a3]:hover {
  color: #fff;
}
#csHeroPanelBlock[data-v-5b3580a3] {
  width: 50%;
  padding: 2rem 38px;
}
h4[data-v-5b3580a3] {
  font-size: 31px;
  margin: 0 0 1rem;
}
h1[data-v-5b3580a3] {
  font-size: 52px;
  margin: 0;
  padding-bottom: 5rem;
}
h1.subCopy[data-v-5b3580a3] {
  padding-bottom: 1.5rem;
}
.sub-copy[data-v-5b3580a3] {
  font-size: 23px;
}
#csHeroPanelBlockMobile[data-v-5b3580a3] {
  display: none;
}
@media screen and (max-width: 1560px) {
  #csHeroPanelBlock[data-v-5b3580a3] {
    width: 75%;
  }
}
@media screen and (max-width: 1240px) {
  #csHeroPanelWrapper[data-v-5b3580a3] {
    height: 60vh;
  }
}
@media screen and (max-width: 1024px) {
  #csHeroPanelBlock h1[data-v-5b3580a3] {
    font-size: 40px;
  }
  #csHeroPanelBlock h4[data-v-5b3580a3] {
    font-size: 25px;
  }
  .sub-copy[data-v-5b3580a3] {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #csHeroPanelWrapper[data-v-5b3580a3] {
    height: 25vh;
  }
  #csHeroPanelBlock[data-v-5b3580a3] {
    display: none;
  }
  #csHeroPanelBlockMobile[data-v-5b3580a3] {
    display: block;
    padding: 2.5rem 16px;
  }
  #csHeroPanelBlockMobile h1[data-v-5b3580a3] {
    font-size: 36px;
  }
  #csHeroPanelBlockMobile h4[data-v-5b3580a3] {
    font-size: 20px;
  }
}
.caseStudyContentWrapper[data-v-76afa19c] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.textBlockWrapper[data-v-25196f48] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.textBlockInnerConstraint[data-v-25196f48] {
  padding: 40px 32px;
  max-width: 1064px;
  width: 100%;
}
h3[data-v-25196f48] {
  font-size: 32px;
  margin: 1rem 0;
}
p[data-v-25196f48] {
  font-size: 18px;
  line-height: 136%;
}
.constraintWrapper[data-v-7340a28c] {
  margin: 2rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.videoWrapper[data-v-7340a28c] {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.posterImage[data-v-7340a28c] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
video[data-v-7340a28c] {
  width: 100%;
}
button[data-v-7340a28c] {
  width: 200px;
  position: absolute;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
svg[data-v-7340a28c] {
  width: 100%;
}
@media screen and (max-width: 1084px) {
  video[data-v-7340a28c] {
    width: 100% !important;
  }
}
.constraintWrapper[data-v-2f34e9c3] {
  margin: 2rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.videoWrapper[data-v-2f34e9c3] {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.videoWrapper iframe[data-v-2f34e9c3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.constraintWrapper[data-v-1bafd183] {
  margin: 2rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.imageWrapper[data-v-1bafd183] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
img[data-v-1bafd183] {
  width: 100%;
}
.caption[data-v-1bafd183] {
  margin-top: 1rem;
  font-size: 18px;
}
@media screen and (max-width: 1084px) {
  img[data-v-1bafd183] {
    width: 100% !important;
  }
}
.rowItem[data-v-59bf9542] {
  line-height: 0;
}
.padded[data-v-59bf9542] {
  margin: 4.5rem 0% 1.5rem;
}
.contentRowWrapper[data-v-59bf9542] {
  width: 100%;
  display: flex;
  margin-bottom: 2rem;
}
.contentRowContainer[data-v-59bf9542] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
img[data-v-59bf9542],
video[data-v-59bf9542],
aside[data-v-59bf9542] {
  width: 100%;
}
.text_container[data-v-59bf9542] {
  padding: 0 1rem;
}
aside[data-v-59bf9542] {
  font-size: 18px;
  line-height: 100%;
}
@media only screen and (max-width: 1024px) {
  .textContent[data-v-59bf9542] {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  article[data-v-59bf9542] {
    column-count: 1 !important;
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
  }
}
@media (max-width: 640px) {
  .m100[data-v-59bf9542] {
    width: 100% !important;
  }
  .m49[data-v-59bf9542] {
    width: 49% !important;
  }
  .m20[data-v-59bf9542] {
    width: 20% !important;
  }
  .rowItem[data-v-59bf9542] {
    margin-bottom: 24px;
  }
}