:root {
  --white-smoke: #fcfcfc;
  --black: #131313;
  --outline: #ececec;
  --bege: #ffc88d;
  --dark-outline: #e6e6e6;
  --perola: #ece5d5;
  --outline-light: rgba(241, 241, 241, .1);
  --green-olive: #808074;
  --light-overlay: rgba(241, 241, 241, .5);
  --orange: #b56545;
  --blue: #99a5c0;
}

body {
  background-color: var(--white-smoke);
  color: var(--black);
  letter-spacing: -.025rem;
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
  font-size: 1.1rem;
}

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

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
}

li {
  margin-bottom: .625rem;
}

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

blockquote {
  border-left: 2px solid var(--outline);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: .625rem 0 .625rem 1.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.content-section {
  background-color: rgba(0, 0, 0, 0);
}

.content-section.dark {
  background-color: var(--black);
  color: var(--white-smoke);
}

.content-section.orange {
  background-color: #b56545;
}

.content-section.green-olive {
  background-color: #808074;
}

.content-section.perola {
  background-color: #ece5d5;
}

.home-hero-grid {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: -1px;
  display: grid;
  position: relative;
}

.home-hero {
  min-height: 100vh;
  border-bottom: 1px none var(--outline);
  display: flex;
}

.home-hero-image {
  height: 100%;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.navbar {
  z-index: 900;
  width: 6rem;
  height: 100vh;
  background-color: var(--white-smoke);
  flex-direction: column;
  padding: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.navbar-content {
  z-index: 3;
  height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-right: 0px solid var(--outline);
  background-color: var(--bege);
  flex-direction: column;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
  position: relative;
}

.menu-button {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.menu-icon {
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid var(--outline);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: .9rem;
  padding-right: .9rem;
  display: flex;
  position: relative;
}

.brand {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-logo {
  width: 6.625rem;
  color: var(--black);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 500;
  transform: rotate(-90deg);
}

.home-hero-right {
  min-height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-top: 1.875rem;
  display: grid;
}

.normal-padding {
  flex-direction: column;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.hyperlink {
  color: var(--black);
  padding-bottom: .25rem;
  text-decoration: none;
  position: relative;
}

.text-small {
  color: var(--black);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.home-hero-intro {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.heading-large {
  font-size: 5rem;
  line-height: 1.1;
}

.home-link {
  border-top: 1px solid var(--black);
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  text-decoration: none;
  display: flex;
}

.navbar-bottom {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-title {
  max-width: 35rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.text-regular {
  font-size: 1.2rem;
}

.text-regular.dual-text {
  column-count: 2;
  column-gap: 2rem;
}

.spacer-large {
  height: 6rem;
}

.large-padding {
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
}

.subtitle {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  padding-bottom: 1.25rem;
  display: flex;
}

.text-large {
  font-size: 2.25rem;
  line-height: 1.3;
}

.page-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-medium {
  font-size: 1.525rem;
}

.text-medium.text-mute {
  font-size: 1.225rem;
}

.client-category {
  z-index: 10;
  background-color: var(--white-smoke);
  position: relative;
  overflow: hidden;
}

.client-card-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 6rem;
  display: grid;
}

.category-bar {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: none;
}

.client-card {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  flex-direction: column;
  display: flex;
}

.client-card-image {
  border-radius: .35rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.client-card-height {
  padding-top: 70%;
}

.client-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fancy-font {
  font-family: Gambetta, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.spacer-small {
  height: 3rem;
}

.home-client-intro {
  max-width: 60%;
  grid-column-gap: 1rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-mute {
  opacity: .8;
}

.icon-wrapper {
  width: 3.625rem;
  height: 2.25rem;
  min-height: 2.25rem;
  min-width: 3.625rem;
  border: 1px solid var(--black);
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.article-item {
  z-index: 10;
  position: relative;
  overflow: visible;
}

.article-item:last-child {
  border-bottom: 1px solid var(--outline);
}

.article-data {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.dot {
  width: 4px;
  height: 4px;
  background-color: var(--black);
  border-radius: 100rem;
}

.home-hero-left {
  flex-direction: column;
  padding: 0;
  display: flex;
}

.client-card-title {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-hero-text {
  max-width: 22rem;
}

.heading-small {
  font-size: 3.5rem;
  line-height: 1.1;
}

.article-link {
  border-top: 1px solid var(--outline);
  background-color: var(--white-smoke);
  color: var(--black);
  flex-direction: column;
  text-decoration: none;
  transition: background-color .2s linear;
  display: flex;
}

.article-link:hover {
  background-color: #f6f6f6;
}

.icon-tiny {
  width: .625rem;
  color: var(--black);
}

.client-category-item {
  border-top: 1px solid var(--outline);
}

.client-category-trigger {
  z-index: 1;
  height: 100vh;
  position: absolute;
  top: 100vh;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.client-category-name {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  align-items: center;
  display: flex;
}

.logo-strip {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-strip.bottom-strip {
  border-bottom: 1px solid var(--outline);
}

.logo-item {
  width: 100%;
  min-height: 10rem;
  border-right: 1px solid var(--outline);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--outline);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.logo-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logos-text {
  max-width: 30rem;
}

.logo-title {
  max-width: 32rem;
}

.home-services {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: grid;
  position: relative;
  overflow: visible;
}

.side-banner {
  z-index: 3;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  background-color: var(--white-smoke);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.banner-left {
  flex-direction: column;
  display: flex;
}

.service-intro {
  max-width: 30rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.heading-regular {
  font-size: 4.5rem;
  line-height: 1.1;
}

.service-tab-list {
  flex-direction: column;
  display: flex;
}

.logo-image {
  width: 9rem;
}

.service-item {
  border-top: 1px solid var(--outline);
  flex-direction: column;
  display: flex;
}

.service-text {
  max-width: 23rem;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.tab-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2.5rem 1fr 3.625rem;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: grid;
}

.page-banner {
  min-height: 45vh;
  position: relative;
  overflow: hidden;
}

.client-hero-intro {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer-medium {
  height: 4rem;
}

.client-filter {
  min-height: 4.5rem;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--outline);
  border-bottom: 1px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sticky-bar-left {
  border-right: 1px solid var(--outline);
  align-items: center;
  display: flex;
}

.sticky-bar-list {
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.client-list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.journal-title {
  max-width: 26rem;
}

.spacer-huge {
  height: 9.5rem;
}

.clients-title {
  max-width: 30rem;
}

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

.article-left {
  height: 100%;
  max-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.article-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: grid;
}

.article-card-left {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 1.625rem;
  padding-bottom: 1.625rem;
  padding-left: 3rem;
  display: flex;
}

.article-card-title {
  max-width: 25rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.article-card-right {
  border-radius: .35rem;
  position: relative;
  overflow: hidden;
}

.article-height {
  padding-top: 75%;
}

.sticky-filter {
  z-index: 10;
  background-color: var(--white-smoke);
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
}

.article-right {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.article-top-bar {
  z-index: 50;
  border-bottom: 1px solid var(--outline);
  background-color: var(--white-smoke);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.top-bar-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rich-text h2 {
  margin-bottom: 1.25rem;
  font-size: 3.5rem;
}

.rich-text p {
  margin-bottom: 1.25rem;
}

.rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.875rem;
}

.rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}

.rich-text h6 {
  margin-top: 1.5rem;
  margin-bottom: .625rem;
  font-size: 1.25rem;
}

.rich-text h5 {
  margin-top: 1.5rem;
  margin-bottom: .625rem;
  font-size: 1.5rem;
}

.rich-text figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.rich-text figcaption {
  border-bottom: 1px solid var(--outline);
  margin-top: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.rich-text img {
  border-radius: .35rem;
}

.rich-text h1 {
  margin-bottom: 1.5rem;
  font-size: 4.5rem;
}

.content-body {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.client-left {
  height: 100%;
  max-height: 100vh;
  flex-direction: column;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.client-image {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.client-intro {
  border-bottom: 1px solid var(--outline);
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.client-right {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.client-top-bar {
  z-index: 10;
  border-bottom: 1px solid var(--outline);
  background-color: var(--white-smoke);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.more-clients {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.client-link {
  color: var(--black);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.client-bar-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-hero {
  min-height: 100vh;
  flex-direction: column;
  margin-top: -4.5rem;
  padding-top: 4.5rem;
  display: flex;
}

.service-banner {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.service-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-block-image {
  height: 100%;
  max-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.service-type {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.type-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: 2rem 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.service-hero-left {
  border-right: 1px none var(--outline);
}

.service-hero-title {
  max-width: 30rem;
}

.about-intro {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.about-title {
  max-width: 28rem;
}

.about-body {
  border-top: 1px solid var(--outline);
}

.about-numbers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.number-card {
  border-right: 1px solid var(--outline);
  border-bottom: 1px solid var(--outline);
}

.number-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.number-text {
  padding-bottom: 0;
}

.full-image {
  width: 100%;
}

.story-body {
  max-width: 35rem;
}

.about-text {
  max-width: 40rem;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.about-image {
  z-index: 3;
  border-radius: .35rem;
  position: relative;
  overflow: hidden;
}

.nav-menu {
  height: 100%;
  background-color: rgba(200, 200, 200, 0);
  flex-direction: column;
  display: flex;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: visible;
}

.menu-dropdown {
  width: 0;
  justify-content: flex-start;
  display: flex;
}

.navbar-dropdown {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.menu-toggle {
  padding: 0;
}

.menu-toggle.w--open {
  z-index: 20;
}

.dropdown-list {
  width: 0;
  height: 100vh;
  max-width: 0;
  background-color: #ddd;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.dropdown-list.w--open {
  z-index: 1;
  width: 0;
  max-width: 0;
  background-color: rgba(221, 221, 221, 0);
  justify-content: flex-start;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 6rem;
  right: auto;
}

.menu-clip {
  height: 100%;
  display: flex;
  overflow: hidden;
}

.menu-content {
  height: 100%;
  min-width: 32rem;
  background-color: var(--white-smoke);
  flex-direction: column;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.menu-link {
  border-bottom: 1px solid var(--outline);
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  text-decoration: none;
  display: flex;
}

.menu-overlay {
  z-index: 1;
  cursor: pointer;
  background-color: rgba(19, 19, 19, .56);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.menu-link-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.menu-outer {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.menu-bottom {
  border-top: 1px solid var(--outline);
  color: var(--black);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.social-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-icon {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid var(--outline);
  color: var(--black);
  letter-spacing: .025rem;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.clip-content {
  z-index: 3;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rotate-text {
  justify-content: center;
  align-items: center;
}

.rotate-text.bottom-text {
  position: absolute;
  top: auto;
  bottom: -100%;
  left: 0%;
  right: 0%;
}

.menu-link-icon {
  justify-content: center;
  align-items: center;
  padding: .7rem 1.3rem;
  display: flex;
  position: relative;
}

.icon-outline {
  border: 1px solid var(--outline);
  border-radius: 100rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.rotate-icon {
  justify-content: center;
  align-items: center;
  padding-left: 1px;
  padding-right: 1px;
  display: flex;
}

.rotate-icon.left {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -100%;
  right: auto;
}

.rotate-icon.right {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -100%;
}

.menu-action {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  display: flex;
}

.tab-text {
  max-width: 28rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.tab-bottom {
  border-radius: .35rem;
  overflow: hidden;
}

.tab-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-bottom-content {
  border: 1px solid var(--outline);
  border-radius: .35rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.tab-top {
  cursor: pointer;
}

.article-card-text {
  max-width: 23rem;
}

.article-intro {
  min-height: 100%;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.bar-link {
  color: rgba(19, 19, 19, .8);
  text-decoration: none;
}

.bar-link.w--current {
  color: var(--black);
}

.text-field {
  min-height: 3.5rem;
  border: 1px solid var(--outline);
  color: var(--black);
  background-color: rgba(255, 255, 255, 0);
  border-radius: .35rem;
  margin-bottom: 0;
  padding: .875rem 1.2rem;
  font-size: 1rem;
  transition: border-color .3s linear;
}

.text-field:focus {
  border-color: var(--dark-outline);
}

.text-field::-ms-input-placeholder {
  color: rgba(19, 19, 19, .6);
}

.text-field::placeholder {
  color: rgba(19, 19, 19, .6);
}

.text-field.large-field {
  min-height: 9rem;
}

.form-block {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  display: flex;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.dual-field {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.submit-button {
  background-color: var(--black);
  border-radius: 100rem;
  margin-top: .25rem;
  padding: .9rem;
  font-size: 1.1rem;
  font-weight: 400;
}

.contact-intro {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.contact-text {
  max-width: 24rem;
}

.preloader {
  z-index: 1000;
  border-bottom: 1px solid var(--outline);
  background-color: var(--perola);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.category-number {
  align-items: center;
  display: flex;
}

.image-overlay {
  z-index: 3;
  background-color: rgba(19, 19, 19, .1);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.clients-hero-text {
  max-width: 23rem;
}

.service-hero-text {
  max-width: 25rem;
}

.service-block-text {
  max-width: 27rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.style-block {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  border-top: 1px solid var(--outline);
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
  display: flex;
}

.text-link {
  color: rgba(19, 19, 19, .7);
  text-decoration: none;
  transition: color .25s linear;
}

.text-link:hover {
  color: #131313;
}

.text-link.light-link {
  color: rgba(252, 252, 252, .7);
}

.text-link.light-link:hover {
  color: #fcfcfc;
}

.article-trigger {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 100vh;
}

.journal-section {
  overflow: hidden;
}

.footer-action-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-action {
  border-bottom: 0px solid var(--outline-light);
}

.button {
  border: 1px solid var(--outline);
  color: var(--black);
  border-radius: 100rem;
  padding: .45rem 1.2rem;
  text-decoration: none;
  transition: border-color .3s linear;
  position: relative;
  overflow: hidden;
}

.button.light-button {
  border-color: var(--outline-light);
  color: var(--white-smoke);
}

.button.light-button:hover {
  border-color: var(--outline-light);
}

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

.footer-brand {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
}

.footer-columns {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--black);
  text-decoration: none;
}

.footer-credits {
  border-top: 1px solid var(--outline-light);
}

.footer-credit-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.footer-credit-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer-action-title {
  max-width: 40rem;
}

.heading-huge {
  font-size: 2.5rem;
  line-height: 1;
}

.client-body {
  border-bottom: 1px solid var(--outline);
}

.client-title {
  width: 100%;
  max-width: 45rem;
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-content {
  min-height: 100vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: grid;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.password-label {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2rem;
  display: flex;
}

.utility-image {
  position: relative;
  overflow: hidden;
}

.password-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.utility-right {
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.utility-text {
  max-width: 18rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1.5rem;
  display: flex;
}

.log-item {
  border-top: 1px solid var(--outline);
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.log-name {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.sticky-bar-right {
  align-items: center;
  display: flex;
}

.journal-hero-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.services-hero-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-hero-image {
  height: 100%;
  max-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.contact-hero-image {
  height: 100%;
  max-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

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

.utility-intro {
  max-width: 25rem;
}

.success-message {
  background-color: var(--outline);
  border-radius: .35rem;
  padding: 0;
}

.success-content {
  min-height: 20rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-form {
  margin-bottom: 0;
}

.error-message {
  color: var(--white-smoke);
  background-color: #a13d3d;
  border-radius: .35rem;
  padding: .7rem 1rem;
}

.contact-hero-top {
  border-bottom: 1px solid var(--outline);
  flex-direction: column;
  display: flex;
}

.back-link {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: var(--black);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-line {
  height: 1px;
  background-color: var(--outline);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.link-line-fill {
  width: 100%;
  height: 100%;
  background-color: var(--black);
}

.anchor-link {
  color: var(--black);
  text-decoration: none;
}

.small-journal-card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: grid;
}

.small-article-intro {
  max-width: 20rem;
  min-height: 100%;
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  flex-direction: column;
  justify-content: space-between;
  padding-top: .625rem;
  padding-bottom: .625rem;
  display: flex;
}

.small-article-title {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.lottie-animation {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-tiny {
  font-size: .625rem;
}

.spacer-tiny {
  height: 1.625rem;
}

.icon-square {
  height: .625rem;
}

.back-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-body {
  flex-direction: column;
  margin-bottom: -1px;
  display: flex;
}

.log-grid {
  min-height: 100vh;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.log-right {
  height: 100%;
  max-height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.log-list {
  border-bottom: 1px solid var(--outline);
  flex-direction: column;
  display: flex;
}

.log-title {
  max-width: 30rem;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.log-text {
  max-width: 20rem;
}

.license-hero-text {
  max-width: 26rem;
}

.loader {
  width: 10rem;
  height: 2px;
  background-color: var(--outline);
  color: var(--green-olive);
  overflow: hidden;
}

.loader-fill {
  width: 100%;
  height: 100%;
  background-color: var(--black);
}

.license-grid {
  width: 100%;
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.license-image {
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.license-height {
  padding-top: 80%;
}

.license-block {
  width: 100%;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-top: 1px solid var(--outline);
  flex-direction: column;
  align-items: flex-start;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.license-list {
  flex-direction: column;
  display: flex;
}

.more-articles {
  width: 100%;
}

.license-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-title {
  max-width: 28rem;
}

.contact-grid, .about-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-content {
  flex-direction: column;
  display: flex;
}

.button-shade {
  width: 100%;
  height: 100%;
  border: 1px solid var(--outline);
  border-radius: 100rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-shade.light-shade {
  border-color: var(--black);
}

.footer-brand-logo {
  width: 4.25rem;
}

.client-wrapper {
  flex-direction: column;
  display: flex;
}

.home-journal-intro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-title, .license-title {
  max-width: 28rem;
}

.home-about {
  border-bottom: 1px solid var(--outline);
}

.home-about-intro {
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-huge {
  font-size: 2.875rem;
  line-height: 1.3;
}

.home-about-title {
  max-width: 50rem;
}

.quote-slider {
  width: 100%;
  height: auto;
  max-width: 35rem;
  border: 1px solid var(--outline);
  background-color: rgba(221, 221, 221, 0);
  border-radius: .35rem;
  padding-right: 3.5rem;
}

.quote-content {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 5rem 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  padding: 2rem;
  display: grid;
  overflow: hidden;
}

.quote-image {
  border-radius: .35rem;
  position: relative;
  overflow: hidden;
}

.quote-height {
  padding-top: 110%;
}

.quote-text {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.hide {
  display: none;
}

.right-arrow {
  width: 3.5rem;
  height: 50%;
  border-left: 1px solid var(--outline);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 0;
  display: flex;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.right-arrow.bottom-arrow {
  border-top: 1px solid var(--outline);
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.quote-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 0px solid var(--outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 991px) {
  .home-hero-grid {
    grid-template-columns: 1fr;
  }

  .navbar {
    width: 100%;
    height: 4rem;
    flex-direction: column;
    justify-content: center;
  }

  .navbar-content {
    border-bottom: 1px solid var(--outline);
    border-right-style: none;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }

  .brand, .brand.w--current {
    padding: 0;
  }

  .brand-logo {
    transform: none;
  }

  .home-hero-right {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .normal-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-hero-intro {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .navbar-bottom {
    flex-direction: row;
    display: none;
  }

  .spacer-large {
    height: 4.5rem;
  }

  .large-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .text-large {
    font-size: 2rem;
  }

  .page-wrapper {
    grid-template-columns: 1fr;
  }

  .text-medium {
    font-size: 1.45rem;
  }

  .client-card-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-bottom: 4rem;
  }

  .home-client-intro {
    max-width: 28rem;
  }

  .icon-wrapper {
    width: 3.25rem;
    height: 2rem;
    min-height: 2rem;
    min-width: 3.255rem;
  }

  .home-hero-left {
    min-height: 100vh;
  }

  .heading-small {
    font-size: 3rem;
  }

  .logo-item {
    min-height: 8rem;
  }

  .logo-intro {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .logo-title {
    max-width: 21rem;
  }

  .home-services {
    grid-template-columns: 1fr;
  }

  .side-banner {
    min-height: 100vh;
    position: relative;
    top: auto;
  }

  .heading-regular {
    font-size: 4rem;
  }

  .logo-image {
    width: 7rem;
  }

  .client-hero-intro {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .spacer-medium {
    height: 3rem;
  }

  .client-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 2.5rem;
  }

  .spacer-huge {
    height: 7rem;
  }

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

  .article-left {
    min-height: 70vh;
    position: relative;
    top: auto;
  }

  .article-card {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .article-card-left {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-left: 2rem;
  }

  .sticky-filter, .article-top-bar {
    position: relative;
    top: auto;
  }

  .rich-text h2 {
    font-size: 3.25rem;
  }

  .client-left {
    min-height: 70vh;
    position: relative;
    top: auto;
  }

  .client-top-bar {
    position: relative;
    top: auto;
  }

  .service-block {
    grid-template-columns: 1fr;
  }

  .service-block-image {
    min-height: 90vh;
    position: relative;
    top: auto;
  }

  .menu-dropdown {
    justify-content: flex-end;
  }

  .dropdown-list {
    justify-content: flex-start;
  }

  .dropdown-list.w--open {
    justify-content: flex-end;
    padding-top: 4rem;
    left: 0;
  }

  .menu-content {
    min-width: 100vw;
  }

  .social-list {
    flex-direction: row;
  }

  .footer-action-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .heading-huge {
    font-size: 6rem;
  }

  .utility-page-content {
    grid-template-columns: 1fr;
  }

  .utility-page-form {
    justify-content: flex-start;
  }

  .utility-image {
    min-height: 40vh;
  }

  .utility-right {
    justify-content: flex-start;
  }

  .sticky-bar-right {
    overflow: auto;
  }

  .journal-hero-intro {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .services-hero-intro {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .about-hero-image {
    min-height: 70vh;
    position: relative;
  }

  .contact-hero-image {
    min-height: 80vh;
    position: relative;
    top: auto;
  }

  .article-grid, .log-grid {
    grid-template-columns: 1fr;
  }

  .log-right {
    min-height: 60vh;
    position: relative;
    top: auto;
  }

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

  .license-intro {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .contact-grid, .about-grid {
    grid-template-columns: 1fr;
  }

  .button-shade {
    display: none;
  }

  .home-journal-intro {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .text-huge {
    font-size: 3.5rem;
  }

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

@media screen and (max-width: 767px) {
  .normal-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .heading-large {
    font-size: 3.625rem;
  }

  .home-hero-title {
    max-width: 30rem;
  }

  .spacer-large {
    height: 4rem;
  }

  .text-large {
    font-size: 1.875rem;
  }

  .client-card-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-bottom: 3rem;
  }

  .client-text {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .home-hero-left {
    min-height: 90vw;
  }

  .heading-small {
    font-size: 2.5rem;
  }

  .client-category-trigger {
    height: 150vh;
    top: 250vh;
  }

  .logo-strip {
    grid-template-columns: 1fr 1fr;
  }

  .logo-strip.bottom-strip {
    border-top-style: none;
    border-bottom-style: none;
  }

  .logo-item {
    min-height: 6rem;
    border-bottom: 1px solid var(--outline);
  }

  .logo-intro {
    grid-row-gap: 1.25rem;
  }

  .logo-title {
    max-width: 18rem;
  }

  .side-banner {
    min-height: 80vw;
  }

  .service-intro {
    grid-row-gap: 1.25rem;
  }

  .heading-regular {
    font-size: 3rem;
  }

  .logo-image {
    width: 6rem;
  }

  .tab-grid {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }

  .page-banner {
    min-height: 80vw;
  }

  .spacer-medium {
    height: 2.875rem;
  }

  .client-filter {
    grid-template-columns: 1fr;
  }

  .sticky-bar-left {
    border-right-style: none;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .client-list {
    grid-template-columns: 1fr;
  }

  .journal-title {
    max-width: 22rem;
  }

  .spacer-huge {
    height: 4.5rem;
  }

  .clients-title {
    max-width: 25rem;
  }

  .article-left {
    min-height: 80vw;
  }

  .article-card {
    grid-template-columns: 1fr;
  }

  .article-card-left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 0;
    padding-left: 0;
  }

  .rich-text h2 {
    font-size: 2.5rem;
  }

  .rich-text h4 {
    font-size: 1.625rem;
  }

  .rich-text h3 {
    font-size: 2rem;
  }

  .client-left, .service-block-image {
    min-height: 80vw;
  }

  .about-intro {
    grid-row-gap: 1.5rem;
  }

  .menu-action {
    padding-bottom: 4rem;
  }

  .tab-text {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .article-intro {
    min-height: auto;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .article-trigger {
    height: 150vh;
    top: 125vh;
  }

  .footer-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .footer-credit-grid {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
    padding-bottom: 3.5rem;
  }

  .footer-credit-list {
    grid-column-gap: 1rem;
    grid-row-gap: .625rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .heading-huge {
    font-size: 4.25rem;
  }

  .sticky-bar-right {
    padding-bottom: 1.5rem;
  }

  .services-hero-intro {
    grid-row-gap: 1.25rem;
  }

  .about-hero-image {
    min-height: 80vw;
  }

  .small-journal-card {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .small-article-intro {
    min-height: auto;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 0;
  }

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

  .service-title {
    max-width: 21rem;
  }

  .home-journal-intro {
    grid-row-gap: 1.25rem;
  }

  .text-huge {
    font-size: 2.5rem;
  }

  .quote-slider {
    flex-direction: column;
  }

  .quote-content {
    grid-template-columns: 1fr;
    padding: 1.3rem;
  }

  .quote-image {
    width: 25%;
  }

  .quote-text {
    max-width: 22rem;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .quote-grid {
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .navbar-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-link {
    padding-bottom: 2.25rem;
  }

  .text-regular.dual-text {
    column-count: 1;
  }

  .large-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .home-hero-left {
    min-height: 110vw;
  }

  .client-category-trigger {
    top: 150vh;
  }

  .logo-item {
    min-height: 5rem;
  }

  .side-banner, .page-banner, .article-left, .client-left, .service-block-image {
    min-height: 90vw;
  }

  .menu-action {
    padding-bottom: 8.5rem;
  }

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

  .about-hero-image {
    min-height: 90vw;
  }

  .small-article-intro {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .quote-slider {
    padding-bottom: 3.5rem;
    padding-right: 0;
  }

  .quote-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .quote-image {
    width: 40%;
  }

  .right-arrow {
    width: 50%;
    height: 3.5rem;
    border-top: 1px solid var(--outline);
    border-left-style: none;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .right-arrow.bottom-arrow {
    border-right: 1px solid var(--outline);
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }
}

#w-node-_00cbe349-9330-b3aa-e86c-8e45fdcc7d34-b70f5785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa8a1499-ecc8-b90b-70ec-5e64028d5acf-b70f5785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-e9f3fcc6-c1a8-78c5-6706-a19a25bf85ed-b70f5785, #w-node-a2641130-848d-0358-b2b3-220810f25d05-b70f5785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-abeb9b08-4332-36d2-dead-c30e55025c39-b70f5785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_6df169b4-b6f5-cf51-4b21-b2c12bd193ae-b70f5785 {
  align-self: start;
}

#w-node-_6b67b46d-a623-ab7c-a728-3e2f01a56864-b70f5785, #w-node-b8e67cc2-a853-31b3-2908-9ec773c0c588-b70f5785 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: end;
}

#w-node-c079005d-491c-ea47-f56d-319c1d5edb11-b70f5785 {
  align-self: start;
}

#w-node-d6897988-2692-a9ec-4303-507321785677-b70f5785 {
  align-self: end;
  justify-self: end;
}

#w-node-d6897988-2692-a9ec-4303-507321785692-b70f5785, #w-node-ab99f85f-d5e8-55b9-ed99-7a47e299c693-03e625f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02ce037d-b490-b530-80cb-90659969de75-03e625f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: start;
}

#w-node-b588a468-772f-e6fe-65fb-5a4d99fe546c-03e625f3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_92cfb036-d552-e400-bc75-69039cc888e0-03e625f3, #w-node-a462cad8-bd60-2b4d-a82e-0b32b2edf0d3-b2edf0d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_00e9a467-c434-b1f8-719a-16f521bcacb3-21bcacb2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_00e9a467-c434-b1f8-719a-16f521bcacb6-21bcacb2, #w-node-_7027b9bf-7da8-59f2-7dfd-4d7828eb7137-28eb7137 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bf766953-05bd-9b0e-8375-82bb8a8c2629-9c621561 {
  justify-self: start;
}

#w-node-_93e114bd-564f-8aee-2698-01c7c4fa7c50-9c621561 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39167ddc-8922-393b-1245-f225e634337d-9c621561 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7a735fda-81a8-137b-0e21-ade0a326d784-f4471823 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_298a8d53-16d7-848a-c446-fc9301280c37-f4471823 {
  align-self: start;
  justify-self: center;
}

#w-node-_52c48fb4-ee6e-4ef5-1434-6a22f4471828-f4471823 {
  align-self: stretch;
}

#w-node-_52c48fb4-ee6e-4ef5-1434-6a22f4471832-f4471823 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64f8104398a7e2ef2f66c12400000000000b-b70f5786 {
  justify-self: stretch;
}

#w-node-_9bb5ce88-eb7b-89e7-e11c-266ee86bdc91-b70f5786 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#email-form.w-node-_64f8104398a7e2ef2f66c12400000000000c-b70f5786 {
  align-self: stretch;
}

#w-node-_364ecf4f-9534-7dec-55be-03505ecb56c2-b70f5787 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_6f573a8f-d913-c3f2-666c-0194d3e16622-b70f5787 {
  align-self: stretch;
}

#w-node-b70d7549-9f0a-041b-f864-382029a79f3e-b70f5788, #w-node-e67d6694-1c8a-3ae1-751a-c30961620d73-b70f5788, #w-node-_11c25c99-6f59-a33e-19bb-450280bc7d99-b70f5788, #w-node-d893c294-7173-b1b6-b103-7d7d5a1ac2a9-b70f5788, #w-node-_809df21a-7f24-0556-dd19-39041298f678-b70f5789 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5bd90bc-0597-1847-d4d3-bb8eed1bb585-b70f578a {
  align-self: end;
  justify-self: end;
}

#w-node-_5dcda05e-2a91-8d71-088a-36ce99d1617f-b70f578a, #w-node-_068837e7-4650-72e7-b6d3-711bb82302b0-b70f578a {
  align-self: stretch;
}

#w-node-_11943bd3-e519-0eb9-9ece-28a2750b99ae-b70f578a, #w-node-_09d0b294-f910-71f1-cd5e-1ab5a0a53ac5-b70f578c, #w-node-_09d0b294-f910-71f1-cd5e-1ab5a0a53ac7-b70f578c, #w-node-_65b792d2-5297-5cf5-96a6-5cb141276bcd-b70f578c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a707fe3-e60e-dde6-25e0-d1fd768ec015-b70f578d {
  align-self: end;
  justify-self: end;
}

#w-node-_0a707fe3-e60e-dde6-25e0-d1fd768ec01c-b70f578d, #w-node-_0a707fe3-e60e-dde6-25e0-d1fd768ec021-b70f578d {
  align-self: stretch;
}

#w-node-_0a707fe3-e60e-dde6-25e0-d1fd768ec032-b70f578d, #w-node-_5385c321-2abf-5c98-25f1-8ad28a62f096-b70f578e, #w-node-_5385c321-2abf-5c98-25f1-8ad28a62f098-b70f578e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac088eab-f2d0-efd3-633f-c94e0731c201-b70f578f {
  align-self: end;
  justify-self: end;
}

#w-node-_649f42e5-63d8-d507-264d-cc8099db7063-b70f578f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ff1d2f2-c26a-b88f-7940-77a3aee9bff5-b70f5790 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: end;
}

#w-node-_3b76546c-aa46-4c08-d971-6ff8bf899b0d-b70f5790, #w-node-_0188bd1d-f5ab-8565-2b4e-79abd1caebfd-b70f5790, #w-node-_7f55cec7-ae20-4687-9b61-43b53bdb279b-b70f5790, #w-node-dfa0d51f-ca5a-349d-d011-8c098c4b2565-b70f5790, #w-node-_6f8e3d93-ca83-e713-29dd-eadc6fc3cbd3-b70f5790, #w-node-_6c9e0287-f974-c127-0a33-9f1e23702352-b70f5790, #w-node-_48b57675-7688-ed2d-0441-0755fd8cd0a8-b70f5790, #w-node-f7795696-368d-8f0c-c4a0-432809842dd8-b70f5790, #w-node-_8f947bf3-f23b-7649-7ded-1a6bab6090a0-b70f5790, #w-node-cf072e61-b952-4768-987e-8f3c461b25ee-b70f5790, #w-node-_47f7ddc6-8896-a07d-e316-fdacc2024fe8-b70f5790, #w-node-c640d2d4-2016-9883-90fa-521aa7facbe0-b70f5790, #w-node-_2b3027ef-f6cf-65c3-0c9d-eb7ccb9ceaa9-b70f5790, #w-node-_8ad9d094-8a64-9ebc-95a7-4b1a92a87b4c-b70f5790, #w-node-_394a316b-ccb8-1f79-b01d-d516790acddb-b70f5790, #w-node-_53b7ddd9-6cbf-c731-4f97-ddee1017b2ee-b70f5790, #w-node-_845c56bf-c5f3-3bf5-c8ac-815b1561bb8a-b70f5790, #w-node-_866fe1af-bc59-997b-b4b3-e510eecd3acf-b70f5790, #w-node-_4695962f-cbb2-4aa1-7af8-e877e586d404-b70f5790, #w-node-fcd813ab-1612-ed48-a70b-1a1b91c0f4fe-b70f5790, #w-node-_47a10074-cf9c-904c-8e72-9b9518775232-b70f5790, #w-node-fb62f93b-f72b-fc90-9a88-4e61b52d4a59-b70f5790, #w-node-_469469a9-1c65-93a1-17f3-1e4c048dcfa1-b70f5790, #w-node-e2780033-57cd-3f6b-312b-cf6aef497932-b70f5790, #w-node-_19a8f910-dfc2-0332-c44b-3d2042b1fae0-b70f5790, #w-node-b47d330d-f4bf-474f-7445-581941c67438-b70f5790, #w-node-_08ec0d0f-7488-a4ad-26ea-414be681cae2-b70f5790 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5bd90bc-0597-1847-d4d3-bb8eed1bb585-b70f5791 {
  align-self: end;
  justify-self: end;
}

#w-node-_5dcda05e-2a91-8d71-088a-36ce99d1617f-b70f5791, #w-node-_1cdb1db7-b0b2-8706-b3ab-1fc127861f83-b70f5791 {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-a2641130-848d-0358-b2b3-220810f25d05-b70f5785 {
    order: 9999;
  }

  #w-node-_6b67b46d-a623-ab7c-a728-3e2f01a56864-b70f5785, #w-node-b8e67cc2-a853-31b3-2908-9ec773c0c588-b70f5785 {
    justify-self: start;
  }

  #w-node-c079005d-491c-ea47-f56d-319c1d5edb11-b70f5785 {
    order: 9999;
  }

  #w-node-d6897988-2692-a9ec-4303-507321785677-b70f5785, #w-node-_02ce037d-b490-b530-80cb-90659969de75-03e625f3 {
    justify-self: start;
  }

  #w-node-_298a8d53-16d7-848a-c446-fc9301280c37-f4471823 {
    align-self: center;
    justify-self: end;
  }

  #w-node-_52c48fb4-ee6e-4ef5-1434-6a22f4471828-f4471823 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: center;
    justify-self: start;
  }

  #w-node-_0aa54f4d-cb0f-59ee-7fc9-5e7844a9cc8d-b70f5788, #w-node-_809df21a-7f24-0556-dd19-39041298f678-b70f5789 {
    order: -9999;
  }

  #w-node-b5bd90bc-0597-1847-d4d3-bb8eed1bb585-b70f578a {
    justify-self: start;
  }

  #w-node-_0aa54f4d-cb0f-59ee-7fc9-5e7844a9cc8d-b70f578b {
    order: 9999;
  }

  #w-node-_0a707fe3-e60e-dde6-25e0-d1fd768ec015-b70f578d, #w-node-ac088eab-f2d0-efd3-633f-c94e0731c201-b70f578f, #w-node-_2ff1d2f2-c26a-b88f-7940-77a3aee9bff5-b70f5790, #w-node-b5bd90bc-0597-1847-d4d3-bb8eed1bb585-b70f5791 {
    justify-self: start;
  }

  #w-node-c590b9d5-e4c5-b2a6-09e2-2a16fb32e456-b70f5791 {
    order: 9999;
  }
  #w-node-abeb9b08-4332-36d2-dead-c30e55025c39-b70f5785 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d2e88b35-d96f-521d-b67e-73f74d9048a0-03e625f3 {
    order: 9999;
  }

  #w-node-_00e9a467-c434-b1f8-719a-16f521bcacb6-21bcacb2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_39167ddc-8922-393b-1245-f225e634337d-9c621561 {
    grid-column: 1 / 4;
  }
  #w-node-abeb9b08-4332-36d2-dead-c30e55025c39-b70f5785 {

    display: none;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'), url('../fonts/Satoshi-Black.eot') format('embedded-opentype'), url('../fonts/Satoshi-Black.woff') format('woff'), url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'), url('../fonts/Satoshi-BlackItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-BlackItalic.woff') format('woff'), url('../fonts/Satoshi-BlackItalic.woff') format('woff'), url('../fonts/Satoshi-BlackItalic.woff') format('woff'), url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'), url('../fonts/Satoshi-BoldItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-BoldItalic.woff') format('woff'), url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'), url('../fonts/Satoshi-Italic.eot') format('embedded-opentype'), url('../fonts/Satoshi-Italic.woff') format('woff'), url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), url('../fonts/Satoshi-Medium.eot') format('embedded-opentype'), url('../fonts/Satoshi-Medium.woff') format('woff'), url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'), url('../fonts/Satoshi-LightItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-LightItalic.woff') format('woff'), url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'), url('../fonts/Satoshi-MediumItalic.eot') format('embedded-opentype'), url('../fonts/Satoshi-MediumItalic.woff') format('woff'), url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.eot') format('embedded-opentype'), url('../fonts/Satoshi-Bold.woff') format('woff'), url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.eot') format('embedded-opentype'), url('../fonts/Satoshi-Regular.woff') format('woff'), url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'), url('../fonts/Satoshi-Light.eot') format('embedded-opentype'), url('../fonts/Satoshi-Light.woff') format('woff'), url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gambetta';
  src: url('../fonts/Gambetta-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}