:root {
  --text: black;
  --light-grey: #f0f0f0;
  --dark-grey: #d5d6d7;
  --white: white;
  --transparent-black: #0000;
  --background: #fafbfd;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #000;
  letter-spacing: -.02em;
  background-color: #fafbfd;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: .9;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: .9;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: .9;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--text);
  text-decoration: none;
}

.page-content {
  z-index: 1;
  background-color: #fafbfd;
  position: relative;
  overflow: hidden;
}

.section {
  padding-left: 75px;
  padding-right: 75px;
}

.section.hidden, .section.is--hidden {
  display: none;
}

.container {
  width: 100%;
  max-width: 1132px;
  margin-left: auto;
  margin-right: auto;
}

.container.is--home-projects {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.is--works {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.nav-grid {
  grid-column-gap: 25px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
}

.nav-grid.work-detail-margin {
  grid-row-gap: 40px;
  margin-top: 90px;
  margin-bottom: 150px;
}

.navbar {
  z-index: 2;
  background-color: #fafbfd;
  padding: 20px 75px 15px;
  position: sticky;
  top: 0;
}

.nav-link {
  padding: 0;
}

.nav-menu {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  display: flex;
}

.logo {
  width: 155px;
}

.intro-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 910px;
  margin-top: 60px;
  margin-bottom: 20px;
  display: flex;
}

.intro-block.is--hidden {
  display: none;
}

.brand {
  color: var(--text);
  padding-left: 0;
}

.brand.w--current {
  color: var(--text);
  font-size: 22px;
}

.text---large {
  letter-spacing: -.035em;
  font-size: 49px;
  font-weight: 400;
  line-height: 1.15;
}

.text---large.is--hero {
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.1;
}

.button {
  background-color: var(--light-grey);
  color: var(--text);
  border-radius: 1000px;
  padding: 20px 25px 19px;
  font-weight: 400;
}

.button.is-view-all {
  margin-top: 40px;
}

.button.is--hidden {
  display: none;
}

.section-divider {
  justify-content: center;
  height: 1px;
  margin-bottom: 50px;
  display: flex;
  position: relative;
}

.divider-line-wrap {
  justify-content: center;
  width: 100vw;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
}

.divider-line {
  border-top: 1px solid var(--dark-grey);
  width: 100%;
  margin-top: 121px;
  margin-bottom: 121px;
}

.text---medium {
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 400;
}

.text---medium.is--white {
  color: var(--white);
  text-align: center;
  font-size: 28px;
}

.text---extrasmall {
  letter-spacing: -.035em;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 1.2;
}

.text---extrasmall.grid-gap---about-section {
  text-transform: none;
}

.text---extrasmall.is--whiten-bold-26 {
  color: var(--white);
  font-size: 26px;
  font-weight: 800;
  display: inline-block;
}

.text---extrasmall.is--bold {
  font-weight: 500;
}

.text---extrasmall.is--works {
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 16px;
}

.top-margin---medium {
  margin-top: 170px;
}

.top-margin---small {
  margin-top: 130px;
}

.expertise-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-weight---medium {
  font-weight: 500;
  line-height: 1.4;
}

.text-weight---medium.is--hero {
  margin-bottom: -30px;
}

.footer {
  background-color: var(--text);
  color: var(--white);
  padding-bottom: 20px;
  padding-left: 75px;
  padding-right: 75px;
  position: sticky;
  bottom: 0;
}

.footer-gap {
  height: 200px;
}

.footer-gap.is--hidden {
  display: none;
}

.contact-block {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 190px;
  margin-bottom: 141px;
  display: flex;
}

.menu-button {
  display: none;
}

.footer-menu {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  color: #fff;
  display: flex;
}

.slide-up-link {
  padding-bottom: 0;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.slide-up-link.is--hidden {
  display: none;
}

.main-text {
  text-align: center;
  margin-bottom: 4px;
  overflow: hidden;
}

.decoy-text {
  text-align: center;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.underline {
  border-bottom: .078vw solid #000;
  position: absolute;
  inset: auto 0% 0%;
}

.underline.white {
  border-bottom-color: var(--white);
}

.button-text-wrap {
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.footer-slide-up-link {
  color: var(--white);
  padding-bottom: 2px;
  position: relative;
  overflow: hidden;
}

.light-text {
  color: var(--white);
}

.credit-block {
  display: flex;
}

.collection-list-works {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.work-image-wrap {
  align-items: flex-end;
  width: 100%;
  height: 400px;
  max-height: 620px;
  padding: 30px 30px 20px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.work-cover {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.work-cover._1 {
  background-image: linear-gradient(to bottom, var(--transparent-black) 60%, black), url('../images/Group-287-min.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.work-cover._2 {
  background-image: linear-gradient(to bottom, var(--transparent-black) 60%, black), url('../images/Group-281.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.work-cover._3 {
  background-image: linear-gradient(180deg, var(--transparent-black) 60%, black), url('../images/unnamed.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.work-cover._4 {
  background-image: linear-gradient(to bottom, var(--transparent-black) 60%, black), url('../images/Group-290-min.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.work-cover._5 {
  background-image: linear-gradient(180deg, var(--transparent-black) 60%, black), url('../images/NAGHEDI-min.avif');
  background-position: 0 0, 31%;
  background-size: auto, cover;
}

.work-cover._6 {
  background-image: linear-gradient(180deg, var(--transparent-black) 60%, black), url('../images/MANGO-min.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.text---small {
  font-size: 20px;
}

.highlighted-text {
  opacity: .7;
  line-height: 1.2;
}

.client-name-summary-wrap {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.text---extralarge {
  letter-spacing: -.035em;
  font-size: 100px;
  font-weight: 400;
  line-height: 1.15;
}

.text---extralarge.large-footer-text {
  margin-bottom: 20px;
}

.text---extralarge.large-footer-text.is--hidden, .text---extralarge.is--hidden {
  display: none;
}

.works-intro-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 910px;
  margin-top: 200px;
  margin-bottom: 140px;
  display: flex;
}

.dropdown-menu, .close-button {
  display: none;
}

.menu-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-grid {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.button-circle-wrap {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  position: relative;
}

.footer-grid {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.item-intro-block {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 910px;
  margin-top: 200px;
  margin-bottom: 135px;
  display: flex;
}

.work-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 50vw;
  max-height: 700px;
}

.work-images-collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.next-project-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--white);
  flex-direction: column;
  align-items: center;
  margin-top: 190px;
  margin-bottom: 190px;
  display: flex;
}

.colors-grid {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-block {
  text-transform: uppercase;
  height: 145px;
}

.color-block._1 {
  background-color: var(--text);
  color: var(--white);
  border: 1px solid #232323;
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-block._2 {
  background-color: var(--dark-grey);
  color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-block._3 {
  background-color: var(--light-grey);
  color: var(--text);
  justify-content: center;
  align-items: center;
  display: flex;
}

.color-block._4 {
  border: 1px solid var(--dark-grey);
  background-color: var(--background);
  color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.typography-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.typography-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.rich-text-block h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: 400;
  line-height: 100%;
}

.rich-text-block h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 100%;
}

.rich-text-block h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.rich-text-block figcaption {
  color: #4b4b4b;
}

.rich-text-block h3 {
  font-size: 32px;
  font-weight: 400;
}

.rich-text-block h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 400;
  line-height: 100%;
}

.rich-text-block h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

.rich-text-block p {
  margin-bottom: 20px;
  line-height: 1.2;
}

.info-grid {
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.version-block {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.version-grid {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-content._404-page {
  grid-row-gap: 10px;
  align-items: center;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  max-width: 90vw;
  display: flex;
}

.password-field-label {
  display: none;
}

.password-text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--dark-grey);
  background-color: #0000;
  height: 60px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 0;
  font-size: 16px;
}

.password-text-field::placeholder {
  color: #000000b3;
}

.back-home-button {
  margin-top: 20px;
}

.delete-this {
  z-index: 1000;
  position: fixed;
  inset: auto 12px 12px auto;
}

.template-badge {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  letter-spacing: 0;
  text-transform: none;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  padding: 6px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.badge-image {
  width: 26px;
  height: 16px;
}

.grid-3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  text-align: center;
  flex-direction: column;
  grid-template-columns: .5fr 1fr 1fr;
  align-items: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .5fr 1fr;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.black-section {
  background-color: var(--text);
  margin-top: 120px;
  padding: 80px 75px 90px;
}

.black-section.is--hidden {
  display: none;
}

.clients-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: center;
  height: 30px;
  margin-top: 60px;
  display: flex;
}

.client_img-small {
  height: 26px;
}

.agencies-marquee-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 7090px;
  margin-top: 60px;
  display: flex;
}

.works-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 60px;
}

.nav-grid-copy {
  grid-column-gap: 25px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
}

.nav-grid-copy.work-detail-margin {
  grid-row-gap: 40px;
  margin-top: 90px;
  margin-bottom: 150px;
}

.works-sub-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 60px;
}

.image-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: 200px;
}

.video {
  height: 164.7px;
}

.lightbox-link, .lightbox-link-2, .lightbox-link-3, .lightbox-link-4 {
  width: 100%;
}

.text-block {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.text-block-2 {
  font-family: BBH Sans Bartle, sans-serif;
  font-size: 21px;
  line-height: 1.1;
}

.text-block-3 {
  font-size: 16px;
}

@media screen and (min-width: 1440px) {
  .logo {
    width: 178px;
  }

  .intro-block {
    max-width: 1130px;
  }

  .text---large {
    font-size: 80px;
  }

  .text---medium.is--white {
    font-size: 32px;
  }

  .text---extrasmall.is--works {
    font-size: 20px;
  }

  .work-image-wrap {
    height: 540px;
  }

  .text---small {
    font-size: 24px;
  }

  .grid-2 {
    grid-row-gap: 0px;
  }

  .button-circle-wrap {
    width: 52px;
    height: 52px;
  }

  .password-text-field {
    height: 70px;
  }

  .password-text-field::placeholder {
    font-size: 18px;
  }

  .image-2 {
    width: 600px;
    height: 240px;
  }
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 23px;
  }

  .container {
    max-width: 1320px;
  }

  .nav-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-grid.work-detail-margin {
    grid-row-gap: 50px;
    margin-top: 105px;
    margin-bottom: 155px;
  }

  .navbar {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .nav-menu {
    grid-column-gap: 53px;
    grid-row-gap: 53px;
  }

  .intro-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 100%;
  }

  .text---large {
    font-size: 93px;
  }

  .button {
    padding: 25px 30px;
  }

  .section-divider {
    margin-bottom: 57px;
  }

  .divider-line-wrap {
    max-width: 1500px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text---medium {
    font-size: 48px;
  }

  .text---medium.is--white {
    font-size: 40px;
  }

  .text---extrasmall {
    font-size: 38px;
  }

  .text---extrasmall.is--works {
    font-size: 24px;
  }

  .top-margin---medium {
    margin-top: 182px;
  }

  .top-margin---small {
    margin-top: 148px;
  }

  .expertise-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer {
    padding-bottom: 25px;
  }

  .footer-gap {
    height: 225px;
  }

  .contact-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 225px;
    margin-bottom: 225px;
  }

  .footer-menu {
    grid-column-gap: 53px;
    grid-row-gap: 53px;
  }

  .collection-list-works {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .work-image-wrap {
    max-height: 720px;
    padding: 35px 35px 30px 30px;
  }

  .text---small {
    font-size: 26px;
  }

  .client-name-summary-wrap {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .text---extralarge {
    font-size: 120px;
  }

  .works-intro-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    max-width: 1025px;
    margin-top: 215px;
    margin-bottom: 145px;
  }

  .menu-block, .menu-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .button-circle-wrap {
    width: 50px;
    height: 50px;
  }

  .footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .item-intro-block {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    max-width: 1025px;
    margin-top: 215px;
    margin-bottom: 140px;
  }

  .work-image {
    max-height: 810px;
  }

  .work-images-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .next-project-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 225px;
    margin-bottom: 225px;
  }

  .info-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .template-badge {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .nav-grid-copy {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .nav-grid-copy.work-detail-margin {
    grid-row-gap: 50px;
    margin-top: 105px;
    margin-bottom: 155px;
  }

  .image-2 {
    height: 260px;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-grid {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nav-grid.work-detail-margin {
    margin-top: 85px;
    margin-bottom: 125px;
  }

  .navbar {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
  }

  .intro-block {
    max-width: 774px;
  }

  .section-divider {
    margin-bottom: 45px;
  }

  .divider-line {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .text---medium.is--white {
    font-size: 24px;
  }

  .text---extrasmall.grid-gap---about-section {
    font-size: 28px;
  }

  .top-margin---medium {
    margin-top: 135px;
  }

  .top-margin---small {
    margin-top: 120px;
  }

  .footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-block {
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .footer-menu {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
  }

  .collection-list-works {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .work-image-wrap {
    height: 400px;
    max-height: 700px;
  }

  .text---small {
    font-size: 18px;
  }

  .text---extralarge {
    font-size: 90px;
  }

  .works-intro-block {
    max-width: 774px;
    margin-top: 145px;
    margin-bottom: 100px;
  }

  .menu-grid {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-2 {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .button-circle-wrap {
    width: 52px;
    height: 52px;
  }

  .footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .item-intro-block {
    max-width: 774px;
    margin-top: 145px;
    margin-bottom: 95px;
  }

  .work-image {
    height: 60vw;
  }

  .work-images-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .next-project-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 155px;
    margin-bottom: 155px;
  }

  .info-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .password-text-field {
    height: 70px;
    font-size: 18px;
  }

  .delete-this {
    bottom: 20px;
    right: 20px;
  }

  .grid-3 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: .5fr 1fr;
    width: 80%;
  }

  .about-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .black-section {
    margin-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .client_img-small {
    height: 24px;
  }

  .agencies-marquee-wrap {
    transform: translate(-560px);
  }

  .nav-grid-copy {
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .nav-grid-copy.work-detail-margin {
    margin-top: 85px;
    margin-bottom: 125px;
  }
}

@media screen and (max-width: 767px) {
  .nav-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .nav-link {
    font-size: 20px;
  }

  .nav-menu {
    z-index: 1;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    font-size: 16px;
    display: flex;
    inset: 0% 0% auto;
  }

  .intro-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .brand {
    z-index: 1;
    mix-blend-mode: difference;
  }

  .brand.w--current {
    font-size: 19px;
  }

  .text---large {
    font-size: 37px;
  }

  .divider-line-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .divider-line {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .text---medium {
    font-size: 32px;
  }

  .text---extrasmall {
    letter-spacing: 0;
    margin-bottom: 10px;
  }

  .text---extrasmall.grid-gap---about-section {
    margin-bottom: 0;
    font-size: 22px;
  }

  .text---extrasmall.is--works {
    font-size: 16px;
  }

  .text-weight---medium {
    letter-spacing: 0;
    font-size: 18px;
  }

  .menu-button {
    display: none;
  }

  .footer-menu {
    z-index: 1;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-content: space-between;
    inset: 0% 0% auto;
  }

  .slide-up-link.is--hidden-mobile {
    display: none;
  }

  .underline {
    border-bottom-width: .263vw;
  }

  .credit-block {
    display: none;
  }

  .work-image-wrap {
    height: 50vw;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .work-cover._1 {
    background-position: 50% 20%;
  }

  .work-cover._5 {
    background-position: 50% 30%;
  }

  .text---small {
    font-size: 16px;
  }

  .footer-menu-wrap {
    font-size: 16px;
    display: block;
  }

  .text---extralarge {
    font-size: 52px;
  }

  .text---extralarge.large-footer-text {
    text-align: center;
    font-size: 14vw;
  }

  .dropdown-menu {
    background-color: #000;
  }

  .close-button {
    display: none;
  }

  .menu-grid, .footer-grid, .info-grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .grid-3 {
    grid-row-gap: 39px;
    grid-template-columns: 1fr;
  }

  .about-grid {
    grid-row-gap: 30px;
  }

  .black-section {
    margin-top: 60px;
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .clients-wrap {
    margin-top: 40px;
  }

  .client_img-small {
    height: 20px;
  }

  .agencies-marquee-wrap {
    width: 7430px;
  }

  .works-grid {
    grid-template-columns: 1fr;
  }

  .nav-grid-copy {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .works-sub-grid {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-2 {
    color: var(--text);
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 18px;
  }

  .section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .nav-grid.work-detail-margin {
    grid-row-gap: 35px;
    margin-top: 70px;
    margin-bottom: 100px;
  }

  .navbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link {
    font-size: 18px;
  }

  .nav-menu {
    display: none;
  }

  .logo {
    width: 139px;
  }

  .intro-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text---large, .text---large.is--hero {
    font-size: 36px;
  }

  .button {
    padding: 18px 23px;
  }

  .section-divider {
    margin-bottom: -5px;
  }

  .divider-line-wrap {
    padding-left: 5px;
    padding-right: 5px;
  }

  .text---extrasmall {
    font-size: 22px;
  }

  .top-margin---medium {
    margin-top: 115px;
  }

  .top-margin---small {
    margin-top: 80px;
  }

  .expertise-block {
    grid-row-gap: 22px;
  }

  .footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-gap {
    height: 135px;
  }

  .contact-block {
    grid-row-gap: 20px;
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .menu-button {
    cursor: pointer;
    display: block;
  }

  .menu-button.is--hidden-mobile {
    display: none;
  }

  .slide-up-link {
    font-size: 16px;
  }

  .collection-list-works {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .work-image-wrap {
    height: 100vw;
    padding-left: 20px;
  }

  .text---small {
    font-size: 16px;
  }

  .client-name-summary-wrap {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
  }

  .text---extralarge {
    font-size: 78px;
  }

  .text---extralarge.large-footer-text {
    font-size: 15vw;
  }

  .works-intro-block {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    margin-top: 125px;
    margin-bottom: 80px;
  }

  .dropdown-menu {
    z-index: 10;
    color: var(--white);
    display: none;
    position: absolute;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .close-button {
    z-index: 2;
    cursor: pointer;
    display: block;
    position: absolute;
    inset: 20px 10px auto auto;
  }

  .menu-block {
    grid-column-gap: 15px;
    grid-row-gap: 42px;
  }

  .menu-link-list {
    flex-direction: column;
    display: flex;
  }

  .menu-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
    margin-bottom: 20px;
    position: static;
    top: 20px;
  }

  .dropdpwn-content {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: hidden;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .button-circle-wrap {
    width: 45px;
    height: 45px;
  }

  .footer-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .item-intro-block {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    margin-top: 125px;
    margin-bottom: 75px;
  }

  .work-image {
    height: 120vw;
    max-height: 470px;
  }

  .work-images-collection-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .next-project-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 125px;
    margin-bottom: 125px;
  }

  .colors-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .info-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-gap---about-section {
    margin-top: 25px;
  }

  .delete-this {
    bottom: 6px;
    right: 6px;
  }

  .grid-3 {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 19px;
    width: 100%;
  }

  .black-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .agencies-marquee-wrap {
    width: 7110px;
  }

  .nav-grid-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .nav-grid-copy.work-detail-margin {
    grid-row-gap: 35px;
    margin-top: 70px;
    margin-bottom: 100px;
  }

  .works-sub-grid {
    grid-column-gap: 16px;
    grid-template-columns: 1fr;
  }

  .image-2 {
    aspect-ratio: 2.39;
    width: 100%;
    height: 200px;
  }
}

#w-node-_8deec215-b11f-c7cb-3bc2-10acaeeb19e1-29697b14, #w-node-_3d9f909e-acde-6b5f-0743-710c5abb14b1-29697b14, #w-node-_2f90ff2c-04eb-6a16-a4a9-b24d5b29d4ad-29697b14, #w-node-_0fe7d491-8d9c-0ac5-07fd-30747fe65c51-29697b14, #w-node-c8586ab8-3c4c-54ac-bc58-afe9a113d1d1-29697b14, #w-node-_89292d7b-8913-96cd-e948-ac54a0236d29-29697b14 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e6e266df-85d9-a846-0098-6b6a600abc56-29697b14 {
  grid-area: span 1 / span 16 / span 1 / span 16;
}

#w-node-_15c88293-8088-9e27-709a-bcffea80af32-29697b14 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a42459fb-8394-852d-a4f7-46e3096aab9c-29697b14 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4a4a2590-7c8f-d90e-49b8-4469f3ab4bd4-29697b14, #w-node-afb82516-ecfc-da55-8e2c-94528740091a-29697b14 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fc8501b6-d5e9-0669-3ed1-f56a0a0b3b55-29697b14 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3bc40466-c844-786f-a8c8-09d67b314ef0-29697b14 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-b1a9b895-57e8-5e0d-d3bc-391d304e24f3-304e24f0 {
  grid-area: span 1 / span 16 / span 1 / span 16;
  place-self: center;
}

#w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2500-304e24f0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  justify-self: start;
}

#w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2504-304e24f0 {
  grid-area: span 1 / span 8 / span 1 / span 8;
  place-self: end;
}

#w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bed-87dd7bea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bef-87dd7bea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bfc-87dd7bea {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_14c320bb-3635-9ec4-5840-1494f3888f9b-29697b17 {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-_14c320bb-3635-9ec4-5840-1494f3888fa1-29697b17, #w-node-bded6aaa-7af5-062d-6276-ff762667bb83-29697b17 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_2594a6ee-f29f-5c13-8b11-4a21940f16fd-29697b18 {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-_2594a6ee-f29f-5c13-8b11-4a21940f1703-29697b18 {
  grid-area: span 1 / span 16 / span 1 / span 16;
}

#w-node-_4e73e4db-5675-af48-5244-53b5f36986f1-29697b19 {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-_4e73e4db-5675-af48-5244-53b5f36986f7-29697b19 {
  grid-area: span 1 / span 16 / span 1 / span 16;
}

#w-node-a3d8983d-78bf-ea84-1aad-4bb26224d1d4-29697b1a {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-ee5a60f5-835f-37a1-b6e5-94ec4574aeb0-29697b1a {
  grid-area: span 1 / span 16 / span 1 / span 16;
}

#w-node-_926a4010-19d3-76dd-4998-c1fcc88b2508-29697b1a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9b61aeec-7439-9b91-727d-d26d84d412dc-29697b1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2fa6fad-050a-2340-ff02-a008d2bbc1b8-29697b1a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b6a79997-a766-24da-5afc-1d21dbf6d3ab-29697b1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e5705d0-65e6-b338-33a9-4b4b0e6c07e6-29697b1a {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-b21eaa5c-55f4-0236-8741-571d4fe19690-29697b1a {
  grid-area: 2 / 9 / 3 / 17;
}

#w-node-_089aa328-1b00-5e94-8221-6cebef29f42d-29697b1a {
  grid-area: span 1 / span 16 / span 1 / span 16;
}

#w-node-eaa768b3-c002-2da9-ae97-a7c7576de19c-29697b1a, #w-node-edc57a7d-3c58-0ae9-7657-be38e50852ca-29697b1b {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-edc57a7d-3c58-0ae9-7657-be38e50852d0-29697b1b, #w-node-_2757dbdf-d451-6765-63c0-aef2a15bcb8f-29697b1b, #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800703-29697b1b, #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800705-29697b1b {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_16dc3659-19c3-dbb5-ad76-bd5bcaa7c43b-29697b1c {
  grid-area: span 1 / span 16 / span 1 / span 16;
  justify-self: center;
}

#w-node-bc9f7570-40e4-7663-784c-ec748f69fd5a-29697b1c, #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320612-29697b1c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320613-29697b1c, #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320616-29697b1c, #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320619-29697b1c, #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f32061c-29697b1c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_622c2c48-9094-d9f3-9418-518f44d2ff2e-29697b1c {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-b58d171f-d649-8eda-285e-7e98f6e137a6-29697b1c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-b58d171f-d649-8eda-285e-7e98f6e137a7-29697b1c, #w-node-b58d171f-d649-8eda-285e-7e98f6e137ac-29697b1c, #w-node-f0ab87ca-3f71-e667-aad9-ba96c82ec442-29697b1c, #w-node-b58d171f-d649-8eda-285e-7e98f6e137b1-29697b1c, #w-node-b58d171f-d649-8eda-285e-7e98f6e137b6-29697b1c, #w-node-b58d171f-d649-8eda-285e-7e98f6e137bb-29697b1c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2a76084-9040-4f5a-d168-ee89e8980a60-29697b1c {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_8328ce37-0d2d-9f07-e781-a1bdc48d723c-29697b1c {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-ca8b786f-8acf-2f4e-f68d-704cf7f842a1-29697b1e, #w-node-a1bb4db1-00bc-0ef8-addc-69c31ddf7b3c-29697b1e, #w-node-_530ded45-7cb7-7ad3-2b18-0a65004b7344-29697b1e, #w-node-_530ded45-7cb7-7ad3-2b18-0a65004b7345-29697b1e, #w-node-_4dfdc9d1-4429-def5-fa49-be8bc124260b-29697b1e, #w-node-_4dfdc9d1-4429-def5-fa49-be8bc124260c-29697b1e, #w-node-c657fe66-5b95-ffcd-a48a-b933d6566a75-29697b1e, #w-node-c657fe66-5b95-ffcd-a48a-b933d6566a76-29697b1e, #w-node-_59ee41ce-3542-8240-955d-7bb08315538f-29697b1e, #w-node-_10a4a20e-f73c-7e83-aa14-7c5222fdf118-29697b1e, #w-node-_88e8596a-c236-ec18-18fc-329467e32814-29697b1e, #w-node-aa3ced9d-cf82-c1ab-4bd6-157cd665bbea-29697b1e, #w-node-ec3dfbe9-dac5-0083-3585-f140d6b2d8d1-29697b1e, #w-node-a96ab426-a332-a60f-3cb3-c68640992ad7-29697b1e, #w-node-f5d3cac3-0d70-f23e-bb37-bcd3772a5f3b-29697b1e, #w-node-_0095f267-56de-7818-f3e6-ca0e0e8451e6-29697b1e, #w-node-c45e8e52-1c65-1cf3-4cef-e9566a74034a-29697b1e, #w-node-c83cec7a-b2b8-d0ad-810b-a2acd8b06638-29697b1e, #w-node-_0703a775-964e-0549-e0f1-88954b1b789e-29697b1e, #w-node-_0b63b5d2-12bd-6804-32c9-62e74ff77421-29697b1e, #w-node-_740578e9-ef4c-f661-57fa-4574ed514aaf-29697b1e, #w-node-_395c6bdb-d8aa-d0d2-4830-4f2364e1a066-29697b1e, #w-node-_23dfdbb9-004a-6c4f-f61d-fdb1891d3a37-29697b1e, #w-node-f554d85a-d30f-56fe-b415-f7a6c706f2a0-29697b1e, #w-node-_5a304040-2773-305a-6eb7-43ab355bc0a2-29697b1e, #w-node-ace27a31-8ca9-f9e1-653e-6f2afb54fcbc-29697b1e, #w-node-cf05af6e-2681-6660-c072-9f14d972a441-29697b1e, #w-node-_6ffcf639-5234-7dc2-9adc-ee56e5b47c4e-29697b1e, #w-node-_0772a453-7222-75a0-4fec-b998ef4e0ff0-29697b1e, #w-node-_76c4a9d3-673b-ed7b-30be-266e040c6bcf-29697b1e, #w-node-a8d88f69-bc20-eeb1-d539-0c3e72d8cd04-29697b1e, #w-node-_7d1db8b3-590a-d0ac-5f7c-815acb05627c-29697b1e, #w-node-_1601dbcb-8e0e-201f-38ec-8a2f3dbdc376-29697b1e, #w-node-_2504b8a8-28cb-3855-dfd4-1cca91b1de6b-29697b1e, #w-node-_0435aae3-9b1b-9e45-8451-46063500de4a-29697b1e, #w-node-dbec168d-b48c-786e-e1a8-d01703adc9a1-29697b1e, #w-node-cb9050ed-1047-b833-a746-74a3dcefe368-29697b1e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-e6e266df-85d9-a846-0098-6b6a600abc56-29697b14 {
    grid-area: span 1 / span 16 / span 1 / span 16;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e6e266df-85d9-a846-0098-6b6a600abc56-29697b14 {
    grid-column: span 6 / span 6;
  }

  #w-node-_15c88293-8088-9e27-709a-bcffea80af32-29697b14, #w-node-a42459fb-8394-852d-a4f7-46e3096aab9c-29697b14 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-afb82516-ecfc-da55-8e2c-94528740091a-29697b14 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-fc8501b6-d5e9-0669-3ed1-f56a0a0b3b55-29697b14 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_3bc40466-c844-786f-a8c8-09d67b314ef0-29697b14 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e24f3-304e24f0 {
    grid-column: span 6 / span 6;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2500-304e24f0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2504-304e24f0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: end;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bed-87dd7bea {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bef-87dd7bea {
    grid-column: span 4 / span 4;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bfc-87dd7bea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_14c320bb-3635-9ec4-5840-1494f3888f9b-29697b17 {
    grid-column: span 6 / span 6;
  }

  #w-node-_14c320bb-3635-9ec4-5840-1494f3888fa1-29697b17 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-bded6aaa-7af5-062d-6276-ff762667bb83-29697b17, #w-node-_2594a6ee-f29f-5c13-8b11-4a21940f16fd-29697b18, #w-node-_2594a6ee-f29f-5c13-8b11-4a21940f1703-29697b18, #w-node-_4e73e4db-5675-af48-5244-53b5f36986f1-29697b19, #w-node-_4e73e4db-5675-af48-5244-53b5f36986f7-29697b19, #w-node-a3d8983d-78bf-ea84-1aad-4bb26224d1d4-29697b1a, #w-node-ee5a60f5-835f-37a1-b6e5-94ec4574aeb0-29697b1a {
    grid-column: span 6 / span 6;
  }

  #w-node-_926a4010-19d3-76dd-4998-c1fcc88b2508-29697b1a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a2fa6fad-050a-2340-ff02-a008d2bbc1b8-29697b1a {
    grid-column: span 3 / span 3;
  }

  #w-node-_0e5705d0-65e6-b338-33a9-4b4b0e6c07e6-29697b1a {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-b21eaa5c-55f4-0236-8741-571d4fe19690-29697b1a {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-eaa768b3-c002-2da9-ae97-a7c7576de19c-29697b1a, #w-node-edc57a7d-3c58-0ae9-7657-be38e50852ca-29697b1b {
    grid-column: span 6 / span 6;
  }

  #w-node-edc57a7d-3c58-0ae9-7657-be38e50852d0-29697b1b {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_2757dbdf-d451-6765-63c0-aef2a15bcb8f-29697b1b {
    grid-column: span 4 / span 4;
  }

  #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800703-29697b1b {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800705-29697b1b {
    grid-column: span 4 / span 4;
  }

  #w-node-_16dc3659-19c3-dbb5-ad76-bd5bcaa7c43b-29697b1c {
    grid-column: span 6 / span 6;
  }

  #w-node-bc9f7570-40e4-7663-784c-ec748f69fd5a-29697b1c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320612-29697b1c {
    grid-column: span 6 / span 6;
  }

  #w-node-_622c2c48-9094-d9f3-9418-518f44d2ff2e-29697b1c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-b58d171f-d649-8eda-285e-7e98f6e137a6-29697b1c {
    grid-column: span 6 / span 6;
  }

  #w-node-d2a76084-9040-4f5a-d168-ee89e8980a60-29697b1c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_8328ce37-0d2d-9f07-e781-a1bdc48d723c-29697b1c {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-afb82516-ecfc-da55-8e2c-94528740091a-29697b14, #w-node-fc8501b6-d5e9-0669-3ed1-f56a0a0b3b55-29697b14, #w-node-_3bc40466-c844-786f-a8c8-09d67b314ef0-29697b14 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2500-304e24f0 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2504-304e24f0 {
    grid-column: span 6 / span 6;
    justify-self: end;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bed-87dd7bea {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: center;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bf3-87dd7bea, #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bf7-87dd7bea {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e6e266df-85d9-a846-0098-6b6a600abc56-29697b14, #w-node-_15c88293-8088-9e27-709a-bcffea80af32-29697b14, #w-node-a42459fb-8394-852d-a4f7-46e3096aab9c-29697b14, #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e24f3-304e24f0 {
    grid-column: span 2 / span 2;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2500-304e24f0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-b1a9b895-57e8-5e0d-d3bc-391d304e2504-304e24f0 {
    grid-column: span 2 / span 2;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bed-87dd7bea {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bf3-87dd7bea {
    grid-column: span 1 / span 1;
    justify-self: end;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bf7-87dd7bea {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bfc-87dd7bea {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eaa2c104-abb2-de1a-0e0f-cc4c87dd7bff-87dd7bea {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_14c320bb-3635-9ec4-5840-1494f3888f9b-29697b17, #w-node-_14c320bb-3635-9ec4-5840-1494f3888fa1-29697b17, #w-node-bded6aaa-7af5-062d-6276-ff762667bb83-29697b17, #w-node-_2594a6ee-f29f-5c13-8b11-4a21940f16fd-29697b18, #w-node-_2594a6ee-f29f-5c13-8b11-4a21940f1703-29697b18, #w-node-_4e73e4db-5675-af48-5244-53b5f36986f1-29697b19, #w-node-_4e73e4db-5675-af48-5244-53b5f36986f7-29697b19, #w-node-a3d8983d-78bf-ea84-1aad-4bb26224d1d4-29697b1a, #w-node-ee5a60f5-835f-37a1-b6e5-94ec4574aeb0-29697b1a, #w-node-eaa768b3-c002-2da9-ae97-a7c7576de19c-29697b1a, #w-node-edc57a7d-3c58-0ae9-7657-be38e50852ca-29697b1b, #w-node-edc57a7d-3c58-0ae9-7657-be38e50852d0-29697b1b, #w-node-_2757dbdf-d451-6765-63c0-aef2a15bcb8f-29697b1b, #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800703-29697b1b, #w-node-_6ef1fb0c-c6b9-8d73-efc4-9e49f1800705-29697b1b, #w-node-_16dc3659-19c3-dbb5-ad76-bd5bcaa7c43b-29697b1c, #w-node-bc9f7570-40e4-7663-784c-ec748f69fd5a-29697b1c, #w-node-c3cd8b3b-a63a-8d48-65fe-1cd38f320612-29697b1c, #w-node-_622c2c48-9094-d9f3-9418-518f44d2ff2e-29697b1c, #w-node-b58d171f-d649-8eda-285e-7e98f6e137a6-29697b1c, #w-node-d2a76084-9040-4f5a-d168-ee89e8980a60-29697b1c, #w-node-_8328ce37-0d2d-9f07-e781-a1bdc48d723c-29697b1c {
    grid-column: span 2 / span 2;
  }
}