@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/ITC Avant Garde Gothic Std Bold'), url('../fonts/ITCAvantGardeStdBold.woff') format('woff');
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
body {
  color: #191919;
  line-height: 1
}
ol, ul {
  list-style: none
}
blockquote, q {
  quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none
}
p {
  margin: 0 0 1.5rem;
}
button, input, select {
  border: none;
  -webkit-appearance: none;
  background: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit
}
@keyframes reveal {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.serif-28 {
  font-size: 1.25vh;
  font-size: 16px;
  line-height: 1.667;
  font-family: 'Lora', serif
}
@media (max-width: 700px) {
  .serif-28 {
    font-size: 14px
  }
}
@media (min-width:1440px) {
  .serif-28 {
    font-size: 28px
  }
}
.sans-18 {
  font-size: 1.25vh;
  font-size: 16px;
  line-height: 1.556;
  font-family: 'ITC Avant Garde Gothic Std Bold'
}
@media (min-width: 1440px) {
  .sans-18 {
    font-size: 18px
  }
}
.sans-80 {
  font-size: 5.55556vh;
  font-size: 40px;
  line-height: 1.125;
  letter-spacing: -.02em;
  font-family: 'ITC Avant Garde Gothic Std Bold';
  margin-bottom: 2rem
}
@media (min-width:1440px) {
  .sans-80 {
    font-size: 75px
  }
}
@media (max-width: 700px) {
  .sans-80 {
    font-size: 30px;
  }
}
.sans-130 {
  font-size: 12.5vh;
  font-size: 75px;
  line-height: 1.08;
  letter-spacing: -.06em;
  font-family: 'ITC Avant Garde Gothic Std Bold';
  margin: 0 0 2rem
}
@media (max-width: 700px) {
  .sans-130 {
    font-size: 52px
  }
}
@media (min-width:1440px) {
  .sans-130 {
    font-size: 130px
  }
}
* {
  margin: 0;
  padding: 0;
  font-size: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-drag: none
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
*.oy-nav-trigger::after, *.oy-nav-trigger::before {
  content: '';
}
body, html {
  width: 100%
}
html {
  font-size: calc(2.5px + .52083vw);
  transition: background .5s cubic-bezier(.075, .82, .165, 1)
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  touch-action: manipulation;
  overscroll-behavior-x: none
}
body ::-moz-selection {
  background: rgba(255, 219, 0, .99)
}
body ::selection {
  background: rgba(255, 219, 0, .99)
}
iframe, img, video {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.underlined {
  text-decoration: underline;
  transition: all .5s cubic-bezier(.075, .82, .165, 1)
}
.underlined.active {
  color: #ffdb00;
  text-decoration: none
}
.mb-0 {
  margin-bottom: 0 !important
}
.mb-2 {
  margin-bottom: 2rem
}
.home, .projects {
  overflow: hidden
}
.home-block {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  padding: 5rem;
  position: relative
}
.home-block > a {
  display: block;
  width: 100%;
  height: 100%
}
.home-block h3 {
  margin-bottom: .5rem;
  font-size: 2.43056vh;
  font-size: 30px;
  line-height: 1.286;
  letter-spacing: -.01em;
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-weight: 500
}
@media (min-width:1440px) {
  .home-block h3 {
    font-size: 35px
  }
}
.home-block.light {
  color: #fff
}
.home-block.cover .home-block--asset {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}
@media only screen and (max-width:767px) {
  .home-block {
    height: calc(50vh + .2px)
  }
}
.home-block--asset {
  height: 55%;
  margin: auto 0 0
}
.home-block--asset img, .home-block--asset video {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}
.home-header.yellow, .approach-block.yellow {
  background: #ffeb36;
  color: #191919
}
.home-header.dark, .approach-block.dark {
  background: #191919;
  color: #ffeb36
}
.home-header, .approach-block {
  height: calc(100vh - 3rem);
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffeb36;
  padding: 10rem 5rem 5rem
}
.approach-block {
  height: calc(100vh - 0rem);
}
.home-header .v-middle, .approach-block .v-middle {
  margin: auto 0;
  text-align: center
}
.home-header .screen-w, .approach-block .screen-w {
  width: 700px;
  margin: 0 auto
}
@media only screen and (max-width: 768px) {
  .home-header .screen-w, .approach-block .screen-w {
    width: 100%
  }
}
@media (min-width:1440px) {
  .home-header .screen-w, .approach-block .screen-w {
    width: 1200px
  }
}
@media only screen and (max-width:767px) {
  .home-header {
    height: 100%
  }
}
.arrow-box {
  border: 0;
  margin-right: 0;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}
@media only screen and (min-width: 768px) {
  .arrow-box {
    margin-right: 40px;
    width: 80px;
    height: 80px;
    top: 50%;
    transform: translateY(-50%)
  }
}
.arrow-box button {
  background-color: #ffeb36;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%
}
.arrow-box-line {
  width: 9px;
  height: 1px;
  left: 11px;
  position: relative;
  display: block;
  background: #191919;
  z-index: 1;
  transition: all 0.35s ease-in-out
}
@media only screen and (min-width: 768px) {
  .arrow-box-line {
    left: 30px;
    width: 18px
  }
}
.arrow-box-head {
  width: 0px;
  height: 0px;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #191919;
  border-top: 6px solid transparent;
  display: block;
  position: absolute;
  z-index: 5;
  bottom: -5px;
  right: -6px
}
@media only screen and (min-width: 768px) {
  .arrow-box-head {
    border-bottom: 8px solid transparent;
    border-left: 12px solid #191919;
    border-top: 8px solid transparent;
    bottom: -7px;
    right: -8px
  }
}
.arrow-box:hover .arrow-box-line {
  width: 12px;
}
@media only screen and (min-width: 768px) {
  .arrow-box:hover .arrow-box-line {
    width: 30px
  }
}
.hint {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0
}
.case-study-header {
    width: 100%;
    height: 75vh;
    overflow: hidden
}
.case-study-header .asset {
    height: 100%
}
@keyframes reveal {
0% {
opacity:0
}
to {
opacity:1
}
}
.asset {
  display: block;
  position: relative
}
.asset video:not([autoplay]) {
  cursor: pointer
}
.asset.cover img, .asset.cover video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.asset svg {
  top: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  position: absolute;
  pointer-events: none;
  fill: #ffdb00
}
.asset .icon-play {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)
}
@keyframes reveal {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.home-block {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  padding: 5rem;
  position: relative
}
.home-block > a {
  display: block;
  width: 100%;
  height: 100%
}
.home-block h3 {
  margin-bottom: .5rem;
  font-size: 2.43056vh;
  font-size: 30px;
  line-height: 1.286;
  letter-spacing: -.01em;
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-weight: 500
}
@media (min-width:1440px) {
  .home-block h3 {
    font-size: 35px
  }
}
.home-block.light {
  color: #fff
}
.home-block.cover .home-block--asset {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}
@media only screen and (max-width:767px) {
  .home-block {
    height: calc(50vh + .2px)
  }
}
.home-block--asset {
  height: 55%;
  margin: auto 0 0
}
.home-block--asset img, .home-block--asset video {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%
}
header {
  z-index: 3
}
.oy-logo, .oy-nav-trigger {
  position: fixed;
  display: inline-block
}
.oy-logo {
  top: 28px;
  left: 5%
}
.oy-logo img {
  display: block
}
.oy-nav-trigger {
  top: 5rem;
  right: 5rem;
  height: 100px;
  width: 100px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: transform 1s cubic-bezier(.075, .82, .165, 1), background .5s cubic-bezier(.075, .82, .165, 1)
}
.oy-nav-trigger:hover {
  transform: scale(1.15)
}
.oy-nav-trigger::before, .oy-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform
}
.oy-nav-trigger::before {
  background: url("../images/yuga-logo-black.svg");
  background-color: #191919;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}
.oy-nav-trigger::after {
  background-color: #ffeb36;
  background: url("../images/yuga-logo-yellow.svg");
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s
}
.oy-nav-trigger.close-nav::before {
  /* user clicks on the .oy-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.oy-nav-trigger.close-nav::after {
  /* user clicks on the .oy-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}
.oy-primary-nav {
  /* by default it's hidden */
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  pointer-events: none;
  z-index: 3;
  background-color: #191919;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s
}
.nav-link {
  display: flex;
  flex-direction: column;
  margin: auto
}
@media not all and (pointer: coarse) {
  .nav-link a:hover {
    transform: translate3d(20px, 0, 0)
  }
}
.oy-primary-nav a {
  color: #ffeb36;
  display: block;
  transition: transform .5s cubic-bezier(.075, .82, .165, 1);
  position: relative;
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-size: 12.22vmin;
  text-align: center;
  margin-bottom: 10px;
}
.oy-primary-nav a:last-child {
	margin-bottom: 0
}
.no-touch .oy-primary-nav a:hover {
  color: #ffeb36
}
.oy-primary-nav.fade-in {
  visibility: visible;
  opacity: 1;
  pointer-events: auto
}
.oy-overlay-nav, .oy-overlay-content {
  position: fixed;
  top: 8rem;
  right: 8rem;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px)
}
.oy-overlay-nav span, .oy-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.oy-overlay-nav.is-hidden, .oy-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s
}
.oy-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2
}
.oy-overlay-nav span {
  background-color: #191919
}
.oy-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4
}
.oy-overlay-content span {
  background-color: #ffeb36
}
/* Common button styles */
.button {
  margin-top: 2rem;
  padding: 15px 30px 15px;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale
}
.button:focus {
  outline: none;
}
.button > span {
  vertical-align: middle
}
/* Borders */
.button--border-thin {
  border: 2px solid
}
/* fill */
.button--fill {
  overflow: hidden;
  padding: 0;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}
.button--fill::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #191919;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0)
}
.button--fill > span {
  display: block
}
.button--fill.button--inverted {
  color: #191919
}
.button--fill.button--inverted:after {
  color: #ffeb36
}
.button--fill::after, .button--fill > span {
  padding: 15px 30px 15px;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}
.button--fill.button--inverted:hover {
  border-color: #191919;
  background-color: #191919
}
.button--fill:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.button--fill:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0)
}
#yuga_footer {
  background: #191919;
  padding: 70px 0 40px
}
#yuga_footer > .inner {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto 138px;
  max-width: 1210px;
  padding: 0 2.25%;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  #yuga_footer > .inner {
    padding-left: 5.33333333%;
    padding-right: 5.33333333%
  }
}
#yuga_footer > .inner > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-right: 2.5% !important;
}
#yuga_footer > .inner > div.spacer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 14.58333333%
}
#yuga_footer > .inner > div.left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 48.75%
}
#yuga_footer > .inner > div.left .location .title {
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-style: normal;
  letter-spacing: 0.025em;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 14px;
  margin-bottom: 0
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div.left .location .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
  }
}
#yuga_footer > .inner > div.left .location p, #yuga_footer > .inner > div.left .location a {
  font-family: 'Lora', serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.025em;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 14px;
  margin-right: 20px;
  color: #ffeb36
}
#yuga_footer > .inner > div.left .location a {
  color: #ffeb36
}
#yuga_footer > .inner > div.right {
  margin: 0;
  padding: 0;
  width: 31.66666667%;
  margin-right: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block
}
#yuga_footer > .inner > div.right, #yuga_footer > .inner > div.right * {
  font-size: 18px;
  line-height: 25px
}
#yuga_footer > .inner > div.right .title {
  font-family: 'ITC Avant Garde Gothic Std Bold';
  font-style: normal;
  letter-spacing: 0.025em;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 6px;
  color: #ffeb36
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div.right .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
  }
}
#yuga_footer > .inner > div.right p {
  color: rgba(25, 25, 25, 0.4)
}
#yuga_footer > .inner > div.right a {
  color: inherit
}
#yuga_footer > .inner > div.right .city-link {
  margin-right: 20px
}
#yuga_footer > .inner > div p {
  font-family: 'Lora', serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.025em;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 14px;
  color: #191919
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
  }
}
#yuga_footer > .inner > div p.title {
  color: #191919
}
#yuga_footer > .inner > div .social, #yuga_footer > .inner > div .privacy, #yuga_footer > .inner > div .contact {
  font-size: 0;
  margin-bottom: 15px
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div .social, #yuga_footer > .inner > div .privacy, #yuga_footer > .inner > div .contact {
    margin-top: 20px;
  }
}
#yuga_footer > .inner > div .social a, #yuga_footer > .inner > div .privacy a, #yuga_footer > .inner > div .contact a {
  font-family: 'Lora', serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.025em;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 14px;
  margin-right: 15px;
  color: #ffeb36
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div .social a, #yuga_footer > .inner > div .privacy a, #yuga_footer > .inner > div .contact a {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
  }
}
@media (max-width: 980px) {
  #yuga_footer {
    margin-bottom: 0
  }
  #yuga_footer > .inner > div.spacer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 6.04166667%
  }
  #yuga_footer > .inner > div.left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 48.75%
  }
  #yuga_footer > .inner > div.right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 40.20833333%
  }
}
@media (max-width: 700px) {
  #yuga_footer > .inner > div {
    display: block !important;
    width: 100% !important;
    margin-bottom: 32px !important
  }
  #yuga_footer > .inner > div.spacer {
    display: none
  }
  #yuga_footer > .inner > div p.title {
    margin-bottom: 20px
  }
  .home-header .v-middle {
    margin-top: 150px
  }
}
.nav-active {
  color: #ffeb36;
  right: 17rem;
  top: 8.5rem;
  position: fixed;
  cursor: pointer;
  transition: color .5s cubic-bezier(.075, .82, .165, 1);
  pointer-events: auto
}
.case-study-assets {
	background-color: #191919;
    width: 100%;
    padding: 5rem 5rem 5rem
}
.case-study-assets img, .case-study-assets video {
    width: 100%
}
.case-study-assets .row {
    display: flex;
    justify-content: space-between
}
.case-study-assets .row>span {
    width: 100%;
    margin-bottom: 5rem
}
.case-study-assets .row>span:empty {
    display: none
}

@media only screen and (min-width:1092px) {
.case-study-assets .asset {
    overflow: hidden
}
}