/*

.case-study-header {
  clip-path: inset(0 0 0 0);
}
.white-noise-light,
.white-noise-rough {
  display: block !important;
  pointer-events: none;
}
.cursor-container {
  pointer-events: none;
}
.nav-hover-overlay {
  display: block !important;
  pointer-events: none;
}
.mobile-nav {
  top: 0 !important;
}
.loading-overlay {
  display: flex !important;
}
.whiteout-overlay {
  display: block !important;
  pointer-events: none;
}
.card video {
  object-fit: contain !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.logo-nav-lottie > svg {
  overflow: unset !important;
}
svg {
  transform: unset !important;
}
.nav {
  transform-style: flat !important;
  will-change: unset !important;
}*/

body {
  color: #333;

  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;


}

a {

  text-decoration: underline;
}

.page {
  color: #30225a;
  background-color: #fff5ee;




}

.dark-noise {
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 1;
  mix-blend-mode: hard-light;
  background-image: url('../../images/Tamni-noise.webp');
  background-position: 50%;
  background-size: 900px 900px;
  position: absolute;
  top: 0;
  left: 0;
}

.white-noise-light {
  z-index: 500;
  width: 100%;
  height: 100%;
  opacity: .45;
  mix-blend-mode: screen;
  background-image: url('../../images/Bijeli-noise-blagi.png');
  background-position: 50%;
  background-size: 400px 400px;
  position: absolute;
  top: 0;
  left: 0;
}

.white-noise-light.faux-hidden {
  display: none;
}

.section-container {
  z-index: 3;
  width: 100%;
  position: relative;
}

.section-container.home-story-intro {
  z-index: 6;
  height: 110vw;
  margin-top: -200px;
  overflow: hidden;
}

.section-container.home-story-strategy {
  z-index: 5;
  height: 2600px;
  margin-top: -730px;
  padding-top: 640px;
  overflow: hidden;
}

.section-container.home-we-are {
  z-index: 4;
  height: 2000px;
  margin-bottom: 70vh;
  display: flex;
  position: relative;
}

.section-container.home-we-are.v2 {
  height: auto;
  margin-bottom: 0;
}

.section-container.home-story-creative {
  z-index: 5;
  height: 2830px;
  margin-top: -930px;
  padding-top: 640px;
  overflow: hidden;
}

.section-container.home-story-tech {
  z-index: 5;
  height: 2880px;
  margin-top: -1010px;
  padding-top: 640px;
  overflow: hidden;
}

.section-container.our-work {
  z-index: 5;
  height: auto;
  margin-top: -1150px;
  padding-top: 640px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section-container.our-work.standalone {
  margin-top: 0;
  padding-top: 0;
}

.section-container.footer {
  z-index: 4;
  width: 100%;
  height: 640px;
  justify-content: space-around;
  margin-top: 64px;
  display: flex;
  overflow: hidden;
}

.section-container.home-story-marketing {
  z-index: 5;
  height: 2430px;
  margin-top: -1190px;
  padding-top: 640px;
  overflow: hidden;
}

.section-container.order-from-chaos {
  z-index: 4;
  height: 2500px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1000px;
  display: block;
}

.section-container.about-us-container {
  z-index: 5;
  height: auto;
  overflow: hidden;
}

.section-container.case-study-header {
  z-index: 14;
  width: 100vw;
  background-color: #fff5ee;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}

.section-container.case-study-section {
  margin-bottom: 13vw;
}

.section-container.our-work-end-of-case-study {
  z-index: 5;
  height: auto;
  margin-top: 500px;
  padding-top: 0;
  padding-bottom: 200px;
  overflow: hidden;
}

.content-container {
  z-index: 2;
  width: 100%;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.content-container.we-are-content-container {
  width: 100%;
  height: 100%;
  position: fixed;
}

.content-container.we-are-content-container.v2 {
  justify-content: flex-end;
  position: relative;
}

.content-container.creative {
  z-index: 6;
}

.content-container.our-work {
  z-index: 6;
  padding-top: 110px;
}

.content-container.order-from-chaos-container {
  width: 86vw;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8vw;
  margin-right: 0;
  display: flex;
  position: relative;
  transform: translate(0, -50%);
}

.content-container.person {
  z-index: 6;
  width: 86vw;
  max-width: 1070px;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 150px;
}

.content-container.person.expert {
  margin-bottom: 120px;
}

.content-container.experts-intro-container {
  z-index: 6;
  width: 86vw;
  max-width: 1070px;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 200px;
  display: block;
}

.content-container.case-study-element-container {
  width: 95vw;
  flex-direction: column;
}

.content-container.case-study-element-container.intro {
  width: 95vw;
  flex-direction: row;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.content-container.case-study-element-container.single-card-left {
  flex-direction: row;
  justify-content: space-between;
}

.content-container.case-study-element-container.single-card-right {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.content-container.case-study-element-container.landscape-transformer-cards-right-first {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.content-container.case-study-element-container.combo-cards {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.content-container.case-study-element-container.landscape-transformer-cards-left-first {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.standard-headline-text {
  letter-spacing: -.023em;
  margin-top: 0;
  margin-bottom: 0;



}

.standard-headline-text.we-untangle {
  padding-top: 80px;
  padding-bottom: 18px;


  position: static;
}

.standard-headline-text.we-are {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;


  position: absolute;
}

.standard-headline-text.we-are.v2 {
  align-items: center;


  display: flex;
  position: relative;
}

.standard-headline-text.we-are.v2-first {
  height: 100vh;
  align-items: center;
  margin-top: -75vh;


  display: flex;
  position: relative;
}

.standard-headline-text.we-are.v2-first.first {
  height: 100vh;
  margin-top: 0;
}

.standard-headline-text.chaos-word {
  flex: 0 auto;


  display: block;
}

.standard-headline-text.person {
  width: 33vw;
  max-width: 460px;
  min-width: 400px;
  margin-bottom: 18px;
  margin-left: -5px;


}

.standard-headline-text.person.expert {
  width: 46vw;
  max-width: 580px;
  margin-bottom: 19px;
  margin-left: 0;


}

.standard-headline-text.person.expert.you {
  margin-left: -15px;
}

.standard-headline-text.experts-intro-headline {
  margin-bottom: 15px;
  margin-left: -5px;


}

.body-text {
  margin-bottom: 0;
}

.body-text.a-way {

  position: relative;
  left: 5px;
}

.body-text.person {
  margin-bottom: 24px;


}

.image-home-intro-mess-large {
  width: 77vw;
  height: 58vw;
  max-height: 800px;
  max-width: 1000px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: 27vw;
  display: block;
  position: relative;
  left: 15%;
}

.we-untangle-content {
  width: 86vw;
  margin-left: auto;
  margin-right: auto;
}

.scrolling-headlines-container {
  z-index: 5;
  position: relative;
  overflow: hidden;
}

.scrolling-headlines-container.work {
  display: none;
  position: absolute;
  left: 0;
}

.scrolling-headlines-container.work.case-study {
  margin-top: 3px;
  display: block;
  position: relative;
}

.scrolling-headline {
  width: 10000px;
  letter-spacing: -.015em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;


}

.scrolling-headline.scroll-left.case-study, .scrolling-headline.scroll-right.case-study {
  width: 20000px;
}

.story-content {
  z-index: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.strategy-image-container {
  width: 2900px;
  min-width: 2900px;
  margin-left: -1400px;
  position: absolute;
  top: -940px;
  left: 50%;
}

.strategy-image-container.second {
  display: none;
}

.page-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.we-are-content {
  z-index: 2;
  width: 86vw;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.we-are-content.v2 {
  height: auto;
  display: block;
}

.we-are-arrow {
  z-index: 1;
  width: 358px;
  height: 2702px;
  background-image: url('../../images/big-arrow-down.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
  bottom: 24vh;
  right: 12vw;
}

.mess-image {
  width: 100%;
  position: absolute;
  top: 0;
}

.mess-image.mi-layer1 {
  z-index: 19;
}

.mess-image.mi-layer2 {
  z-index: 18;
}

.mess-image.mi-layer3 {
  z-index: 17;
}

.mess-image.mi-layer4 {
  z-index: 16;
}

.mess-image.mi-layer5 {
  z-index: 15;
}

.mess-image.mi-layer6 {
  z-index: 14;
}

.mess-image.mi-layer7 {
  z-index: 13;
  perspective-origin: 20% 20%;
}

.mess-image.mi-layer8 {
  z-index: 12;
}

.mess-image.mi-layer9 {
  z-index: 11;
}

.mess-image.mi-layer10 {
  z-index: 10;
}

.mess-image.mi-layer11 {
  z-index: 9;
}

.mess-image.mi-layer12 {
  z-index: 8;
}

.mess-image.mi-layer13 {
  z-index: 7;
}

.mess-image.mi-layer14 {
  z-index: 6;
}

.mess-image.mi-layer15 {
  z-index: 5;
}

.mess-image.mi-layer16 {
  z-index: 4;
}

.mess-image.mi-layer17 {
  z-index: 3;
}

.mess-image.mi-layer18 {
  z-index: 2;
}

.mess-image.mi-layer2ipo {
  z-index: 4;
}

.creative-image-container {
  z-index: 2;
  width: 2100px;
  min-width: 2100px;
  margin-left: -1370px;
  position: absolute;
  top: -470px;
  left: 50%;
}

.creative-image-container.second {
  display: none;
}

.tech-image-container {
  width: 1680px;
  min-width: 1680px;
  margin-left: -820px;
  position: absolute;
  top: -630px;
  left: 50%;
}

.tech-image-container.second {
  display: none;
}

.marketing-image-container {
  width: 1330px;
  min-width: 1300px;
  margin-left: -470px;
  position: absolute;
  top: -440px;
  left: 50%;
}

.marketing-image-container.second {
  display: none;
}

.work-container {
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 22vw;
  display: flex;
}

.work-thumbnail {
  z-index: 2;
  width: 95vw;
  height: 53.44vw;
  border-radius: 1px;
  align-items: center;
  display: flex;
  box-shadow: 7px 6px 20px 3px rgba(247, 164, 84, .13);
}

.work-thumbnail.mobile {
  display: none;
}

.story-paragraph {
  margin-bottom: 20px;


}

.story-paragraph.thinner {
  width: 360px;
}

.strategy-content-text-container {
  width: 460px;
  position: relative;
  top: 490px;
  left: -11vw;
}

.creative-content-text-container {
  width: 428px;
  position: relative;
  top: 110px;
  left: 17vw;
}

.tech-content-text-container {
  width: 405px;
  position: relative;
  top: 420px;
  left: -19vw;
}

.marketing-content-text-container {
  width: 450px;
  position: relative;
  top: 430px;
  left: -17vw;
}

.work-thumbnail-container {
  z-index: 6;
  width: 95vw;
  height: 54vw;
  color: #30225a;
  text-decoration: none;
  position: relative;
}

.work-thumbnail-container.cursor-hover {
  width: 95vw;
}

.work-thumbnail-info {
  width: 100%;
  text-transform: uppercase;
  margin-left: -2px;
  padding-top: 21px;




  text-decoration: none;
  position: relative;
}

.hover-arrow {
  z-index: 20;
  width: 94vw;
  height: 460px;
  opacity: .35;
  mix-blend-mode: overlay;
  background-image: url('../../images/thumbnail-hover-arrow.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -30px;
  position: absolute;
  left: 0;
}

.footer-left {
  height: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.footer-right {
  height: 100%;
  background-color: #30225a;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-side-container {
  background-color: #feede0;
  flex: 0 50%;
  justify-content: center;
  display: flex;
}

.footer-side-container.about-us {
  background-color: rgba(0, 0, 0, 0);
}

.footer-side-container.about-us.about-alone {
  flex-direction: column-reverse;
  flex-basis: 100%;
  align-items: center;
}

.footer-side-container.work-alone {
  flex-direction: column;
  flex-basis: 100%;
  align-items: center;
}

.footer-logo {
  width: 292px;
  height: 147px;
  margin-top: -43px;
  margin-bottom: 60px;
  position: relative;
  right: -22px;
}

.footer-logo.alone {
  width: 315px;
  height: 160px;
}

.footer-link-text {
  color: #fce4d1;
  margin-bottom: 2px;


  text-decoration: none;
}

.footer-link-text.work {
  color: #30225a;
}

.footer-link {
  text-decoration: none;
  position: relative;
}

.footer-link.cursor-hover.alone {
  top: 66px;
}

.footer-link-underline {
  border-top: 2px solid #fce4d1;
}

.footer-link-underline.work {
  border-top-width: 3px;
  border-top-color: #30225a;
  position: relative;
  left: 1px;
  top: 3px;
}

.footer-legal-text {
  color: #fce4d1;
  letter-spacing: .1em;
  text-transform: uppercase;



  position: absolute;
  bottom: 30px;
}

.footer-work-image {
  width: 245px;
  background-image: url('../../images/footer-work-image2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 4vw;
}

.footer-work-image.about-us {
  width: 210px;
  background-image: url('../../images/footer-about-us-image2x.png');
  margin-left: 4vw;
  margin-right: 0;
}

.footer-work-image.about-us.about-alone {
  width: 373px;
  height: 360px;
  margin-top: -70px;
  margin-bottom: 40px;
  margin-left: 0;
  position: relative;
  top: -10px;
}

.footer-work-image.work-alone {
  width: 390px;
  height: 370px;
  margin-top: -70px;
  margin-bottom: 40px;
  margin-right: 0;
  position: relative;
  top: -10px;
}

.footer-link-container {
  align-items: center;
  margin-top: -23px;
  display: flex;
}

.white-noise-rough {
  z-index: 500;
  width: 100%;
  height: 100%;
  opacity: .2;
  mix-blend-mode: screen;
  background-image: url('../../images/Bijeli-noise-grubi.png');
  background-position: 50%;
  background-size: 500px 500px;
  position: absolute;
  top: 0;
  left: 0;
}

.white-noise-rough.faux-hidden {
  display: none;
}

.story-lottie {
  width: 100%;
  height: auto;
  position: relative;
}

.story-lottie.strategy-large, .story-lottie.marketing-large, .story-lottie.tech-large, .story-lottie.strategy-xlarge, .story-lottie.creative-xlarge, .story-lottie.tech-xlarge, .story-lottie.strategy-small, .story-lottie.creative-small-first, .story-lottie.creative-small-second, .story-lottie.tech-small, .story-lottie.marketing-small, .story-lottie.strategy-xsmall-first, .story-lottie.strategy-xsmall-second, .story-lottie.creative-xsmall-first, .story-lottie.creative-xsmall-second, .story-lottie.tech-xsmall-first, .story-lottie.tech-xsmall-second, .story-lottie.marketing-xsmall-first, .story-lottie.marketing-xsmall-second {
  display: none;
}

.creative-pball1 {
  width: 130px;
  height: auto;
  position: absolute;
  top: 140px;
  left: 1680px;
}

.creative-pball2 {
  width: 180px;
  height: auto;
  position: absolute;
  top: 300px;
  left: 1230px;
}

.creative-pball3 {
  width: 134px;
  height: auto;
  position: absolute;
  top: 1060px;
  left: 880px;
}

.creative-pball4 {
  width: 250px;
  height: auto;
  position: absolute;
  top: 1350px;
  left: 620px;
}

.creative-file1 {
  width: 150px;
  height: auto;
  position: absolute;
  top: 1059px;
  left: 1569px;
}

.creative-file2 {
  width: 170px;
  height: auto;
  position: absolute;
  top: 1680px;
  left: 1090px;
}

.creative-file3 {
  width: 160px;
  height: auto;
  position: absolute;
  top: 1671px;
  left: 1510px;
}

.nav {
  z-index: 13;
  width: 100%;
  height: 119px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
  position: fixed;
  top: -8vh;
}

.logo-home {
  width: 174px;
  height: 53px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.nav-items {
  width: 553px;
  height: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-items.mobile {
  display: none;
}

.nav-item {
  color: #30225a;
  letter-spacing: -.02em;


  text-decoration: none;
}


.nav-item.light {
  color: #fff5ee;
}

.nav-hover-overlay {
  z-index: 11;
  width: 100%;
  height: 93px;
  object-fit: cover;
  background-color: #fff5ee;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: fixed;
}

.getting-there {


  display: none;
  position: absolute;
  top: 50%;
  right: 0;
}

.we1, .we2, .we3, .we4, .we5, .we6, .we7, .we8, .we9 {
  display: inline-block;
}

.image-home-intro-mess-small {
  width: 850px;
  height: 650px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: 27vw;
  display: none;
  position: relative;
  left: 15%;
}

.scrolling-type-lottie, .mobile-nav {
  display: none;
}

.logo-nav-lottie {
  margin-right: 4px;
  position: relative;
  bottom: -2px;
}

.loading-overlay {
  z-index: 450;
  width: 100vw;
  height: 100vh;
  background-color: #30225a;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.loading-overlay.faux-hidden {
  display: none;
}

.loading-logo {
  width: 520vw;
  height: 50vw;
  background-image: url('../../images/loading-logo.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
}

.loading-text {
  color: #fce4d1;


  position: absolute;
  top: 20px;
  left: 20px;
}

.loading-text.bottom {
  top: auto;
  bottom: 20px;
  left: auto;
  right: 20px;
}

.chaos1, .chaos2, .chaos3, .chaos4, .chaos5, .chaos6, .chaos7, .chaos8, .chaos9, .chaos10, .chaos11, .chaos12, .chaos13, .chaos14, .chaos15, .chaos16, .chaos17, .chaos18, .chaos19, .chaos20, .chaos21, .chaos22, .chaos23, .chaos24, .chaos25, .chaos26, .chaos27, .chaos28, .chaos29, .chaos30, .chaos31, .chaos32, .chaos33, .chaos34, .chaos35, .chaos36, .chaos37, .chaos38, .chaos39, .chaos40, .chaos41, .chaos42, .chaos43, .chaos44, .chaos45, .chaos46, .chaos47, .chaos48, .chaos49, .chaos50 {
  display: inline-block;
}

.person-image {
  width: 34vw;
  height: 34vw;
  perspective: 330px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.person-image.expert {
  width: 27vw;
  height: 27vw;
}

.person-info {
  flex: 0 auto;
  margin-top: 5px;
  padding-left: 6vw;
}

.person-info.expert {
  margin-top: 4px;
  padding-left: 5vw;
}

.person-info.expert.you {
  margin-top: 45px;
}

.person-title {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 23px;
  margin-left: 0;



}

.person-body-copy {
  width: 40vw;
  min-width: 400px;
}

.person-body-copy.expert {
  width: 48vw;
  max-width: 580px;
}

.person-background-circle {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .3;
  background-color: #0f6662;
  border-radius: 100%;
  position: absolute;
}

.person-background-circle.orange {
  background-color: #d5370d;
}

.person-background-circle.purple {
  background-color: #30225a;
}

.person-headshot {
  z-index: 2;
  width: 91%;
  height: auto;
  border-radius: 100%;
  position: absolute;
}

.person-arrow {
  z-index: 3;
  width: 620px;
  height: 260px;
  background-image: url('../../images/person-arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 30px;
  left: -548px;
}

.recruiting-link {
  color: #30225a;

}

.chaos-spacer {
  height: 40vh;
}

.case-header-video-desktop {
  z-index: 1;
  width: 100vw;
  height: 56.274vw;
  max-height: 90vh;
}

.case-key-info-copy {
  flex: 0 0 37%;
  margin-right: 6.5vw;



}

.case-intro-body {
  width: 49%;
}

.case-body-copy {
  padding-bottom: 20px;


}

.card-full-width {
  width: 95vw;
  height: auto;
  object-fit: contain;
}

.card-caption {
  display:flex;
  gap:1rem;
}

.card-caption br {
    display: none;
}

.card-caption {
  width: 33vw;
  margin-top: 2.5vw;
}

.card-caption.single-card-right-mid-caption {
  width: 24vw;
  align-items: center;
  margin-top: 0;
  padding-right: 0;
  display: flex;
}

.card-caption.right-first, .card-caption.left-first {
  flex: 0 0 33vw;
  order: 2;
  margin-top: 2.5vw;
}

.card-caption.single-card-right-small-caption {
  width: 24vw;
  align-items: center;
  margin-top: 0;
  margin-left: 5vw;
  padding-right: 0;
  display: flex;
}

.card-caption.single-card-left-small-caption {
  width: 24vw;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4vw;
  padding-right: 0;
  display: flex;
}

.card-caption.single-card-left-mid-caption {
  width: 24vw;

  margin-top: 0;
  margin-right: 1vw;

}

.card-caption.standalone {
  width: 27vw;
  margin-top: 0;
}

.card-caption.standalone.pos2 {
  align-self: flex-end;
  margin-left: 31vw;
  margin-right: 1vw;
}

.caption {
  opacity: .9;
  margin-right: 1vw;
  padding-bottom: 0;


}

.single-card-mid {
  width: 66vw;
  flex: none;
}

.video-card-stretcher-mid {
  width: 66vw;
}

.video-card {
  z-index: 1;
  width: 100%;
  height: 100%;
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
}

.video-single-card-container-mid {
  width: 66vw;
  flex: none;
  position: relative;
}

.landscape-transformer-card {
  width: 50%;
  flex: none;
}

.landscape-transformer-card.right-first.left {
  flex: 0 0 50%;
  order: 2;
}

.landscape-transformer-card.right-first.right {
  flex: 0 0 50%;
  order: 1;
}

.single-card-small {
  width: 57vw;
  flex: none;
}

.video-single-card-container-small {
  width: 57vw;
  flex: none;
  position: relative;
}

.video-card-stretcher-thin {
  width: 57vw;
}

.video-card-full-width {
  width: 95vw;
  flex: none;
  position: relative;
}

.video-card-full-width-stretcher {
  width: 95vw;
}

.combo-card {
  width: 50%;
  flex: none;
}

.combo-card.small {
  width: 35vw;
  height: auto;
}

.combo-card.small.second, .combo-card.small.first, .combo-card.small.third {
  width: 37.65vw;
}

.combo-card.big {
  width: 51vw;
  height: auto;
}

.combo-card.big.first, .combo-card.big.second, .combo-card.big.third {
  width: 54.85vw;
}

.combo-card.bottom {
  width: 90vw;
  margin-top: 1.55vw;
}

.combo-card.bottom.third {
  width: 95vw;
  margin-top: 2.3vw;
}

.combo-card.top {
  width: 90vw;
  order: -1;
  margin-bottom: 1.55vw;
}

.combo-card.top.first {
  width: 96vw;
  margin-bottom: 2.3vw;
}

.combo-card.half {
  width: 46.4vw;
  height: auto;
}

.combo-video-card-container.big {
  width: 51vw;
  position: relative;
}

.combo-video-card-container.big.second, .combo-video-card-container.big.first {
  width: 54.85vw;
}

.combo-video-card-container.small {
  width: 35vw;
  position: relative;
}

.combo-video-card-container.small.first, .combo-video-card-container.small.second {
  width: 37.65vw;
}

.combo-video-card-container.bottom {
  width: 90vw;
  margin-top: 1.55vw;
  position: relative;
}

.combo-video-card-container.bottom.third {
  width: 95vw;
  margin-top: 2.3vw;
}

.combo-video-card-container.half {
  width: 46.4vw;
  position: relative;
}

.combo-video-card-container.top {
  margin-bottom: 1.55vw;
  position: relative;
}

.combo-video-card-container.top.first {
  width: 95vw;
  margin-bottom: 2.3vw;
}

.combo-video-card-container.top.third {
  width: 96vw;
  margin-bottom: 2.3vw;
}

.combo-video-card-stretcher {
  width: 50%;
  flex: none;
}

.combo-video-card-stretcher.big {
  width: 54.85vw;
  height: auto;
}

.combo-video-card-stretcher.half {
  width: 100%;
}

.combo-video-card-stretcher.small {
  width: 37.65vw;
}

.combo-video-card {
  z-index: 1;
  width: 100%;
  height: 100%;
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
}

.landscape-transformer-video-card-container.right-first.left {
  flex: 0 0 50%;
  order: 2;
  position: relative;
}

.landscape-transformer-video-card-container.right-first.right, .landscape-transformer-video-card-container.left-first.left, .landscape-transformer-video-card-container.left-first.right {
  flex: 0 0 50%;
  position: relative;
}

.landscape-transformer-video-card {
  z-index: 1;
  width: 100%;
  height: 100%;
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
}

.landscape-transformer-card-stretcher {
  width: 100%;
  height: auto;
  flex: none;
}

.case-header-video-mobile {
  width: 100vw;
  height: 56.274vw;
  display: none;
}

.nav-hover-intent-detector {
  z-index: 12;
  width: 100%;
  height: 180px;
  position: fixed;
  top: 0;
  left: 0;
}

.static-nav {
  z-index: 15;
  width: 100%;
  height: 100px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
}

.static-nav-light {
  z-index: 447;
  width: 100%;
  height: 100px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
}

.chaos-subcontainer {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
}

.work-thumbnail-small-info {
  width: 100%;
  padding-top: 13px;



  text-decoration: none;
  position: relative;
}

.whiteout-overlay {
  z-index: 449;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  background-color: #fff5ee;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.whiteout-overlay.faux-hidden {
  display: none;
}

.cursor-container {
  z-index: 1000;
  width: 80px;
  height: 80px;
  mix-blend-mode: multiply;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  margin-left: -40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.inner-dot {
  width: 7px;
  height: 7px;
  background-color: #30225a;
  border-radius: 100%;
}

.outer-circle {
  width: 40px;
  height: 40px;
  opacity: 1;
  border: 1px solid #30225a;
  border-radius: 100%;
  position: absolute;
}

.we-are-headline-subcont {
  height: 100vh;
  align-items: center;
  margin-top: -77vh;
  display: flex;
  position: relative;
}

.we-are-headline-subcont.first {
  margin-top: 0;
}

.scrolling-headlines-case-study {
  width: 1500vw;
  letter-spacing: -.015em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;


}

.scrolling-headlines-container-case-study {
  z-index: 5;
  position: relative;
  overflow: hidden;
}

.scrolling-headlines-container-case-study.work {
  display: none;
  position: absolute;
  left: 0;
}

.scrolling-headlines-container-case-study.work.case-study {
  margin-top: 3px;
  display: block;
  position: relative;
}

.static-nav-dark {
  z-index: 447;
  width: 100%;
  height: 100px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
}

@media screen and (min-width: 1280px) {
  .section-container.home-story-strategy {
    margin-top: -840px;
  }

  .section-container.order-from-chaos {
    align-items: center;
  }

  .content-container.person, .content-container.experts-intro-container {
    max-width: 1170px;
  }

  .content-container.case-study-element-container.single-card-right {
    justify-content: space-between;
  }

  .standard-headline-text.chaos-word {


  }

  .standard-headline-text.person {
    margin-bottom: 26px;


  }

  .standard-headline-text.person.expert {


  }

  .standard-headline-text.experts-intro-headline {


  }

  .body-text.a-way, .body-text.person {


  }

  .scrolling-headline {
    width: 15000px;
  }

  .marketing-image-container {
    top: -520px;
  }

  .story-paragraph {

  }

  .story-paragraph.thinner {
    width: 360px;
  }

  .marketing-content-text-container {
    top: 350px;
  }

  .creative-file1 {
    left: 1650px;
  }

  .creative-file2 {
    width: 200px;
    top: 1590px;
    left: 1020px;
  }

  .creative-file3 {
    top: 1650px;
    left: 1603px;
  }

  .nav-items {
    width: 520px;
  }

  .nav-item {


  }

  .logo-nav-lottie {
    width: 60px;
  }

  .person-info {
    padding-left: 5vw;
  }

  .person-info.expert {
    margin-top: 13px;
    padding-left: 5vw;
  }

  .person-info.expert.you {
    margin-top: 70px;
  }

  .combo-video-card-container.top {
    width: 90vw;
    margin-bottom: 3.5vw;
    position: relative;
  }
}

@media screen and (min-width: 1440px) {
  .section-container.home-story-intro {
    height: 96vw;
  }

  .section-container.home-story-strategy {
    height: 2790px;
    margin-top: -79vw;
  }

  .section-container.home-story-creative {
    height: 2940px;
    margin-top: -1060px;
  }

  .section-container.home-story-tech {
    height: 3240px;
    margin-top: -1050px;
  }

  .section-container.our-work {
    padding-bottom: 10px;
  }

  .section-container.footer {
    height: 770px;
  }

  .section-container.home-story-marketing {
    height: 2410px;
    margin-top: -1360px;
  }

  .section-container.case-study-section {
    margin-bottom: 15vw;
  }

  .content-container.we-untangle {
    width: 86vw;
    max-width: 1380px;
    flex-direction: row;
  }

  .content-container.order-from-chaos-container {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-container.person {
    max-width: 1300px;
    padding-top: 250px;
  }

  .content-container.person.expert {
    padding-top: 0;
  }

  .content-container.experts-intro-container {
    max-width: 1300px;
  }

  .content-container.case-study-element-container {
    width: 96.5vw;
  }

  .content-container.case-study-element-container.intro {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .content-container.case-study-element-container.landscape-transformer-cards-right-first, .content-container.case-study-element-container.landscape-transformer-cards-left-first {
    justify-content: flex-start;
  }

  .standard-headline-text.we-untangle {
    width: 500px;


  }

  .standard-headline-text.we-are {


  }

  .standard-headline-text.we-are.v2, .standard-headline-text.we-are.v2-first, .standard-headline-text.chaos-word {


  }

  .standard-headline-text.person {
    margin-bottom: 28px;


  }

  .standard-headline-text.person.expert {
    margin-bottom: 23px;


  }

  .body-text.a-way, .body-text.person {


  }

  .image-home-intro-mess-large {
    width: 54vw;
    height: 43vw;
    max-height: 810px;
    max-width: 900px;
    margin-right: auto;
    left: -3.4vw;
  }

  .we-untangle-content {
    width: auto;
    flex: 0 auto;
  }

  .we-untangle-mess-container {
    flex: 1;
  }

  .scrolling-headline {


  }

  .strategy-image-container {
    width: 3000px;
    min-width: 3000px;
    margin-left: -1420px;
    top: -1280px;
  }

  .we-are-content {
    max-width: 1380px;
  }

  .we-are-arrow {
    right: 17vw;
  }

  .tech-image-container {
    width: 2500px;
    min-width: 2500px;
    margin-left: -1436px;
    top: -730px;
  }

  .marketing-image-container {
    width: 1630px;
    min-width: 1620px;
    margin-left: -570px;
    top: -580px;
  }

  .work-container {
    margin-bottom: 16vw;
  }

  .work-thumbnail {
    width: 96.5vw;
    height: 58vw;
  }

  .story-paragraph {
    margin-bottom: 18px;


  }

  .story-paragraph.thinner {
    width: 370px;
  }

  .strategy-content-text-container {
    width: 530px;
    left: -5.7vw;
  }

  .creative-content-text-container {
    width: 442px;
    top: 150px;
  }

  .tech-content-text-container {
    width: 440px;
    top: 580px;
  }

  .marketing-content-text-container {
    width: 470px;
    top: 320px;
  }

  .work-thumbnail-container.cursor-hover {
    width: 96.5vw;
    height: 56vw;
  }

  .work-thumbnail-info {
    padding-top: 23px;


  }

  .footer-logo {
    width: 310px;
    height: 160px;
  }

  .footer-link-text, .footer-link-text.work {
    margin-bottom: 3px;


  }

  .footer-work-image {
    width: 270px;
  }

  .footer-work-image.about-us {
    width: 220px;
  }

  .story-lottie.strategy-large {
    display: block;
  }

  .story-lottie.strategy-mid, .story-lottie.marketing-mid {
    display: none;
  }

  .story-lottie.marketing-large {
    display: block;
  }

  .story-lottie.tech-mid, .story-lottie.tech-large, .story-lottie.strategy-xlarge {
    display: none;
  }

  .story-lottie.tech-xlarge {
    display: block;
  }

  .story-lottie.strategy-small, .story-lottie.tech-small, .story-lottie.marketing-small, .story-lottie.strategy-xsmall-first, .story-lottie.strategy-xsmall-second, .story-lottie.tech-xsmall-first, .story-lottie.tech-xsmall-second, .story-lottie.marketing-xsmall-first, .story-lottie.marketing-xsmall-second {
    display: none;
  }

  .image-home-intro-mess-small {
    width: 700px;
    margin-right: auto;
    left: -4.4vw;
  }

  .person-image {
    width: 520px;
    height: 520px;
  }

  .person-image.expert {
    width: 390px;
    height: 390px;
  }

  .person-info {
    margin-top: 8px;
    padding-left: 6vw;
  }

  .person-info.expert {
    padding-left: 5vw;
  }

  .person-title {


  }

  .person-body-copy {
    max-width: 600px;
  }

  .case-key-info-copy {


  }

  .case-key-info-copy a{
    color:#30225a;
  }

  .case-intro-body {
    width: 46%;
  }

  .case-body-copy {


  }

  .card-full-width {
    width: 96.5vw;
  }

  .card-caption {
    margin-top: 2vw;
  }

  .card-caption.right-first {
    margin-top: 2vw;
    padding-left: 0;
    padding-right: 0;
  }

  .card-caption.left-first {
    margin-top: 2vw;
    padding-right: 0;
  }

  .card-caption.single-card-left-small-caption {
    margin-right: 3vw;
  }

  .landscape-transformer-card.right-first.left {
    flex-basis: 50%;
  }

  .landscape-transformer-card.right-first.right {
    flex-basis: 50%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .video-card-full-width, .video-card-full-width-stretcher {
    width: 96.5vw;
  }

  .combo-card.small.second, .combo-card.small.first {
    width: 38.6vw;
  }

  .combo-card.small.third {
    width: 38.5vw;
  }

  .combo-card.big.first, .combo-card.big.second, .combo-card.big.third {
    width: 56.25vw;
  }

  .combo-card.bottom.third {
    width: 96.5vw;
    margin-top: 1.65vw;
  }

  .combo-card.top.first {
    width: 96.5vw;
    margin-bottom: 1.65vw;
  }

  .combo-card.half {
    width: 47.4vw;
  }

  .combo-video-card-container.big.second, .combo-video-card-container.big.first {
    width: 56.25vw;
  }

  .combo-video-card-container.small.first, .combo-video-card-container.small.second {
    width: 38.6vw;
  }

  .combo-video-card-container.bottom.third {
    width: 96.5vw;
    margin-top: 1.65vw;
  }

  .combo-video-card-container.half {
    width: 47.4vw;
  }

  .combo-video-card-container.top.first, .combo-video-card-container.top.third {
    width: 96.5vw;
    margin-bottom: 1.65vw;
  }

  .combo-video-card-stretcher.big {
    width: 56.25vw;
  }

  .combo-video-card-stretcher.small {
    width: 38.6vw;
  }

  .landscape-transformer-video-card-container.right-first.left {
    flex-basis: 50%;
  }

  .landscape-transformer-video-card-container.right-first.right {
    flex-basis: 50%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .landscape-transformer-video-card-container.left-first.left {
    flex-basis: 50%;
    order: 1;
    margin-bottom: 0;
    margin-right: 0;
  }

  .landscape-transformer-video-card-container.left-first.right {
    flex-basis: 50%;
    order: 2;
  }

  .work-thumbnail-small-info {
    padding-top: 13px;


  }

  .scrolling-headlines-case-study {


  }
}

@media screen and (min-width: 1920px) {
  .section-container.home-story-intro {
    height: 1380px;
    margin-bottom: 20vw;
  }

  .section-container.home-story-strategy {
    height: 3600px;
    margin-top: -60vw;
  }

  .section-container.home-story-creative {
    height: 3800px;
    margin-top: -1380px;
  }

  .section-container.home-story-tech {
    height: 4300px;
    margin-top: -1500px;
  }

  .section-container.our-work {
    margin-top: -1590px;
  }

  .section-container.footer {
    height: 50vw;
  }

  .section-container.home-story-marketing {
    height: 3440px;
    margin-top: -1660px;
  }

  .content-container.we-untangle {
    max-width: 1920px;
    align-items: center;
  }

  .content-container.person, .content-container.experts-intro-container {
    padding-top: 300px;
  }

  .content-container.case-study-element-container {
    max-width: 1680px;
  }

  .content-container.case-study-element-container.intro {
    padding-top: 240px;
    padding-bottom: 240px;
  }

  .standard-headline-text.we-untangle {
    width: 31.5vw;


  }

  .standard-headline-text.we-are {


  }

  .standard-headline-text.we-are.v2, .standard-headline-text.we-are.v2-first.first {


  }

  .standard-headline-text.chaos-word {

  }

  .standard-headline-text.person {
    margin-bottom: 30px;


  }

  .image-home-intro-mess-large {
    width: 55vw;
    height: 41vw;
    max-height: 760px;
    max-width: 1300px;
    left: auto;
  }

  .scrolling-headline {
    width: 1500vw;


  }

  .scrolling-headline.scroll-left.case-study, .scrolling-headline.scroll-right.case-study {
    width: 1500vw;
  }

  .story-content {
    justify-content: center;
  }

  .strategy-image-container {
    width: 3800px;
    min-width: 3800px;
    margin-left: -1900px;
    top: -1300px;
  }

  .we-are-content.v2 {
    max-width: 1920px;
  }

  .we-are-arrow {
    width: 28vw;
    height: 250vw;
  }

  .creative-image-container {
    width: 2820px;
    min-width: 2820px;
    margin-left: -1900px;
    top: -1200px;
  }

  .tech-image-container {
    width: 3600px;
    min-width: 3600px;
    margin-left: -2150px;
    top: -1000px;
  }

  .marketing-image-container {
    width: 2200px;
    min-width: 2200px;
    margin-left: -760px;
    top: -650px;
  }

  .story-paragraph {
    margin-bottom: 20px;


  }

  .story-paragraph.thinner {
    width: 490px;
  }

  .strategy-content-text-container {
    width: 560px;
    top: 590px;
    left: -11vw;
  }

  .creative-content-text-container {
    width: 570px;
    top: 160px;
    left: 13vw;
  }

  .tech-content-text-container {
    width: 450px;
    top: 810px;
  }

  .marketing-content-text-container {
    width: 530px;
    top: 550px;
    left: -16.7vw;
  }

  .work-thumbnail-container {
    width: 82vw;
    height: 45vw;
  }

  .footer-logo {
    width: 410px;
    height: 200px;
  }

  .footer-link-text, .footer-link-text.work {


  }

  .footer-link-underline {
    border-top-width: 3px;
  }

  .footer-link-underline.work {
    border-top-width: 4px;
  }

  .footer-legal-text {

  }

  .footer-work-image {
    width: 350px;
  }

  .footer-work-image.about-us {
    width: 290px;
  }

  .story-lottie.strategy-large, .story-lottie.tech-large {
    display: none;
  }

  .story-lottie.strategy-xlarge {
    display: block;
  }

  .story-lottie.creative-mid {
    display: none;
  }

  .story-lottie.creative-xlarge {
    display: block;
  }

  .story-lottie.creative-small-first, .story-lottie.creative-small-second, .story-lottie.creative-xsmall-first, .story-lottie.creative-xsmall-second {
    display: none;
  }

  .creative-pball1 {
    width: 270px;
    top: 370px;
    left: 2402px;
  }

  .creative-pball2 {
    width: 240px;
    top: 1142px;
    left: 1812px;
  }

  .creative-pball3 {
    width: 220px;
    top: 1553px;
    left: 860px;
  }

  .creative-pball4 {
    width: 350px;
    top: 2089px;
    left: 785px;
  }

  .creative-file1 {
    width: 190px;
    top: 1955px;
    left: 1887px;
  }

  .creative-file2 {
    width: 300px;
    top: 2498px;
    left: 1274px;
  }

  .creative-file3 {
    width: 220px;
    top: 2511px;
    left: 2282px;
  }

  .nav {
    height: 130px;
    padding-left: 1.7vw;
    padding-right: 1.7vw;
  }

  .logo-home {
    width: 177px;
    height: 33px;
  }

  .nav-items {
    width: 570px;
  }

  .nav-item {


  }

  .nav-hover-overlay {
    height: 110px;
  }

  .image-home-intro-mess-small {
    width: 740px;
    left: auto;
  }

  .logo-nav-lottie {
    width: 70px;
    margin-right: 6px;
  }

  .person-image.expert {
    width: 320px;
    height: 320px;
  }

  .person-info {
    padding-left: 110px;
  }

  .person-info.expert {
    padding-left: 5vw;
  }

  .person-info.expert.you {
    margin-top: 47px;
  }

  .case-key-info-copy {
    max-width: 500px;
  }

  .case-intro-body {
    max-width: 720px;
    margin-left: 40px;
  }

  .card-full-width {
    max-width: 1680px;
  }

  .card-caption {
    max-width: 400px;
    margin-top: 40px;
  }

  .card-caption.right-first, .card-caption.left-first {
    margin-top: 40px;
  }

  .card-caption.single-card-right-small-caption {
    margin-left: 0;
  }

  .card-caption.single-card-left-small-caption, .card-caption.single-card-left-mid-caption, .card-caption.standalone.pos2 {
    margin-right: 0;
  }

  .single-card-mid, .video-card-stretcher-mid, .video-single-card-container-mid {
    max-width: 1170px;
  }

  .single-card-small, .video-single-card-container-small, .video-card-stretcher-thin {
    max-width: 1000px;
  }

  .video-card-full-width, .video-card-full-width-stretcher {
    max-width: 1680px;
  }

  .combo-card.small.second, .combo-card.small.first, .combo-card.small.third {
    max-width: 671px;
  }

  .combo-card.big.first, .combo-card.big.second, .combo-card.big.third {
    max-width: 977px;
  }

  .combo-card.bottom.third {
    max-width: 1680px;
    margin-top: 31px;
  }

  .combo-card.top.first {
    max-width: 1680px;
    margin-bottom: 31px;
  }

  .combo-card.half {
    max-width: 824px;
  }

  .combo-video-card-container.big.second, .combo-video-card-container.big.first {
    max-width: 977px;
  }

  .combo-video-card-container.small.first, .combo-video-card-container.small.second {
    max-width: 671px;
  }

  .combo-video-card-container.bottom.third {
    max-width: 1680px;
    margin-top: 31px;
  }

  .combo-video-card-container.half {
    max-width: 824px;
  }

  .combo-video-card-container.top.first {
    max-width: 1680px;
    margin-bottom: 31px;
  }

  .combo-video-card-container.top.third {
    max-width: 16801700px;
    margin-bottom: 31px;
  }

  .combo-video-card-stretcher.big {
    max-width: 977px;
  }

  .combo-video-card-stretcher.half {
    width: 100%;
    max-width: 824px;
  }

  .combo-video-card-stretcher.small {
    max-width: 671px;
  }

  .scrolling-headlines-case-study {
    width: 1500vw;


  }

  .scrolling-headlines-case-study.scroll-left.case-study, .scrolling-headlines-case-study.scroll-right.case-study {
    width: 1500vw;
  }
}

@media screen and (max-width: 991px) {
  .section-container.home-story-intro {
    height: 147vw;
    margin-top: -50vw;
  }

  .section-container.home-story-strategy {
    height: 2210px;
    margin-top: -350px;
    padding-top: 170px;
  }

  .section-container.home-story-creative {
    height: 3690px;
    margin-top: -1290px;
  }

  .section-container.home-story-tech {
    height: 3810px;
    margin-top: -1110px;
  }

  .section-container.our-work {
    margin-top: -2140px;
  }

  .section-container.footer {
    height: auto;
    flex-direction: column;
  }

  .section-container.home-story-marketing {
    height: 3410px;
    margin-top: -1620px;
  }

  .section-container.case-study-header, .section-container.our-work-end-of-case-study {
    margin-top: 0;
  }

  .content-container.order-from-chaos-container {
    width: 90vw;
    margin-left: 5vw;
    padding-right: 16vw;
  }

  .content-container.person {
    width: 90vw;
  }

  .content-container.experts-intro-container {
    margin-bottom: 100px;
  }

  .content-container.case-study-element-container {
    width: 95vw;
  }

  .content-container.case-study-element-container.intro {
    width: 95vw;
    flex-direction: column;
    padding-right: 70px;
  }

  .content-container.case-study-element-container.landscape-transformer-cards-right-first {
    justify-content: flex-start;
  }

  .content-container.case-study-element-container.landscape-transformer-cards-left-first {
    justify-content: flex-end;
  }

  .standard-headline-text.we-untangle {


  }

  .standard-headline-text.we-are.v2 {

  }

  .standard-headline-text.we-are.v2-first {
    margin-top: -86vh;
  }

  .standard-headline-text.we-are.v2-first.first {

  }

  .standard-headline-text.chaos-word {


  }

  .standard-headline-text.person {
    width: 40vw;
    min-width: 0;
    margin-left: -4px;


  }

  .standard-headline-text.person.expert {
    margin-bottom: 13px;
    margin-left: -2px;


  }

  .standard-headline-text.experts-intro-headline {


  }

  .body-text.person {
    margin-bottom: 22px;
  }

  .image-home-intro-mess-large {
    width: 100vw;
    height: 73vw;
    left: 0%;
  }

  .we-untangle-content {
    width: 90vw;
    padding-right: 12vw;
  }

  .scrolling-headline {


  }

  .strategy-image-container {
    width: 2750px;
    min-width: 2750px;
    margin-left: -1250px;
    top: -1370px;
  }

  .we-are-content.v2 {
    width: 90vw;
  }

  .creative-image-container {
    width: 1328px;
    height: 2710px;
    min-width: 1328px;
    margin-left: -540px;
    top: -240px;
  }

  .tech-image-container {
    width: 1870px;
    min-width: 1870px;
    margin-left: -780px;
  }

  .marketing-image-container {
    width: 1750px;
    min-width: 750px;
    margin-left: -593px;
    top: -574px;
  }

  .work-container {
    height: 650px;
    justify-content: flex-start;
    margin-bottom: 16vw;
  }

  .work-thumbnail {
    width: 95vw;
    height: 54vw;
  }

  .story-paragraph {


  }

  .strategy-content-text-container {
    width: 530px;
    top: 490px;
    left: -.8vw;
  }

  .creative-content-text-container {
    width: 570px;
    top: 940px;
    left: 1.1vw;
  }

  .tech-content-text-container {
    width: 530px;
    top: 737px;
    left: -.9vw;
  }

  .marketing-content-text-container {
    width: 480px;
    top: 520px;
    left: -4vw;
  }

  .work-thumbnail-container {
    width: 83vw;
    height: 46.7vw;
  }

  .work-thumbnail-container.cursor-hover {
    height: 54vw;
  }

  .work-thumbnail-info {
    padding-top: 1vw;


  }

  .hover-arrow {
    display: none;
  }

  .footer-left {
    flex: 0 0 90vh;
  }

  .footer-right {
    flex: 0 0 50vh;
  }

  .footer-side-container.about-us {
    padding-right: 2vw;
  }

  .footer-logo {
    width: 47vw;
    height: 24vw;
    max-width: 400px;
    right: -3.3vw;
  }

  .footer-link-text.work {


  }

  .footer-work-image {
    width: 47vw;
    max-width: 400px;
  }

  .footer-work-image.about-us {
    width: 39vw;
    max-width: 370px;
  }

  .story-lottie.strategy-mid, .story-lottie.marketing-mid, .story-lottie.tech-mid, .story-lottie.creative-mid {
    display: none;
  }

  .story-lottie.strategy-small, .story-lottie.creative-small-first {
    display: block;
  }

  .story-lottie.creative-small-second {
    width: 180%;
    display: block;
    position: absolute;
    top: 990px;
    left: -460px;
  }

  .story-lottie.tech-small, .story-lottie.marketing-small {
    display: block;
  }

  .story-lottie.strategy-xsmall-first, .story-lottie.strategy-xsmall-second, .story-lottie.creative-xsmall-first, .story-lottie.creative-xsmall-second, .story-lottie.tech-xsmall-first, .story-lottie.tech-xsmall-second, .story-lottie.marketing-xsmall-first, .story-lottie.marketing-xsmall-second {
    display: none;
  }

  .creative-pball1 {
    width: 160px;
    top: 90px;
    left: 550px;
  }

  .creative-pball2 {
    width: 220px;
    top: 430px;
    left: 790px;
  }

  .creative-pball4 {
    top: 1532px;
    left: 80px;
  }

  .creative-file1 {
    width: 200px;
    top: 2120px;
    left: 110px;
  }

  .creative-file2 {
    width: 200px;
    top: 1730px;
    left: 750px;
  }

  .creative-file3 {
    width: 200px;
    top: 2480px;
    left: 450px;
  }

  .logo-home.cursor-hover {
    width: 168px;
    height: 48px;
  }

  .nav-items {
    width: 492px;
  }

  .nav-item {

  }

  .image-home-intro-mess-small {
    width: 650px;
    height: 520px;
    left: 7%;
  }

  .scrolling-headlines-container-mobile {
    display: none;
  }

  .loading-logo {
    width: 860vw;
    height: 70vw;
  }

  .person-image {
    width: 36vw;
    height: 36vw;
  }

  .person-info {
    margin-top: 5px;
    padding-left: 5vw;
  }

  .person-info.expert.you {
    margin-top: 20px;
  }

  .person-title {
    margin-left: 0;
  }

  .person-title.expert {
    margin-bottom: 25px;
  }

  .person-body-copy {
    width: 49vw;
    min-width: 0;
  }

  .person-body-copy.expert {
    width: 53vw;
  }

  .chaos-spacer {
    height: 22vh;
  }

  .case-key-info-copy {
    flex-basis: 0;
    margin-right: 0;
    padding-bottom: 60px;
  }

  .case-intro-body {
    width: 100%;
  }

  .card-full-width {
    width: 95vw;
  }

  .card-caption {
    width: 75%;
  }

  .card-caption.single-card-right-mid-caption {
    width: 30vw;
  }

  .card-caption.right-first {
    flex-basis: 24vw;
    order: 3;
    margin-top: 0;
    margin-left: 3vw;
    padding-right: 0;
  }

  .card-caption.left-first {
    flex-basis: 24vw;
    order: 2;
    margin-top: 0;
    margin-right: 9vw;
    padding-right: 0;
  }

  .card-caption.single-card-right-small-caption {
    width: 30vw;
  }

  .card-caption.single-card-left-small-caption {
    margin-top: 20px;
    margin-right: 6vw;
    padding-right: 0;
  }

  .card-caption.single-card-left-mid-caption {
    width: 30vw;
    margin-left: 0;
    padding-right: 0;
  }

  .card-caption.standalone {
    width: 38vw;
  }

  .caption {


  }

  .single-card-mid, .video-card-stretcher-mid, .video-single-card-container-mid {
    width: 61vw;
  }

  .landscape-transformer-card.right-first.left {
    flex-basis: 61vw;
  }

  .landscape-transformer-card.right-first.right {
    flex-basis: 61vw;
    order: 1;
    margin-bottom: 2.3vw;
    margin-left: 34vw;
  }

  .landscape-transformer-card.left-first.left {
    flex: 0 0 61vw;
    order: 1;
    margin-bottom: 2.3vw;
    margin-right: 34vw;
  }

  .landscape-transformer-card.left-first.right {
    flex: 0 0 61vw;
    order: 3;
  }

  .single-card-small, .video-single-card-container-small, .video-card-stretcher-thin {
    width: 52vw;
  }

  .video-card-full-width, .video-card-full-width-stretcher {
    width: 95vw;
  }

  .combo-card.small {
    width: 34vw;
  }

  .combo-card.big {
    width: 49.52vw;
  }

  .combo-card.bottom {
    margin-top: 2.4vw;
  }

  .combo-card.top {
    margin-bottom: 2.4vw;
  }

  .combo-video-card-container.big {
    width: 49.52vw;
  }

  .combo-video-card-container.small {
    width: 34vw;
  }

  .combo-video-card-container.bottom {
    margin-top: 2.4vw;
  }

  .combo-video-card-container.top {
    margin-bottom: 2.4vw;
  }

  .landscape-transformer-video-card-container.right-first.left {
    flex-basis: 61vw;
  }

  .landscape-transformer-video-card-container.right-first.right {
    flex-basis: 61vw;
    order: 1;
    margin-bottom: 2.3vw;
    margin-left: 34vw;
  }

  .landscape-transformer-video-card-container.left-first.left {
    flex-basis: 61vw;
    order: -1;
    margin-bottom: 2.3vw;
    margin-right: 34vw;
  }

  .landscape-transformer-video-card-container.left-first.right {
    flex-basis: 61vw;
    order: 3;
    margin-left: 0;
  }

  .work-thumbnail-small-info {
    padding-top: .3vw;


  }

  .cursor-container {
    display: none;
  }

  .scrolling-headlines-case-study {
    width: 2000vw;


  }
}

@media screen and (max-width: 767px) {
  .white-noise-light.faux-hidden {
    background-size: 500px 500px;
  }

  .section-container.home-story-intro {
    height: 310vw;
    margin-top: -60vw;
  }

  .section-container.home-story-strategy {
    height: 680vw;
    margin-top: -210vw;
    padding-top: 140vw;
  }

  .section-container.home-story-creative {
    height: 660vw;
    margin-top: -289vw;
  }

  .section-container.home-story-tech {
    height: 700vw;
    margin-top: -240vw;
  }

  .section-container.our-work {
    margin-top: -351vw;
  }

  .section-container.home-story-marketing {
    z-index: 6;
    height: 760vw;
    margin-top: -230vw;
  }

  .section-container.case-study-header {
    margin-top: 0;
  }

  .section-container.our-work-end-of-case-study {
    margin-top: 60vw;
  }

  .content-container.our-work {
    padding-top: 100px;
  }

  .content-container.order-from-chaos-container {
    padding-right: 11vw;
  }

  .content-container.person {
    flex-direction: column;
    align-items: center;
  }

  .content-container.experts-intro-container {
    width: 90vw;
  }

  .content-container.case-study-element-container.intro {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .content-container.case-study-element-container.single-card-left, .content-container.case-study-element-container.single-card-right, .content-container.case-study-element-container.combo-cards {
    flex-direction: column;
  }

  .content-container.case-study-element-container.landscape-transformer-cards-left-first {
    justify-content: flex-start;
  }

  .standard-headline-text.we-untangle {


  }

  .standard-headline-text.we-are {


  }

  .standard-headline-text.we-are.v2 {

  }

  .standard-headline-text.we-are.v2-first {
    margin-top: -92vh;


  }

  .standard-headline-text.chaos-word {


  }

  .standard-headline-text.person {
    width: 100%;
    max-width: none;


  }

  .standard-headline-text.person.expert {
    width: 100%;


  }

  .standard-headline-text.person.expert.you {
    margin-left: -8px;
  }

  .standard-headline-text.experts-intro-headline {


  }

  .body-text.a-way {
    left: 4px;
  }

  .body-text.person {


  }

  .image-home-intro-mess-large {
    display: none;
  }

  .we-untangle-content {
    width: 90vw;
    padding-right: 0;
  }

  .we-untangle-mess-container {
    margin-top: 10vw;
  }

  .scrolling-headlines-container {
    display: none;
  }

  .scrolling-headlines-container.work.case-study {
    margin-top: 0;
    padding-top: 5px;
    display: block;
  }

  .scrolling-headline {
    letter-spacing: 0;

  }

  .story-content {
    justify-content: flex-start;
    padding-left: 7vw;
  }

  .strategy-image-container {
    width: 240vw;
    min-width: 240vw;
    margin-left: -91vw;
    top: -183vw;
  }

  .strategy-image-container.second {
    display: block;
    position: relative;
    top: 57vw;
  }

  .we-are-content {
    width: 90vw;
  }

  .we-are-content.v2 {
    margin-top: -6vh;
  }

  .we-are-arrow {
    width: 310px;
    height: 2000px;
    right: 15vw;
  }

  .mess-image.mi-layer2ipo {
    z-index: 17;
  }

  .creative-image-container {
    width: 220vw;
    height: auto;
    min-width: 220vw;
    margin-left: -74vw;
    top: -90.9vw;
  }

  .creative-image-container.second {
    display: block;
    position: relative;
    top: 41.1vw;
  }

  .tech-image-container {
    width: 190vw;
    min-width: 190vw;
    margin-left: -94vw;
    top: -100vw;
  }

  .tech-image-container.second {
    display: block;
    position: relative;
    top: 111vw;
  }

  .marketing-image-container {
    width: 130vw;
    min-width: 130vw;
    margin-left: -64vw;
    top: -67vw;
  }

  .marketing-image-container.second {
    display: block;
    position: relative;
    top: 57vw;
  }

  .work-container {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
  }

  .work-thumbnail {
    display: none;
  }

  .work-thumbnail.mobile {
    width: 95vw;
    height: 168vw;
    max-height: none;
    max-width: none;
    border-radius: 2px;
    flex: 1 0 100%;
    align-self: center;
    display: block;
  }

  .story-paragraph {


  }

  .story-paragraph.thinner {
    width: auto;
  }

  .story-paragraph.first-strat {
    width: 70%;
  }

  .strategy-content-text-container {
    width: 86%;
    top: 70vw;
    left: auto;
  }

  .creative-content-text-container {
    width: 81%;
    top: 100.9vw;
  }

  .tech-content-text-container {
    width: 78%;
    top: 151vw;
    left: 0;
  }

  .marketing-content-text-container {
    width: 76%;
    top: 88vw;
    left: 0;
  }

  .work-thumbnail-container {
    width: 90vw;
    height: 160vw;
    max-height: 1600px;
    max-width: 900px;
    flex-direction: column;
    display: flex;
  }

  .work-thumbnail-container.cursor-hover {
    height: auto;
    display: block;
  }

  .work-thumbnail-info {
    padding-top: 2vw;


  }

  .footer-right {
    flex-basis: 80vh;
  }

  .footer-link-text.work {
    margin-bottom: 3px;
  }

  .white-noise-rough.faux-hidden {
    background-size: 500px 500px;
  }

  .story-lottie.strategy-small, .story-lottie.creative-small-first, .story-lottie.creative-small-second, .story-lottie.tech-small, .story-lottie.marketing-small {
    display: none;
  }

  .story-lottie.strategy-xsmall-first {
    display: block;
  }

  .story-lottie.strategy-xsmall-second {
    width: 190vw;
    display: block;
    left: -33vw;
  }

  .story-lottie.creative-xsmall-first {
    display: block;
  }

  .story-lottie.creative-xsmall-second {
    width: 320vw;
    display: block;
    top: 0;
    left: -50vw;
  }

  .story-lottie.tech-xsmall-first {
    display: block;
  }

  .story-lottie.tech-xsmall-second {
    display: block;
    top: 0;
    left: -6vw;
  }

  .story-lottie.marketing-xsmall-first {
    display: block;
  }

  .story-lottie.marketing-xsmall-second {
    width: 260vw;
    display: block;
    top: 0;
    left: -33vw;
  }

  .creative-pball1 {
    width: 201px;
    top: 32px;
    left: 226px;
  }

  .creative-pball2 {
    width: 160px;
    top: 452px;
    left: 649px;
  }

  .creative-pball3 {
    top: 918px;
    left: 174px;
  }

  .creative-pball4, .creative-file1 {
    display: none;
  }

  .creative-file1.mobile {
    width: 131px;
    display: block;
    top: 366px;
    left: 472px;
  }

  .creative-file2 {
    display: none;
  }

  .creative-file2.mobile {
    width: 148px;
    display: block;
    top: 1006px;
    left: 270px;
  }

  .creative-file3 {
    display: none;
  }

  .creative-file3.mobile {
    width: 155px;
    display: block;
    top: 1365px;
    left: 257px;
  }

  .nav {
    height: 122px;
    padding-left: 6.5vw;
    padding-right: 6.5vw;
    top: -8vh;
  }

  .logo-home {
    width: 220px;
    height: 38px;
  }

  .logo-home.cursor-hover {
    width: 210px;
    height: 40px;
  }

  .nav-items {
    display: none;
  }

  .nav-items.mobile {
    width: auto;
    height: 38px;
    display: flex;
  }

  .nav-item {
    color: #30225a;


    position: relative;
  }

  .nav-item.back {
    color: #fce4d1;
  }

  .nav-item.mobile {
    color: #fce4d1;
    letter-spacing: -.007em;
    text-transform: uppercase;
    padding-left: 30px;



    display: block;
  }

  .nav-item.nav-contact {
    color: #fcf2eb;
    text-align: center;


    display: block;
    position: relative;
    left: -.5vw;
  }

  .nav-item.email-mobile {
    color: #fcf2eb;
    text-align: center;


    display: block;
    position: relative;
    left: -.5vw;
  }

  .image-home-intro-mess-small {
    width: 110vw;
    height: 135vw;
    margin-top: -10px;
    margin-left: -7vw;
    margin-right: 0;
    display: block;
    left: 0%;
  }

  .scrolling-headlines-container-mobile, .scrolling-type-lottie {
    display: block;
  }

  .mobile-nav {
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: #30225a;
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: fixed;
    overflow: hidden;
    transform: translate(0);
  }

  .mobile-nav.faux-hidden {
    z-index: 500;
    top: -100vh;
  }

  .back-button-container {
    z-index: 3;
    height: 6vw;
    position: absolute;
    top: 29px;
    right: 6.5vw;
  }

  .mobile-nav-item-container {
    z-index: 3;
    position: relative;
  }

  .logo-mobile-bg {
    z-index: 3;
    width: 111vw;
    height: 46vw;
    max-height: 306px;
    max-width: 900px;
    opacity: .06;
    background-image: url('../../images/mobile-nav-logo.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    right: 80px;
  }

  .mobile-nav-email-container {
    z-index: 3;
    width: 100%;
    height: 8.7vw;
    align-items: flex-end;
    position: absolute;
    bottom: 9.4vw;
  }

  .logo-nav-lottie {
    width: 75px;
  }

  .loading-logo {
    width: 980vw;
  }

  .person-image {
    width: 90vw;
    height: 90vw;
  }

  .person-image.expert {
    width: 64vw;
    height: 64vw;
    margin-left: -25vw;
  }

  .person-info {
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
  }

  .person-info.expert {
    margin-top: 36px;
    padding-left: 0;
  }

  .person-title {


  }

  .person-body-copy {
    width: 90%;
    max-width: none;
    min-width: 320px;
  }

  .person-body-copy.expert {
    width: 90%;
    max-width: none;
  }

  .person-background-circle.orange {
    width: 100%;
  }

  .case-header-video-desktop {
    display: none;
  }

  .card-caption {
    order: 4;
  }

  .card-caption.single-card-right-mid-caption {
    width: 80%;
    margin-top: 3vw;
    margin-left: 0;
  }

  .card-caption.right-first {
    flex-basis: 80%;
    margin-top: 3vw;
    margin-left: 0;
  }

  .card-caption.left-first {
    flex-basis: 80%;
    margin-top: 3vw;
    margin-left: 0;
    margin-right: 0;
  }

  .card-caption.single-card-right-small-caption {
    width: 80%;
    margin-top: 3vw;
    margin-left: 0;
  }

  .card-caption.single-card-left-small-caption {
    width: 80%;
  }

  .card-caption.single-card-left-mid-caption {
    width: 80%;
    margin-top: 3vw;
  }

  .card-caption.standalone {
    width: 60vw;
  }

  .single-card-mid, .video-card-stretcher-mid, .video-single-card-container-mid {
    width: 95vw;
  }

  .landscape-transformer-card.right-first.left {
    flex-basis: 95vw;
  }

  .landscape-transformer-card.right-first.right {
    flex-basis: 95vw;
    margin-left: 0;
  }

  .landscape-transformer-card.left-first.left {
    flex-basis: 95vw;
    margin-right: 0;
  }

  .landscape-transformer-card.left-first.right {
    flex-basis: 95vw;
    order: 2;
  }

  .single-card-small, .video-single-card-container-small, .video-card-stretcher-thin {
    width: 95vw;
  }

  .combo-card.small {
    width: 86vw;
    order: 1;
  }

  .combo-card.small.second {
    width: 95vw;
    order: 2;
    margin-bottom: 0;
  }

  .combo-card.small.second.oddsecondout {
    margin-bottom: 2.3vw;
  }

  .combo-card.small.first {
    width: 95vw;
    margin-bottom: 2.3vw;
  }

  .combo-card.small.third {
    width: 95vw;
    order: 3;
    margin-top: 2.3vw;
  }

  .combo-card.big {
    width: 86vw;
    order: 2;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .combo-card.big.first {
    width: 95vw;
    order: 1;
    margin-top: 0;
    margin-bottom: 2.3vw;
  }

  .combo-card.big.second {
    width: 95vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  .combo-card.big.third {
    width: 95vw;
    order: 3;
    margin-top: 0;
    margin-bottom: 0;
  }

  .combo-card.bottom {
    order: 3;
    margin-top: 0;
  }

  .combo-card.top {
    order: 3;
    margin-bottom: 0;
  }

  .combo-card.top.first {
    order: 1;
    margin-bottom: 2.3vw;
  }

  .combo-card.half {
    width: 95vw;
  }

  .combo-card.half.first {
    order: 1;
    margin-bottom: 2.3vw;
  }

  .combo-card.half.second {
    order: 2;
    margin-bottom: 0;
  }

  .combo-card.half.third {
    order: 3;
  }

  .combo-video-card-container.big {
    width: 86vw;
    order: 2;
    margin-top: 5vw;
    margin-bottom: 5vw;
  }

  .combo-video-card-container.big.second {
    width: 95vw;
    margin-top: 0;
    margin-bottom: 0;
  }

  .combo-video-card-container.big.first {
    width: 95vw;
    order: 1;
    margin-top: 0;
    margin-bottom: 2.3vw;
  }

  .combo-video-card-container.small {
    width: 86vw;
    order: 1;
  }

  .combo-video-card-container.small.first {
    width: 95vw;
    order: 1;
    margin-bottom: 2.3vw;
  }

  .combo-video-card-container.small.second {
    width: 95vw;
    order: 2;
    margin-bottom: 0;
  }

  .combo-video-card-container.small.second.oddoneout {
    margin-bottom: 2.3vw;
  }

  .combo-video-card-container.bottom {
    width: 86vw;
    order: 3;
    margin-top: 0;
  }

  .combo-video-card-container.half {
    width: 95vw;
  }

  .combo-video-card-container.half.first {
    order: 1;
    margin-bottom: 2.3vw;
  }

  .combo-video-card-container.half.second {
    order: 2;
    margin-bottom: 0;
  }

  .combo-video-card-container.half.third {
    width: 95vw;
    order: 3;
    margin-top: 2.3vw;
  }

  .combo-video-card-container.top.first {
    order: 1;
    margin-bottom: 2.3vw;
  }

  .combo-video-card-stretcher.big, .combo-video-card-stretcher.small {
    width: 95vw;
  }

  .landscape-transformer-video-card-container.right-first.left {
    flex-basis: 95vw;
  }

  .landscape-transformer-video-card-container.right-first.right {
    flex-basis: 95vw;
    margin-left: 0;
  }

  .landscape-transformer-video-card-container.left-first.left {
    flex-basis: 95vw;
  }

  .landscape-transformer-video-card-container.left-first.right {
    flex-basis: 95vw;
    order: 2;
    margin-left: 0;
  }

  .case-header-video-mobile {
    height: 177.7vw;
    display: block;
  }

  .work-thumbnail-small-info {
    width: 80%;


  }

  .scrolling-headlines-case-study {
    letter-spacing: 0;
    margin-top: 4px;
    
  }

  .scrolling-headlines-container-case-study {
    display: none;
  }

  .scrolling-headlines-container-case-study.work.case-study {
    margin-top: 0;
    padding-top: 5px;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .section-container.home-story-intro {
    margin-top: -50vw;
  }

  .section-container.home-story-strategy {
    height: 670vw;
    margin-top: -170vw;
  }

  .section-container.home-story-creative {
    height: 710vw;
    margin-top: -270vw;
  }

  .section-container.home-story-tech {
    height: 750vw;
    margin-top: -230vw;
  }

  .section-container.our-work {
    margin-top: -251vw;
  }

  .section-container.footer {
    height: auto;
  }

  .section-container.home-story-marketing {
    margin-top: -250vw;
  }

  .section-container.case-study-section {
    margin-bottom: 14vw;
  }

  .content-container.our-work {
    padding-top: 62px;
  }

  .content-container.order-from-chaos-container {
    width: 81vw;
    padding-right: 1vw;
  }

  .content-container.person {
    max-width: 1070px;
  }

  .content-container.experts-intro-container {
    width: 90vw;
    padding-right: 0;
  }

  .content-container.case-study-element-container {
    width: 95vw;
  }

  .content-container.case-study-element-container.intro {
    width: 89vw;
    padding-top: 17vw;
    padding-bottom: 17vw;
    padding-right: 0;
  }

  .content-container.case-study-element-container.single-card-right {
    width: 95vw;
  }

  .standard-headline-text.we-are.v2-first {
    margin-top: -94vh;
  }

  .standard-headline-text.chaos-word {


  }

  .standard-headline-text.person {
    margin-left: 0;


  }

  .standard-headline-text.person.expert.you {
    margin-left: 0;
  }

  .standard-headline-text.experts-intro-headline {


  }

  .body-text {


  }

  .body-text.a-way {
    left: 3px;
  }

  .body-text.person {


  }

  .story-content {
    flex-direction: column;
    padding-left: 7vw;
  }

  .strategy-image-container {
    width: 260vw;
    min-width: 260vw;
  }

  .strategy-image-container.second {
    top: 71vw;
  }

  .we-are-arrow {
    width: 160px;
  }

  .creative-image-container.second {
    top: 58vw;
  }

  .tech-image-container {
    top: -131vw;
  }

  .tech-image-container.second {
    top: 88vw;
  }

  .marketing-image-container {
    top: -64vw;
  }

  .marketing-image-container.second {
    width: 140vw;
    min-width: 140vw;
    top: 69.5vw;
  }

  .work-container {
    height: 220vw;
  }

  .story-paragraph {
    margin-bottom: 26px;


  }

  .story-paragraph.first-strat {
    width: 79%;

  }

  .story-paragraph.last-strat {
    width: 85%;
  }

  .strategy-content-text-container {
    width: 85%;
    top: 91vw;
  }

  .creative-content-text-container {
    width: 83%;
    top: 106vw;
  }

  .tech-content-text-container {
    width: 90%;
    top: 128vw;
  }

  .marketing-content-text-container {
    width: 90%;
    top: 99.7vw;
  }

  .work-thumbnail-info {


  }

  .footer-right {
    flex: 0 0 100vh;
  }

  .footer-side-container {
    flex-direction: column;
    flex: 0 0 70vh;
    align-items: center;
  }

  .footer-side-container.about-us {
    flex-direction: column-reverse;
  }

  .footer-logo {
    width: 79vw;
    height: 50vw;
    max-width: 372px;
    margin-bottom: 8vw;
    right: -4.2vw;
  }

  .footer-link-text {


  }

  .footer-link-underline {
    border-top-width: .5vw;
  }

  .footer-work-image {
    width: 70vw;
    height: 60vw;
    margin-top: -10vw;
    margin-bottom: 5vh;
    margin-right: 0;
  }

  .footer-work-image.about-us {
    width: 70vw;
    margin-left: 0;
  }

  .story-lottie.marketing-xsmall-second {
    width: 280vw;
  }

  .creative-pball1 {
    width: 126px;
    top: -86px;
    left: 111px;
  }

  .creative-pball2 {
    width: 104px;
    top: 313px;
    left: 281px;
  }

  .creative-pball3 {
    width: 90px;
    top: 523px;
    left: 103px;
  }

  .creative-file1.mobile {
    width: 102px;
    top: 214px;
    left: 241px;
  }

  .creative-file2.mobile {
    width: 110px;
    top: 616px;
    left: 182px;
  }

  .creative-file3.mobile {
    width: 99px;
    top: 845px;
    left: 65px;
  }

  .nav {
    height: 90px;
  }

  .nav-item {


  }

  .nav-item.mobile {
    padding-left: 20px;


  }

  .nav-item.nav-contact {

  }

  .nav-item.email-mobile {

  }

  .image-home-intro-mess-small {
    width: 140vw;
    margin-top: -25vw;
    margin-left: -20vw;
  }

  .scrolling-headlines-container-mobile {
    width: 100%;
    height: auto;
    position: relative;
  }

  .scrolling-type-lottie {
    align-items: center;
    display: flex;
  }

  .back-button-container {
    top: 16px;
  }

  .logo-nav-lottie {
    width: 59px;
  }

  .person-image {
    width: 86vw;
    height: 86vw;
  }

  .person-image.expert {
    width: 86vw;
    height: 86vw;
    margin-left: 0;
  }

  .person-title {


  }

  .person-body-copy {
    width: 96%;
    min-width: 0;
  }

  .person-body-copy.expert {
    width: 96%;
  }

  .chaos-spacer {
    height: 0;
  }

  .case-key-info-copy {
    padding-bottom: 14vw;


  }

  .case-body-copy {


  }

  .card-caption, .card-caption.single-card-right-mid-caption {
    width: 100%;
  }

  .card-caption.right-first, .card-caption.left-first {
    flex-basis: 100%;
  }

  .card-caption.single-card-right-small-caption {
    width: 100%;
    margin-left: 0;
  }

  .card-caption.standalone {
    width: 95vw;
  }

  .caption {
    margin-left: 2px;


  }

  .single-card-mid, .video-card-stretcher-mid, .video-single-card-container-mid {
    width: 95vw;
  }

  .landscape-transformer-card.right-first.left, .landscape-transformer-card.right-first.right {
    flex-basis: 95vw;
  }

  .single-card-small, .video-single-card-container-small, .video-card-stretcher-thin, .video-card-full-width, .combo-card.small.second, .combo-card.small.first, .combo-card.small.third, .combo-card.big.first, .combo-card.big.second, .combo-card.big.third, .combo-card.bottom.third, .combo-card.half.first, .combo-card.half.second, .combo-card.half.third, .combo-video-card-container.big.second, .combo-video-card-container.big.first, .combo-video-card-container.small.first, .combo-video-card-container.small.second, .combo-video-card-container.bottom.third, .combo-video-card-container.half.first, .combo-video-card-container.half.second, .combo-video-card-container.half.third, .combo-video-card-stretcher.big {
    width: 95vw;
  }

  .landscape-transformer-video-card-container.right-first.left, .landscape-transformer-video-card-container.right-first.right, .landscape-transformer-video-card-container.left-first.left, .landscape-transformer-video-card-container.left-first.right {
    flex-basis: 95vw;
  }

  .case-header-video-mobile {
    height: 177vw;
  }

  .static-nav, .static-nav-light {
    height: 85px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .work-thumbnail-small-info {


  }

  .static-nav-dark {
    height: 85px;
    padding-left: 20px;
    padding-right: 20px;
  }
}



.section-container.case-study-section:last-of-type {
  margin-bottom:64px;
}



.chevron {
  position: absolute;
  width: 2.1rem;
  height: 0.48rem;
  opacity: 0;
  transform: scale(0.3);
  animation: move-chevron 10s ease-out infinite;
}

.chevron:first-child {
  animation: move-chevron 10s ease-out 5s infinite;
}

.chevron:nth-child(2) {
  animation: move-chevron 10s ease-out 5s infinite;
}

.chevron:before,
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: #2c3e50;
}

.chevron:before {
  left: 0;
  transform: skewY(30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skewY(-30deg);
}

@keyframes move-chevron {
  25% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
    transform: translateY(2.28rem);
  }
  66.6% {
    opacity: 1;
    transform: translateY(3.12rem);
  }
  100% {
    opacity: 0;
    transform: translateY(4.8rem) scale(0.5);
  }
}