/* :::::: Various Variables :::::: */
:root {
  font-size: 16px; }

/* :::::: Home Page :::::: */
section.hero {
  height: 70vh;
  background-color: #d84cf5;
  display: flex;
  align-items: center;
  position: relative; }

section.hero video {
  max-width: none;
  object-fit: cover;
  min-height: 100%;
  height: 100%;
  width: 100%; }

section.hero h1.hero-line {
  position: absolute;
  display: block;
  font-size: 9.4vw;
  font-weight: 900;
  text-align: center;
  width: 100%;
  color: #e3fb41;
  line-height: 120%; }

section.home-intro {
  padding: 2rem 1.5rem; }

section.home-intro h1 {
  font-weight: 900;
  font-size: 2.12rem;
  line-height: 120%;
  letter-spacing: 1px;
  margin: 0 0 .75rem; }

section.home-intro .intro-statement {
  margin-bottom: 2rem; }

section.home-intro .intro-statement p {
  font-size: 1.25rem;
  line-height: 140%; }

section.home-intro span.tag {
  text-transform: uppercase;
  font-weight: 600;
  font-size: .75rem;
  letter-spacing: 1px; }

section.home-intro .capabilities ul li {
  font-size: 1rem;
  line-height: 180%; }

section.home-intro .intro-text {
  margin: 1.5rem 0; }

section.images img, section.extra-info img, section.hero img {
  width: 100%; }

section.work-examples article picture img {
  width: 100%; }

section.work-examples {
  padding: 1.5rem;
  overflow: hidden; }

section.work-examples article {
  margin-bottom: 3rem; }

section.work-examples h1,
section.work-examples-two h1 {
  font-size: .75rem;
  margin-top: .75rem; }

section.work-examples article picture {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%; }

@media (min-width: 480px) {
  section.work-examples article picture img:hover {
    opacity: 0; } }
section.testimonials {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 2rem; }

section.testimonials article.testimonial-text {
  display: flex;
  padding: 1.5rem 1.5rem 3rem;
  background-color: #e3fb41; }

section.testimonials article.testimonial-text .quote {
  font-weight: 700;
  font-size: 1.5rem; }

section.testimonials article.testimonial-text .author {
  margin-top: 1rem;
  font-size: .75rem; }

section.testimonials article.testimonial-logos {
  background-color: #e3fb41;
  padding: 0; }

section.testimonials article.testimonial-logos .logos .testimonial {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center left;
  background-color: #000000;
  display: block;
  min-width: 8rem;
  min-height: 5rem;
  margin: 2rem 0;
  cursor: pointer;
  text-indent: -999rem;
  float: none; }

section.testimonials article.testimonial-logos .logos .testimonial {
  display: none; }

section.testimonials article.testimonial-logos .logos .testimonial.slick-current {
  display: block; }

section.testimonials article.testimonial-logos .logos .slick-track {
  margin: 0;
  width: 100%;
  left: 1.5rem; }

section.testimonials .slick-slider .slick-track,
section.testimonials .slick-slider .slick-list {
  transform: translate3d(0, 0, 0) !important; }

section.testimonials .slick-slider ul.slick-dots {
  position: absolute;
  bottom: -2.5rem;
  width: 100%;
  text-align: center;
  left: 0; }

section.testimonials .slick-slider ul.slick-dots li {
  display: inline-block; }

section.testimonials .slick-slider ul.slick-dots li button {
  text-indent: -99rem;
  border-radius: 50%;
  width: .85rem;
  height: .85rem;
  padding: 0;
  border: 1px solid #000000;
  margin: .25rem; }

section.testimonials .slick-slider ul.slick-dots li.slick-active button {
  background-color: #000000; }

@media (min-width: 500px) {
  section.home-intro .intro-text {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }

  section.home-intro .intro-text div.intro-statement {
    width: 65%; }

  section.home-intro .intro-text div.capabilities {
    width: 28%; }

  section.work-examples {
    padding: 1.5rem 1.5rem 0;
    margin-bottom: 6rem; }

  section.work-examples article {
    width: 14rem;
    display: inline-block;
    vertical-align: top; } }
@media (min-width: 768px) {
  section.hero {
    height: 100vmin;
    max-height: 70vw; }

  section.extra-info article .insight {
    width: 33%; }

  section.home-intro {
    padding: 6rem; }

  section.testimonials {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }

  section.testimonials article.testimonial-text {
    padding: 4rem; }

  section.testimonials article {
    width: 50%; }

  section.testimonials article.testimonial-logos {
    padding: 3rem;
    background-color: #000000; }

  section.testimonials article.testimonial-logos .logos .testimonial {
    display: block;
    background-color: #ffffff;
    margin: 2rem auto;
    -webkit-mask-position: center;
    min-width: 12rem; }

  section.testimonials article.testimonial-logos .logos .testimonial.slick-current {
    background-color: #e3fb41; }

  section.testimonials article.testimonial-logos .logos .slick-track {
    margin: 0 auto;
    left: 0; }

  section.testimonials .slick-slider ul.slick-dots {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }
@media (min-width: 1000px) {
  section.home-intro h1 {
    font-size: 3.5rem; }

  section.home-intro .capabilities ul li {
    font-size: 1rem; }

  section.home-intro .intro-statement p {
    line-height: 180%; }

  section.home-intro .intro-text div.capabilities {
    width: 23%; }

  section.work-examples article {
    width: 18rem;
    margin: 0 1rem 3rem; }

  section.testimonials article.testimonial-logos .logos .testimonial {
    margin: 4rem auto;
    min-height: 6rem; }

  section.testimonials article.testimonial-text {
    padding: 10rem 5rem; }

  section.testimonials article.testimonial-text .quote {
    font-size: 2rem; } }
@media (min-width: 1400px) {
  section.home-intro {
    padding: 7rem 9rem; }

  section.home-intro h1 {
    font-size: 5rem;
    margin: 0 0 2rem; }

  section.home-intro .intro-statement p {
    font-size: 1.75rem; }

  section.home-intro span.tag {
    font-size: 1rem;
    display: inline-block;
    margin-bottom: 1.5rem; }

  section.home-intro .capabilities ul li {
    font-size: 1.5rem; }

  section.work-examples article {
    width: 24rem; }

  section.work-examples h1,
  section.work-examples-two h1 {
    font-size: 1rem; }

  section.testimonials article.testimonial-text {
    padding: 6rem 7rem; }

  section.testimonials article.testimonial-text .quote {
    font-size: 2.75rem; }

  section.testimonials article.testimonial-text .author {
    font-size: 1.12rem; } }
@media (min-width: 1800px) {
  section.home-intro {
    padding: 9rem 11rem; } }

/*# sourceMappingURL=home.css.map */