@font-face {
  font-family: Gt America;
  src: url('../fonts/GT-America-Regular.woff2') format("woff2"), url('../fonts/GT-America-Regular.woff') format("woff"), url('../fonts/GT-America-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America;
  src: url('../fonts/GT-America-Bold.woff2') format("woff2"), url('../fonts/GT-America-Bold.woff') format("woff"), url('../fonts/GT-America-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt America;
  src: url('../fonts/GT-America-Light.woff2') format("woff2"), url('../fonts/GT-America-Light.woff') format("woff"), url('../fonts/GT-America-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-LightItal.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp Roman;
  src: url('../fonts/ChronicleDisp-Roman.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-XLightItalic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-SemiboldItal.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chronicledisp;
  src: url('../fonts/ChronicleDisp-BlackItalic.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-Light-Bas.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-Semibold-Bas.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-BoldItalic-Bas.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-LightItalic-Bas.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-BookItalic-Bas.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-Medium-Bas.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-SemiboldItalic-Bas.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-MediumItalic-Bas.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Bas;
  src: url('../fonts/WhitneySSm-Bold-Bas.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Whitneyssm Book Bas;
  src: url('../fonts/WhitneySSm-Book-Bas.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.heading {
  font-family: Chronicledisp, Georgia, sans-serif;
  font-weight: 900;
}

.container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 48px;
  font-family: Whitneyssm Book Bas, Arial, sans-serif;
  display: flex;
}

.section-start {
  grid-row-gap: 120px;
  background-color: #bbdd12;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 1832px;
  margin: auto 0;
  padding: 258px 90px;
  text-decoration: none;
  display: flex;
  position: static;
}

.frame-15374 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 608px;
  margin: auto;
  text-decoration: none;
  display: flex;
}

.hero-type {
  grid-row-gap: 42px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.i-help-teams {
  grid-column-gap: 21px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text {
  color: #000;
  text-align: left;
  letter-spacing: -.05em;
  background-color: #bbdd12;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 90px;
  font-size: 140px;
  font-weight: 300;
  line-height: 140px;
  text-decoration: none;
  display: flex;
}

.text.h1 {
  flex: none;
}

.build-brands {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.spots {
  text-align: right;
  object-fit: cover;
  flex: none;
  position: static;
  overflow: hidden;
}

.frame-427319442 {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.nyc_taxi-1 {
  object-fit: cover;
}

.div-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.h1-test-sync {
  color: #000;
  letter-spacing: -.05em;
  background-color: #0000;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Gt America, Arial, sans-serif;
  font-size: 140px;
  font-weight: 300;
  line-height: 140px;
  text-decoration: none;
}

.text-h1 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GT America, sans-serif;
  font-size: 140px;
  font-weight: 300;
  line-height: 140px;
}

.home-headline {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-items: flex-start;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.section {
  background-color: #bbdd12;
  margin-top: auto;
  margin-bottom: auto;
}

.home-hero-headline {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.home-hero-animation {
  flex-flow: column;
  display: flex;
}

.home-animation-row {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar {
  background-color: #bbdd12;
}

.nav-link {
  color: #000;
  letter-spacing: -.04em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Gt America, Arial, sans-serif;
  font-size: 140px;
  font-weight: 300;
  line-height: 140px;
  display: block;
  position: relative;
}

.nav-link.the-work {
  background-image: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0 20px 90px;
  font-size: 8em;
  line-height: 1.1em;
  display: block;
}

.nav-link.about, .nav-link.contact {
  margin-left: auto;
  margin-right: auto;
  padding-left: 90px;
  font-size: 8em;
  line-height: 1.1em;
}

.nav-menu {
  background-color: #a8c710;
  flex-flow: row;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 90px;
  display: flex;
  position: absolute;
}

.container-2 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: 30px;
  margin-right: 90px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navtitle {
  color: #000;
  align-self: stretch;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Gt America, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 24px;
}

.heading-2 {
  background-color: #bbdd12;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 200px;
  padding-left: 90px;
}

.menu-button {
  align-self: flex-start;
  padding-left: 0;
  padding-right: 24px;
}

.menu-button.w--open {
  background-color: #0000;
}

.hero {
  background-color: #b5d612;
  margin: auto;
  padding: 140px 90px 200px;
}

.hero.tester {
  background-color: #fff;
}

.heading-3 {
  font-family: Gt America, Arial, sans-serif;
}

.hero-headline {
  color: #000;
  letter-spacing: -.04em;
  column-count: auto;
  word-break: normal;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Gt America, Arial, sans-serif;
  font-size: 140px;
  font-weight: 300;
  line-height: 1.1;
  display: block;
}

.hero-headline.line-1 {
  align-self: flex-end;
  margin-left: 0;
  font-size: 7em;
  position: sticky;
  top: 180px;
}

.hero-headline.line-1.contact {
  margin-left: -.07em;
  position: static;
}

.hero-headline.line-1.contact-page {
  margin-bottom: .3em;
  padding-bottom: 0;
  position: static;
}

.hero-headline.line-2 {
  padding-bottom: 100px;
  font-size: 7em;
}

.hero-headline.line-3 {
  opacity: 1;
  padding-bottom: 100px;
  font-size: 7em;
}

.hero-headline.line-4 {
  padding-bottom: 50px;
  font-size: 7em;
  font-weight: 700;
  position: sticky;
  top: 500px;
}

.brand {
  color: #000;
  flex: 0 auto;
  align-self: center;
  height: auto;
  font-family: Gt America, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  position: relative;
}

.div-block-2 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.container-4 {
  max-width: 1780px;
  margin: 20px auto;
  display: flex;
}

.menu-bttn {
  order: -1;
  padding-top: 1.25rem;
  padding-left: 1.75rem;
  padding-right: 1.2em;
}

.menu-bttn.w--open {
  background-color: #0000;
  padding-right: 1.2em;
}

.brand-3 {
  align-self: center;
  display: block;
}

.nav-menu-3 {
  background-color: #a8c710;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 200px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.navbar-2 {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  inset: 0%;
}

.div-block-3 {
  display: flex;
}

.txt-anim-test {
  flex-flow: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 1rem;
  max-width: 1px;
  display: flex;
  position: sticky;
  top: 8rem;
}

.content {
  grid-column-gap: 3.5em;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .45fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-items: flex-start;
  min-width: 0;
  max-width: 1580px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: flex;
}

.content.soli {
  grid-column-gap: 1.5em;
}

.content.soli.more-work {
  border-radius: 16px;
  padding-left: 4rem;
  padding-right: 4rem;
}

.content.soli.more-work.delish {
  background-image: linear-gradient(#faeae9, #f1a9a4);
  justify-content: center;
  align-items: flex-start;
}

.content.soli.more-work.delish.w--current {
  display: none;
}

.content.soli.more-work.hearst {
  background-image: linear-gradient(#edecea, #e0dddc);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content.soli.more-work.hearst.w--current {
  display: none;
}

.content.soli.more-work.innoterra {
  background-image: linear-gradient(#86ddeb, #edf2f3);
  display: flex;
}

.content.soli.more-work.innoterra.w--current {
  display: none;
}

.content.soli.more-work.dow-jones {
  background-color: #4998f2;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.content.soli.more-work.dow-jones.current {
  display: none;
}

.content.soli.more-work.tlc {
  background-color: #ffc62a;
  display: flex;
}

.content.soli.more-work.tlc.w--current {
  display: none;
}

.content.footer {
  border-top: 1px solid #000;
}

.heading-4 {
  align-self: flex-end;
}

.text-container {
  max-width: 640px;
  margin: auto 2rem auto 0;
  padding-top: 0;
  position: static;
  top: 180px;
}

.text-container.feature {
  background-color: #0000;
  max-width: 550px;
  margin: 0 0 0;
  padding: 0;
}

.text-container.feature.soli {
  margin-top: 3.5rem;
}

.text-container.feature.hearst {
  margin-top: 8rem;
}

.text-container.feature.hearst.more-work {
  margin-top: 0;
  padding-bottom: 0;
}

.text-container.feature.hearst.more-work.bottom-text {
  padding-bottom: 3rem;
}

.text-container.feature.more-work.text-top {
  margin-top: 3rem;
}

.text-container.feature.dow-jones {
  margin-top: 8rem;
}

.text-container.footer {
  max-width: none;
  margin-top: 0;
  display: flex;
}

.image {
  z-index: auto;
  clear: none;
  text-align: left;
  flex: .4 auto;
  min-width: 33%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 240px;
  right: auto;
}

.image-2 {
  clear: none;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  position: static;
  top: 10rem;
  right: 26rem;
}

.div-block-5 {
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1600px;
  display: flex;
}

.menu-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 36px;
  height: 18px;
  margin-top: 0;
  display: flex;
}

.menu-top {
  background-color: #000;
  width: 36px;
  height: 2px;
  margin-top: 0;
}

.menu-middle {
  background-color: #000;
  width: 36px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.menu-bottom {
  background-color: #000;
  width: 36px;
  height: 2px;
}

.direction-arrow {
  margin-left: 0;
  margin-right: 0;
  position: static;
  bottom: auto;
}

.body {
  background-color: #b5d612;
  font-size: 1em;
}

.scroll-arrow {
  width: 60px;
  padding-bottom: 40px;
  position: static;
  inset: auto;
}

.the-work {
  background-image: linear-gradient(#b5d612, #ffc62a);
  margin-left: auto;
  margin-right: auto;
  padding: 200px 90px 100px;
}

.the-work.get-in-touch {
  background-image: linear-gradient(#b5d612, #b5d612);
  padding-top: 200px;
  padding-bottom: 200px;
}

.the-work.more-work {
  background-image: linear-gradient(#fff, #fff);
}

.feature {
  background-color: #ffc62a;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 90px 150px;
}

.feature.flush-left.soli {
  background-color: #0000;
  background-image: linear-gradient(#86ddeb, #86ddeb 0%, #edf2f3);
  padding-top: 160px;
  padding-bottom: 0;
}

.feature.flush-left.hearst {
  background-color: #fff;
  background-image: linear-gradient(#edecea, #e0dddc);
  padding-bottom: 0;
}

.feature.flush-left.hearst.delish, .feature.flush-left.delish {
  background-image: linear-gradient(#faeae9, #f1a9a4);
}

.feature.tlc {
  padding-top: 160px;
}

.feature.wsj {
  background-color: #4998f2;
  padding-top: 100px;
  padding-bottom: 0;
}

.featureimage {
  flex: .4 auto;
  margin-right: 0;
  position: static;
  top: 240px;
}

.featureimage.first.more-work {
  align-self: flex-end;
  margin-top: 0;
}

.featureimage.first.more-work.tlc {
  margin-top: 6rem;
}

.featureimage.first.more-work.delish {
  margin-top: 2rem;
}

.featureimage.first.more-work.dow-jones {
  align-self: flex-end;
}

.feature-headline {
  color: #000;
  letter-spacing: -.04em;
  margin-left: -.08em;
  font-family: Gt America, Arial, sans-serif;
  font-size: 3.25em;
  font-weight: 300;
  line-height: 1.1em;
}

.feature-headline.ko {
  color: #fff;
}

.feature-headline.project {
  line-height: 1.3em;
}

.feature-headline.more-work {
  margin-top: 0;
}

.feature-text {
  color: #000;
  max-width: 580px;
  margin-top: 10px;
  font-family: Gt America, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.2em;
}

.feature-text._480 {
  max-width: 480px;
}

.feature-text.ko {
  color: #fff;
}

.feature-text._400 {
  max-width: 400px;
  padding-left: 0;
}

.feature-text._600 {
  max-width: 580px;
}

.feature-text.contact {
  margin-top: 20px;
}

.feature-text.footer {
  max-width: none;
  margin-right: 40px;
  font-size: 1em;
}

.feature-text.footer.phone {
  letter-spacing: .08em;
}

.feature-text.project {
  max-width: 600px;
  margin-bottom: 0;
  line-height: 2em;
}

.feature-text.more-work {
  font-size: 1.2em;
}

.feature-text.about {
  line-height: 1.3em;
}

.feature-text.about.date {
  margin-top: 0;
}

.feature-text.about.title {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
  font-weight: 700;
}

.feature-text.about.descrip {
  margin-bottom: 40px;
}

.feature-text.about.award {
  margin-top: 0;
  margin-bottom: 30px;
}

.cta {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gt America, Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
  display: none;
}

.cta-arrow {
  width: 32px;
  padding-left: 0;
}

.jtextlink {
  color: #000;
  text-decoration: none;
}

.jtextlink:hover {
  color: #4c5907;
}

.project-body {
  background-color: #ffc62a;
}

.project-body.about {
  background-color: #85bee8;
}

.project-body.delish {
  background-color: #f16263;
}

.project-body.hearst {
  background-color: #ff4238;
}

.project-body.hearst.soli {
  background-color: #90b627;
}

.project-body.hearst.wsj {
  background-color: #4998f2;
}

.project-hero-title {
  margin-left: auto;
  margin-right: auto;
  padding: 140px 90px 200px;
}

.project-hero-title.about {
  padding-bottom: 140px;
}

.div-block-6 {
  margin-left: auto;
  margin-right: auto;
}

.project-container-100 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-radius: 16px;
  grid-template-rows: auto;
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
}

.project-container-100.grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-span {
  color: #005397;
}

.hero-image-100 {
  border-radius: 16px;
  min-width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: -7.9rem;
}

.project-hero-image {
  background-color: #fff;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 90px;
  padding-right: 90px;
  display: block;
  position: static;
  top: -7.1rem;
}

.container-6 {
  min-width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.project-container {
  background-color: #fff;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 90px;
  padding-right: 90px;
}

.project-container.grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-container.about {
  padding-top: 100px;
}

.project-text-label {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start;
  max-width: 15rem;
  margin-left: 0;
  margin-right: 0;
  padding-right: 5rem;
  display: block;
}

.bold-title {
  color: #000;
  min-width: 15rem;
  margin-bottom: 0;
  padding-top: 10px;
  font-family: Gt America, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5em;
}

.bold-title.about {
  padding-top: 0;
}

.container-7 {
  flex: 1;
}

.services-bullets {
  color: #000;
  max-width: 600px;
  margin-bottom: 2rem;
  font-family: Gt America, Arial, sans-serif;
  font-size: 3.25em;
  font-weight: 300;
  line-height: 1.5em;
}

.project-title {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -.06em;
  font-family: Gt America, Arial, sans-serif;
  font-size: 7em;
  font-weight: 300;
  line-height: 1.1em;
}

.project-body-image {
  border-radius: 16px;
  margin-top: 10rem;
  display: inline-flex;
}

.project-body-image._50 {
  max-width: 48%;
  margin-right: 1rem;
}

.project-body-image.corner-radius {
  border-radius: 16px;
}

.project-body-image.corner-radius.in-grid.tight {
  margin-top: 4rem;
}

.project-body-image.corner-radius.in-grid._700 {
  aspect-ratio: 1;
}

.project-body-image.corner-radius.double-image {
  margin-top: 4rem;
}

.project-body-image.no-corner-radius {
  border-radius: 0;
}

.brand-4 {
  align-self: center;
  display: block;
}

.menu-wrapper-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 36px;
  height: 18px;
  margin-top: 0;
  display: flex;
}

.container-8 {
  max-width: 1780px;
  margin: 20px auto;
  display: flex;
}

.nav-menu-4 {
  background-color: #a8c710;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 200px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.navbar-3 {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  inset: 0%;
}

.about-hero {
  color: #000;
  letter-spacing: -.2px;
  max-width: 780px;
  font-family: Gt America, Arial, sans-serif;
  font-size: 3.25em;
  font-weight: 300;
  line-height: 1.25em;
}

.lottie-animation {
  aspect-ratio: .770925;
  border-radius: 16px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  margin-top: 10rem;
  display: inline-flex;
  overflow: hidden;
}

.lottie-animation.square-grid {
  aspect-ratio: 1;
}

.lottie-animation.square-grid.mhonboad {
  aspect-ratio: .693069;
}

.lottie-animation.full-width.nycicons {
  aspect-ratio: 1.95652;
  min-width: 100%;
  overflow: hidden;
}

.lottie-animation.full-width.esqarticle {
  aspect-ratio: 1.76904;
}

.lottie-animation._700_940 {
  aspect-ratio: .744681;
}

.container-9 {
  border-radius: 16px;
}

.lottie-animation-2 {
  display: inline-flex;
}

@media screen and (min-width: 1280px) {
  .nav-link.the-work, .nav-link.about, .nav-link.contact {
    line-height: 1.1em;
  }

  .hero-headline.line-1 {
    max-width: none;
    font-size: 7em;
  }

  .hero-headline.line-1.contact {
    margin-left: -.07em;
    position: static;
  }

  .hero-headline.line-1.contact-page {
    position: static;
  }

  .hero-headline.line-2 {
    max-width: none;
    font-size: 7em;
  }

  .hero-headline.line-3 {
    font-size: 7em;
  }

  .hero-headline.line-4 {
    font-size: 7em;
    font-weight: 700;
  }

  .content {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content.footer {
    border-top: 1px solid #000;
  }

  .text-container {
    max-width: 640px;
    margin-right: 2rem;
  }

  .text-container.footer {
    max-width: none;
    margin-top: 0;
    display: flex;
  }

  .image {
    max-width: 100%;
  }

  .body {
    font-size: 1em;
  }

  .the-work.get-in-touch {
    padding-bottom: 200px;
  }

  .feature.flush-left {
    padding-left: 0;
  }

  .feature.flush-left.soli, .feature.flush-left.hearst, .feature.flush-left.delish {
    padding-left: 90px;
  }

  .feature-text {
    max-width: 580px;
  }

  .feature-text.footer {
    max-width: none;
    margin-right: 40px;
    font-size: 1em;
  }

  .jtextlink {
    color: #000;
    text-decoration: none;
  }

  .jtextlink:hover {
    text-decoration: none;
  }
}

@media screen and (min-width: 1440px) {
  .nav-link.the-work {
    padding-bottom: 20px;
    font-size: 9em;
    line-height: 1.2em;
  }

  .nav-link.about, .nav-link.contact {
    font-size: 9em;
    line-height: 1.2em;
  }

  .hero {
    padding-top: 200px;
  }

  .hero-headline.line-1 {
    font-size: 8.5em;
  }

  .hero-headline.line-1.contact {
    margin-left: -.07em;
  }

  .hero-headline.line-2, .hero-headline.line-3 {
    font-size: 8.5em;
  }

  .hero-headline.line-4 {
    font-size: 8.5em;
    font-weight: 700;
  }

  .content {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content.soli.more-work {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .content.soli.more-work.delish {
    justify-content: center;
    align-items: flex-start;
    padding-left: 5rem;
  }

  .content.soli.more-work.hearst, .content.soli.more-work.innoterra, .content.soli.more-work.dow-jones, .content.soli.more-work.tlc {
    justify-content: center;
    align-items: flex-start;
  }

  .content.footer {
    border-top: 1px solid #000;
  }

  .text-container {
    max-width: 740px;
    margin-right: 2rem;
  }

  .text-container.feature {
    max-width: 600px;
  }

  .text-container.footer {
    max-width: 1280px;
    margin-top: 0;
    display: flex;
  }

  .image {
    max-width: 100%;
    left: 0;
  }

  .menu-top, .menu-middle, .menu-bottom {
    border-radius: 2px;
  }

  .scroll-arrow {
    position: static;
  }

  .the-work.get-in-touch {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .featureimage.first.more-work.dow-jones {
    clear: none;
    vertical-align: baseline;
    align-self: flex-end;
    position: static;
    top: 0;
  }

  .feature-headline {
    font-size: 3.75em;
  }

  .feature-text {
    max-width: 620px;
    font-size: 1.4em;
  }

  .feature-text._400._480 {
    max-width: 480px;
  }

  .feature-text._600 {
    max-width: 580px;
    font-size: 1.4em;
  }

  .feature-text.footer {
    margin-right: 40px;
    font-size: 1em;
  }

  .feature-text.footer.force {
    margin-right: 60px;
  }

  .feature-text.footer.mobile {
    display: none;
  }

  .feature-text.more-work {
    max-width: 400px;
    padding-right: 0;
    font-size: 1.4em;
  }

  .feature-text.more-work._580 {
    max-width: 580px;
  }

  .project-container-100.grid {
    grid-column-gap: 4rem;
  }

  .hero-image-100 {
    min-width: 100%;
    max-width: 100%;
  }

  .project-hero-image {
    min-width: 100%;
  }

  .project-title {
    margin-left: -.06em;
  }
}

@media screen and (min-width: 1920px) {
  .nav-link.the-work {
    font-size: 9em;
    line-height: 1.2em;
  }

  .nav-link.about, .nav-link.contact {
    line-height: 1.2em;
  }

  .hero {
    padding-top: 200px;
  }

  .hero-headline.line-1 {
    margin-left: -.08em;
    font-size: 9.5em;
  }

  .hero-headline.line-1.contact {
    margin-left: -.07em;
  }

  .hero-headline.line-1.contact-page {
    position: static;
  }

  .hero-headline.line-2, .hero-headline.line-3 {
    font-size: 9.5em;
  }

  .hero-headline.line-4 {
    font-size: 9.5em;
    font-weight: 700;
  }

  .menu-bttn {
    padding-left: 2.25rem;
  }

  .content {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1580px;
  }

  .content.soli.more-work.delish, .content.soli.more-work.hearst, .content.soli.more-work.innoterra, .content.soli.more-work.dow-jones, .content.soli.more-work.tlc {
    justify-content: center;
    align-items: flex-start;
  }

  .text-container {
    max-width: 800px;
    margin-right: 4rem;
  }

  .text-container.feature {
    max-width: 640px;
  }

  .text-container.feature.more-work.text-top {
    margin-top: 4rem;
  }

  .text-container.footer {
    max-width: 1200px;
    margin-top: 0;
    display: flex;
  }

  .image {
    flex-grow: .4;
    max-width: 100%;
    left: auto;
  }

  .body {
    font-size: 1em;
  }

  .scroll-arrow {
    width: 60px;
    max-width: none;
  }

  .the-work.get-in-touch {
    padding-bottom: 220px;
  }

  .featureimage {
    min-width: 22%;
  }

  .featureimage.first.more-work.delish {
    position: relative;
    top: 3rem;
  }

  .feature-headline {
    font-size: 4em;
  }

  .feature-text {
    max-width: 680px;
    font-size: 1.6em;
  }

  .feature-text._600 {
    font-size: 1.6em;
  }

  .feature-text.footer {
    min-width: 0;
    max-width: none;
    margin-right: 40px;
    padding-right: 0;
    font-size: 1.2em;
  }

  .feature-text.more-work {
    max-width: 580px;
    font-size: 1.6em;
  }

  .feature-text.more-work._580 {
    max-width: 580px;
  }

  .project-container-100 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    min-width: 100%;
  }

  .hero-image-100 {
    border-radius: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .project-hero-image {
    margin-bottom: -2px;
  }

  .project-container {
    padding-bottom: 2rem;
  }

  .project-container.grid {
    display: none;
  }

  .services-bullets {
    margin-bottom: 2rem;
  }

  .project-title {
    margin-left: -.08em;
  }

  .project-body-image.corner-radius {
    min-width: 100%;
  }

  .project-body-image.corner-radius.in-grid._700 {
    aspect-ratio: 1;
  }

  .lottie-animation.full-width.nycicons, .lottie-animation.full-width.esqarticle {
    min-width: 100%;
  }

  .lottie-animation._700_940 {
    aspect-ratio: .744681;
  }

  .projectvideo {
    margin-top: 10rem;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    background-color: #bbdd12;
    position: static;
  }

  .nav-link.the-work {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 7em;
    line-height: 1.1em;
  }

  .nav-link.about, .nav-link.contact {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 7em;
    line-height: 1.4em;
  }

  .nav-menu {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .container-2 {
    flex-flow: row;
    margin-right: 0;
  }

  .hero {
    padding-top: 100px;
  }

  .hero-headline.line-1 {
    font-size: 6em;
    position: static;
    top: 240px;
  }

  .hero-headline.line-2 {
    padding-bottom: 100px;
    font-size: 6em;
  }

  .hero-headline.line-3, .hero-headline.line-4 {
    font-size: 6em;
    display: none;
  }

  .container-3 {
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .brand-2 {
    align-self: center;
  }

  .nav-menu-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content {
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
    display: flex;
  }

  .content.soli {
    display: flex;
  }

  .content.soli.more-work.delish {
    display: none;
  }

  .content.soli.more-work.hearst, .content.soli.more-work.innoterra, .content.soli.more-work.dow-jones {
    margin-top: 6rem;
  }

  .content.soli.more-work.tlc {
    margin-top: 6rem;
    display: flex;
  }

  .content.footer {
    flex-flow: row;
    display: flex;
  }

  .text-container {
    max-width: 900px;
    padding-top: 30px;
  }

  .text-container.feature {
    order: -1;
    margin-top: 2.5rem;
    margin-bottom: 40px;
  }

  .text-container.feature.soli {
    margin-top: 2.5rem;
  }

  .text-container.feature.hearst {
    order: 0;
    margin-top: 0;
  }

  .text-container.feature.hearst.first {
    order: -1;
    margin-top: 2.5rem;
  }

  .text-container.feature.hearst.more-work.bottom-text {
    margin-bottom: 0;
  }

  .text-container.footer {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
    display: flex;
  }

  .image {
    flex-shrink: 1;
    order: -1;
    max-width: 50%;
    position: static;
    top: 0;
  }

  .the-work {
    padding-top: 100px;
  }

  .the-work.get-in-touch {
    padding-bottom: 100px;
  }

  .the-work.more-work {
    padding-top: 200px;
    padding-bottom: 20px;
  }

  .feature.flush-left.soli {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .feature.flush-left.hearst, .feature.flush-left.delish, .feature.tlc, .feature.wsj {
    padding-top: 120px;
  }

  .featureimage {
    clear: none;
    flex-shrink: 1;
    order: 0;
    align-self: auto;
  }

  .featureimage.first {
    order: -1;
    margin-bottom: 20px;
  }

  .featureimage.first.more-work {
    margin-bottom: 0;
  }

  .featureimage.getintouch {
    min-width: 33%;
    max-width: 42%;
    margin-top: 60px;
  }

  .feature-headline {
    margin-top: 0;
    font-size: 3.25em;
  }

  .feature-text {
    max-width: 480px;
    margin-top: 10px;
    font-size: 1.3em;
  }

  .feature-text.footer {
    width: auto;
    margin-right: 20px;
    display: flex;
  }

  .feature-text.footer.force {
    width: 50%;
  }

  .feature-text.project {
    font-size: 1.2em;
  }

  .jtextlink {
    margin-right: 0;
  }

  .project-container-100 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .project-container-100.grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    display: block;
  }

  .project-text-label {
    max-width: 10em;
    padding-right: 2rem;
  }

  .bold-title {
    min-width: 12rem;
    font-size: 1.2em;
  }

  .services-bullets {
    font-size: 2em;
  }

  .project-title {
    font-size: 4em;
  }

  .project-body-image, .project-body-image.corner-radius.in-grid.tight, .lottie-animation, .lottie-animation.square-grid, .lottie-animation.square-grid.delishsplash, .lottie-animation.square-grid.delishhome, .lottie-animation.square-grid.vertvid, .lottie-animation.square-grid.quiz, .lottie-animation.square-grid.visual-search, .lottie-animation.square-grid.search-filter, .lottie-animation.square-grid.cook-mode, .lottie-animation.full-width.nycicons {
    margin-top: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .nav-link.the-work {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 4em;
  }

  .nav-link.about, .nav-link.contact {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 4em;
    line-height: 1.1em;
  }

  .navtitle {
    font-size: 20px;
  }

  .hero {
    padding: 20px 40px 60px;
  }

  .hero-headline.line-1 {
    font-size: 4em;
    position: static;
    top: 50px;
  }

  .hero-headline.line-2 {
    font-size: 4em;
  }

  .hero-headline.line-3 {
    padding-bottom: 0;
    font-size: 4em;
    display: none;
  }

  .hero-headline.line-4 {
    font-size: 4em;
    display: none;
  }

  .container-4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .menu-bttn {
    padding-right: 1.2rem;
  }

  .menu-bttn.w--open {
    padding-right: .8em;
  }

  .brand-3 {
    padding-left: 0;
  }

  .nav-menu-3 {
    padding-top: 20px;
  }

  .content {
    display: flex;
  }

  .content.soli.more-work.delish {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .content.soli.more-work.hearst, .content.soli.more-work.innoterra {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content.soli.more-work.innoterra.w--current {
    display: none;
  }

  .content.soli.more-work.dow-jones {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content.soli.more-work.tlc {
    margin-top: 4rem;
  }

  .content.block {
    display: block;
  }

  .text-container.feature.soli, .text-container.feature.hearst.first {
    margin-top: 0;
  }

  .image {
    max-width: 50%;
    display: none;
    overflow: clip;
  }

  .menu-wrapper {
    height: 18px;
  }

  .menu-top {
    width: 30px;
  }

  .menu-middle {
    width: 30px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .menu-bottom {
    width: 30px;
  }

  .the-work {
    padding: 40px;
  }

  .the-work.more-work {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .feature.flush-left {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature.flush-left.soli {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature.tlc {
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-headline {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5em;
  }

  .feature-text {
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
  }

  .project-hero-title {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 40px;
  }

  .project-hero-title.about {
    padding-bottom: 100px;
  }

  .project-container-100 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .project-container-100.grid {
    grid-template-columns: 1fr;
    display: block;
  }

  .project-hero-image {
    margin-bottom: -4em;
    padding-left: 30px;
    padding-right: 30px;
  }

  .project-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .project-container.about {
    padding-top: 60px;
  }

  .bold-title {
    padding-bottom: 10px;
  }

  .project-title {
    font-size: 3em;
  }

  .project-body-image, .project-body-image.corner-radius, .project-body-image.corner-radius.in-grid {
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .project-body-image.tlc-last-still {
    margin-top: 4rem;
  }

  .brand-4 {
    padding-left: 0;
  }

  .menu-wrapper-2 {
    width: 30px;
    height: 18px;
  }

  .container-8 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav-menu-4 {
    padding-top: 20px;
  }

  .about-hero {
    font-size: 1.5em;
  }

  .lottie-animation, .lottie-animation.square-grid, .lottie-animation.square-grid.delishhome, .lottie-animation.square-grid.vertvid, .lottie-animation.square-grid.quiz, .lottie-animation.square-grid.visual-search, .lottie-animation.square-grid.search-filter, .lottie-animation.square-grid.cook-mode {
    margin-top: 4rem;
  }

  .lottie-animation.full-width.nycicons {
    margin-top: 4rem;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .nav-link.the-work {
    object-fit: fill;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 0 10px 30px;
    font-size: 3.5em;
  }

  .nav-link.about, .nav-link.contact {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 3.5em;
  }

  .navtitle {
    font-size: 22px;
  }

  .hero {
    padding: 40px 20px 40px 30px;
  }

  .hero-headline.line-1 {
    font-size: 3em;
    position: static;
    top: 180px;
  }

  .hero-headline.line-2 {
    padding-bottom: 60px;
    font-size: 3em;
  }

  .hero-headline.line-3 {
    padding-bottom: 100px;
    font-size: 3em;
    display: none;
  }

  .hero-headline.line-4 {
    font-size: 3em;
    display: none;
  }

  .menu-bttn {
    padding-left: 1.3rem;
  }

  .menu-bttn.w--open {
    padding-right: .8em;
  }

  .brand-3 {
    padding-left: 0;
  }

  .nav-menu-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 60px;
  }

  .content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    align-content: stretch;
    min-width: 16rem;
    display: flex;
  }

  .content.soli {
    display: flex;
  }

  .content.soli.more-work.delish {
    border-radius: 12px;
    margin-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .content.soli.more-work.hearst {
    border-radius: 12px;
    margin-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content.soli.more-work.innoterra, .content.soli.more-work.dow-jones, .content.soli.more-work.tlc {
    border-radius: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content.block {
    display: block;
  }

  .text-container {
    max-width: 300px;
    margin-right: 0;
  }

  .text-container.feature {
    min-width: 0;
    margin-top: 0;
  }

  .text-container.feature.soli {
    margin-top: 0;
  }

  .text-container.feature.hearst.first {
    display: block;
  }

  .text-container.feature.hearst.more-work.bottom-text {
    padding-bottom: 2rem;
  }

  .text-container.feature.more-work.text-top {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .text-container.feature.dow-jones {
    margin-top: 2rem;
  }

  .text-container.footer {
    display: block;
  }

  .image {
    flex-grow: .2;
    max-width: 90%;
    display: block;
  }

  .menu-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: flex-start;
    width: 30px;
    height: 18px;
  }

  .menu-top {
    width: 30px;
  }

  .menu-middle {
    width: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .menu-bottom {
    width: 30px;
  }

  .scroll-arrow {
    width: 48px;
    max-width: 50%;
  }

  .the-work {
    padding: 20px 30px 40px;
  }

  .the-work.get-in-touch {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .the-work.more-work {
    padding-top: 100px;
  }

  .feature {
    padding-bottom: 50px;
    padding-left: 30px;
  }

  .feature.flush-left {
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature.flush-left.soli {
    padding: 60px 30px 0;
  }

  .feature.flush-left.hearst {
    padding-top: 60px;
    display: block;
  }

  .feature.flush-left.delish {
    padding-top: 60px;
  }

  .feature.tlc {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature.wsj {
    padding-top: 60px;
  }

  .featureimage {
    max-width: 100%;
    display: inline-block;
  }

  .featureimage.first {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .featureimage.first.more-work {
    padding-bottom: 0;
  }

  .featureimage.first.more-work.tlc {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  .featureimage.first.more-work.delish {
    margin-top: 1rem;
  }

  .featureimage.getintouch {
    max-width: 50%;
  }

  .feature-headline {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.65em;
  }

  .feature-headline.more-work {
    font-size: 1.8em;
  }

  .feature-text {
    margin-top: 5px;
    font-size: 1.1em;
  }

  .feature-text.footer {
    width: 100%;
    margin-bottom: 20px;
  }

  .feature-text.footer.force {
    width: 100%;
    margin-bottom: 30px;
  }

  .feature-text.footer.mobile {
    display: none;
  }

  .feature-text.project, .feature-text.more-work {
    font-size: 1.1em;
  }

  .feature-text.about.date, .feature-text.about.title, .feature-text.about.descrip, .feature-text.about.award {
    font-size: 1.2em;
  }

  .cta-arrow {
    width: 24px;
  }

  .project-hero-title {
    padding: 40px 24px 150px;
  }

  .project-hero-title.about {
    padding-bottom: 100px;
  }

  .project-container-100 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .hero-image-100 {
    border-radius: 12px;
  }

  .project-hero-image {
    margin-bottom: -5em;
    padding-left: 24px;
    padding-right: 24px;
  }

  .project-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .project-container.about {
    padding-top: 60px;
  }

  .bold-title {
    font-size: 1em;
  }

  .services-bullets {
    font-size: 1.5em;
  }

  .project-title {
    font-size: 2em;
  }

  .project-body-image {
    border-radius: 12px;
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .project-body-image.corner-radius {
    border-radius: 12px;
    margin-top: 4rem;
    margin-bottom: 1rem;
  }

  .project-body-image.corner-radius.in-grid, .project-body-image.corner-radius.in-grid.tight {
    margin-top: 4rem;
  }

  .brand-4 {
    padding-left: 0;
  }

  .menu-wrapper-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: space-between;
    align-items: flex-start;
    width: 30px;
    height: 18px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 60px;
  }

  .about-hero {
    font-size: 1.5em;
  }

  .lottie-animation, .lottie-animation.square-grid {
    border-radius: 12px;
    margin-top: 4rem;
  }

  .lottie-animation.square-grid.delishsplash {
    margin-top: 4rem;
  }

  .lottie-animation.full-width.nycicons {
    margin-top: 4rem;
    margin-bottom: 0;
  }
}

#w-node-b9dd9c1a-08dd-a441-0be8-413f5727e562-9cba7592, #w-node-d0e37462-8b6a-0243-03d2-99973d690d97-9cba7592, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-9cba7592 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f79e6118-d2eb-9e12-24ef-0e6e1866c1e0-9cba7592 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f79e6118-d2eb-9e12-24ef-0e6e1866c1df-9cba7592 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2d253cd4-496f-0b15-2f0c-b3001804aabd-9cba7592 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_99654fef-0dbc-e1f0-d329-cd34433e8d08-9cba7592 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d0e37462-8b6a-0243-03d2-99973d690d97-f3aeed77, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-f3aeed77, #w-node-a425805a-d7c2-921c-58c4-cefbc99fb6ce-f3aeed77, #w-node-a425805a-d7c2-921c-58c4-cefbc99fb6d8-f3aeed77, #w-node-b9dd9c1a-08dd-a441-0be8-413f5727e562-c76bd117, #w-node-d0e37462-8b6a-0243-03d2-99973d690d97-c76bd117, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-c76bd117 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f44dd8a-9185-4941-2028-d95391de271b-c76bd117, #w-node-bfc5e77e-2118-14cf-bf91-fb0d6f074384-c76bd117, #w-node-b8300d55-8c82-5ab4-96da-eadf181d6b7f-c76bd117 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b8300d55-8c82-5ab4-96da-eadf181d6b80-c76bd117 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b9dd9c1a-08dd-a441-0be8-413f5727e562-ed3cee31, #w-node-d0e37462-8b6a-0243-03d2-99973d690d97-ed3cee31, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-ed3cee31 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_603545f2-eaa4-11d2-f4f0-d909b9ffaa43-ed3cee31 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_603545f2-eaa4-11d2-f4f0-d909b9ffaa44-ed3cee31 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b9dd9c1a-08dd-a441-0be8-413f5727e562-348a2789, #w-node-d0e37462-8b6a-0243-03d2-99973d690d97-348a2789, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-348a2789 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_21491e6d-e404-59e4-8198-813dfee27d32-348a2789 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_21491e6d-e404-59e4-8198-813dfee27d33-348a2789 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b9dd9c1a-08dd-a441-0be8-413f5727e562-ee93e428, #w-node-d0e37462-8b6a-0243-03d2-99973d690d97-ee93e428, #w-node-d0e37462-8b6a-0243-03d2-99973d690d9a-ee93e428 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_21491e6d-e404-59e4-8198-813dfee27d32-ee93e428 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_21491e6d-e404-59e4-8198-813dfee27d33-ee93e428 {
  grid-area: 1 / 1 / 2 / 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_99654fef-0dbc-e1f0-d329-cd34433e8d08-9cba7592, #w-node-b8300d55-8c82-5ab4-96da-eadf181d6b80-c76bd117, #w-node-_603545f2-eaa4-11d2-f4f0-d909b9ffaa44-ed3cee31, #w-node-_21491e6d-e404-59e4-8198-813dfee27d33-348a2789, #w-node-_21491e6d-e404-59e4-8198-813dfee27d33-ee93e428 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_135c9740-2566-0c04-5d5b-89be64ab235e-c76bd117 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Gt America';
  src: url('../fonts/GT-America-Regular.woff2') format('woff2'), url('../fonts/GT-America-Regular.woff') format('woff'), url('../fonts/GT-America-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America';
  src: url('../fonts/GT-America-Bold.woff2') format('woff2'), url('../fonts/GT-America-Bold.woff') format('woff'), url('../fonts/GT-America-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt America';
  src: url('../fonts/GT-America-Light.woff2') format('woff2'), url('../fonts/GT-America-Light.woff') format('woff'), url('../fonts/GT-America-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-LightItal.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp Roman';
  src: url('../fonts/ChronicleDisp-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-XLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-SemiboldItal.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chronicledisp';
  src: url('../fonts/ChronicleDisp-BlackItalic.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-Light-Bas.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-Semibold-Bas.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-BoldItalic-Bas.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-LightItalic-Bas.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-BookItalic-Bas.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-Medium-Bas.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-SemiboldItalic-Bas.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-MediumItalic-Bas.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Bas';
  src: url('../fonts/WhitneySSm-Bold-Bas.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whitneyssm Book Bas';
  src: url('../fonts/WhitneySSm-Book-Bas.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}