@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-ExtraLight.woff2') format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Bold.woff2') format("woff2"), url('../fonts/FixelDisplay-ExtraBold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-SemiBold.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Thin.woff2') format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fixeldisplay;
  src: url('../fonts/FixelDisplay-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


:root {
  --main-background-color: #040720;
  --text-main: #a8b2c2;
  --accent-1: #3935ff;
  --nav-side-text-color: #a8b2c2;
  --white: white;
  --ns-bg-grad: #46a4cf33;
}

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

body {
  background-color: var(--main-background-color);
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 89px;
  font-weight: 500;
  line-height: 1.4;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.nav__icon {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 4em;
  margin-left: 4.9em;
  display: flex;
}

.grid-card {
  z-index: 1;
  color: #ffffff30;
  text-align: left;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 5.8em 2.5em;
  font-size: .8em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

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

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

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

.assets-grid-3-icon-container {
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.ns-menu-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.assets-grid-3-item-details {
  color: var(--text-main);
  font-size: .85rem;
}

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

.assets-grid-1.portfolio {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.assets-grid-1.one-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.ls-grid-item-heading {
  color: #fff;
  margin-top: 0;
}

.ls-grid-item-heading.all-projects-link {
  color: var(--accent-1);
  margin-top: 10px;
}

.ss-socials-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: .5px solid #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 50px;
  min-height: 50px;
  display: grid;
}

.body {
  color: var(--text-main);
  font-family: Fixeldisplay, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}

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

.assets-grid-1-item {
  color: #fff;
  text-decoration: none;
  transition: color .2s;
}

.assets-grid-1-item:hover {
  color: var(--accent-1);
}

.assets-grid-1-item.cms {
  width: 100%;
}

.ns-profile-role {
  margin-bottom: 0;
  font-size: .85rem;
}

.ns-profile-role.footer {
  font-size: .75rem;
}

.ns-profile-role.profile-text-animation {
  color: #a8b2c2;
}

.ns-content-grid-item {
  flex-direction: column;
  padding: 50px 15% 15%;
  display: flex;
}

.ns-content-grid-item.middle {
  justify-content: center;
}

.ns-content-grid-item.bottom {
  justify-content: flex-end;
}

.assets-grid-2-item {
  text-decoration: none;
  transition: color .2s;
}

.assets-grid-3-item-tag {
  color: var(--text-main);
  text-transform: uppercase;
  background-color: #ffffff0d;
  border-radius: .25em;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-left: 1ch;
  padding-right: 1ch;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
  display: flex;
}

.ls-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.assets-grid-2-item-tag {
  color: var(--text-main);
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
}

.assets-grid-2-item-img {
  aspect-ratio: 16 / 9;
  background-image: url('../images/INrR0G2XY5NSvOSE2xjIas6IE.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.assets-grid-2-item-img:hover {
  box-shadow: 0 2px 15px #a8b2c21a;
}

.assets-grid-2-item-title {
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-weight: 500;
}

.assets-grid-2-item-title.contact {
  color: #fff;
  margin-bottom: 10px;
}

.ns-profile-name {
  color: #fff;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 500;
}

.ns-mobile-menu-icon {
  display: none;
}

.ls-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 50px 5% 5%;
  display: grid;
}

.ls-grid.no-spaces {
  padding: 0 0% 0%;
}

.ls-grid.commercial-top {
  height: auto;
  padding-bottom: 0%;
}

.ls-grid-item-details {
  margin-bottom: 20px;
}

.ns-bg {
  background-color: #040720;
  background-image: radial-gradient(circle at 100%, #46a4cf33, #0000 49%), radial-gradient(circle at 100% 100%, #46a4cf33, #fff0 38%);
  position: absolute;
  inset: 0%;
}

.ns-bg.no-pointer-events {
  z-index: -2;
  background-color: var(--main-background-color);
  z-index: -2;
  background-image: radial-gradient(circle at 100%, #46a4cf33, #0000 49%), radial-gradient(circle at 100% 100%, #46a4cf33, #fff0 23%);
}

.ss-content-wrapper {
  width: 100%;
  height: 100%;
}

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

.ns-menu-page {
  margin-bottom: 0;
}

.assets-grid-3-tag {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.assets-grid-2-item-details {
  color: var(--text-main);
}

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

.ns-content-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.navigation-wrapper {
  color: var(--nav-side-text-color);
  border-right: .5px solid #ffffff0d;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.ns-menu-grid-item {
  color: var(--nav-side-text-color);
  border: 1px solid #0000;
  padding: 5px 10px;
  text-decoration: none;
}

.ns-menu-grid-item:hover {
  color: #fff;
}

.ns-menu-grid-item.w--current {
  color: #fff;
  background-color: #ffffff0d;
  border-color: #ffffff1a;
  border-radius: 10px;
}

.ns-menu-grid-item.hidden {
  display: none;
}

.ns-content {
  height: 100%;
}

.socials-link {
  color: var(--text-main);
  justify-content: center;
  align-items: center;
  transition: background-color .2s, color .2s;
  display: flex;
}

.socials-link:hover {
  color: var(--accent-1);
  background-color: #3935ff0d;
}

.socials-link.center {
  border-left: .5px solid #ffffff0d;
  border-right: .5px solid #ffffff0d;
}

.main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "nav-area ss-area ls-area"
  / 2fr 2fr 5.5fr;
  grid-auto-columns: 1fr;
  height: 100dvh;
  display: grid;
  overflow: auto;
}

.main-grid.work {
  grid-template-columns: 2.5fr 5fr 2.5fr;
}

.main-grid.blog {
  grid-template-columns: 2.5fr 3.75fr 3.75fr;
}

.main-grid.blog.v2 {
  grid-template-columns: 2.5fr 5fr 2.5fr;
}

.main-grid.work > .small-section-wrapper,
.main-grid.blog > .small-section-wrapper {
  grid-area: ss-area;
}

.main-grid.work > .large-section-wrapper,
.main-grid.blog > .large-section-wrapper {
  grid-area: ls-area;
}

.assets-grid-3-icon-embed {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: flex;
}

.assets-grid-1-item-title {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
}

.ss-content-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: 100%;
  display: grid;
}

.ss-content-grid.single-row {
  grid-template-rows: auto;
}

.ss-content-grid.contact {
  grid-template-rows: auto auto auto;
}

.assets-grid-3-item-title {
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.ls-content-wrapper {
  width: 100%;
  height: 100%;
}

.socials-icon-embed {
  width: 22px;
  display: flex;
}

.socials-icon-embed.after-copy {
  display: none;
}

.ss-about-img-img {
  border-radius: 10px;
  width: 100%;
}

.ns-profile-img {
  background-image: url('../images/Asset-12.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border: 1px solid #ffffff0d;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.ss-content {
  height: 100%;
}

.hue-slider-html {
  margin-top: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ns-content-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.ag1-img-arrow {
  width: 20px;
  height: 20px;
  transition: right .2s, top .2s;
  position: absolute;
  inset: 5% 5% auto auto;
}

.assets-grid-1-item-img {
  aspect-ratio: 1;
  background-image: url('../images/Artboard-8.jpg');
  background-position: 50%;
  background-size: cover;
  border: .5px solid #ffffff0d;
  border-radius: 10px;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.changing-about-text {
  color: #fff;
  white-space: nowrap;
  font-size: 1.5rem;
  line-height: 1.4;
}

.ns-profile-text {
  color: #a8b2c2;
  margin-left: 10px;
}

.small-section-wrapper {
  border-right: .5px solid #ffffff0d;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.ns-menu-grid-item-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(80%, 1fr);
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.ls-grid-item {
  border-bottom: .5px solid #ffffff0d;
  margin-bottom: 50px;
  padding-bottom: 0;
}

.ls-grid-item.min-height-100vh.new-about-services {
  width: 100%;
}

.ls-grid-item.no-space {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ls-grid-item.no-space._50-height {
  flex: 1;
  height: 60vh;
}

.ls-grid-item.padding {
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
}

.ls-grid-item.padding.no-margin {
  margin-bottom: 0;
}

.ls-grid-item.padding.no-margin.no-top-padding {
  padding-top: 0%;
}

.ls-grid-item.padding.no-margin.no-top-padding.margin-bottom {
  margin-bottom: 10px;
}

.ls-grid-item.padding.no-margin.no-top-padding.margin-bottom.small-bottom-padding {
  padding-bottom: 10px;
}

.ls-grid-item.padding.no-margin.no-top-padding.margin-bottom.small-bottom-padding.no-border {
  border-bottom-style: none;
}

.ls-grid-item.padding.no-margin.no-top-padding.no-padding-no-margin-no-border {
  border-bottom-style: none;
  padding-bottom: 0;
}

.ls-grid-item.hidden {
  display: none;
}

.ls-grid-item.carousel {
  width: 50vw;
  padding-bottom: 50px;
}

.assets-grid-2-item-title-link {
  color: #fff;
  text-decoration: none;
}

.assets-grid-2-item-title-link:hover {
  color: var(--accent-1);
}

.ns-menu-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  display: flex;
}

.ns-profile {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.assets-grid-3-icon {
  color: var(--accent-1);
  background-color: #0000;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.small-sub-title {
  letter-spacing: .2ch;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
}

.small-sub-title.hidden-on-desktop {
  display: none;
}

.small-sub-title.blog-share {
  text-align: center;
  margin-bottom: 0;
}

.assets-grid-1-item-tag {
  color: var(--text-main);
  font-size: .85rem;
}

.in-text-link {
  color: #fff;
  text-decoration: none;
}

.in-text-link.telegram-link:hover {
  text-decoration: underline;
}

.assets-grid-3-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  border-radius: 10px;
  grid-template: "AG3-icon-area AG3-info-area AG3-tag-area"
  / .5fr 5fr 2fr;
  grid-auto-columns: 1fr;
  padding: 15px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: grid;
}

.assets-grid-3-item:hover {
  color: var(--accent-1);
  background-color: #3935ff0d;
}

.changing-about-text-hightlight {
  color: var(--accent-1);
}

.ss-grid-item {
  width: 100%;
}

.ss-grid-item.top {
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}

.ss-grid-item.bottom {
  border-bottom: .5px solid #ffffff0d;
  align-items: flex-end;
  display: flex;
}

.ss-grid-item.bottom.full-height {
  flex-direction: column;
  justify-content: space-between;
}

.ss-grid-item.bottom.full-height.scrollable {
  overflow: scroll;
}

.ss-grid-item.center {
  padding-left: 15%;
  padding-right: 15%;
}

.hue-slider-code, .ns-bg-dots, .hue-script, .custom-code, .hue-slider-css, .script {
  display: none;
}

.ss-socials {
  width: 100%;
}

.ns-profile-name-2 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
}

.ns-menu-grid-item-2 {
  color: #a8b2c2;
  border: 1px solid #0000;
  padding: 5px 10px;
  text-decoration: none;
}

.ns-menu-grid-item-2:hover {
  color: #fff;
}

.ns-menu-grid-item-2.w--current {
  color: #fff;
  background-color: #ffffff0d;
  border-color: #ffffff1a;
  border-radius: 10px;
}

.ns-profile-img-2 {
  background-image: url('../images/icon_sqrArtboard-1.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #ffffff0d;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.ns-profile-name-3 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
}

.navigation-wrapper-2 {
  border-right: .5px solid #ffffff0d;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.ns-menu-grid-item-3 {
  color: #a8b2c2;
  border: 1px solid #0000;
  padding: 5px 10px;
  text-decoration: none;
}

.ns-menu-grid-item-3:hover {
  color: #fff;
}

.ns-menu-grid-item-3.w--current {
  color: #fff;
  background-color: #ffffff0d;
  border-color: #ffffff1a;
  border-radius: 10px;
}

.ns-profile-img-3 {
  background-image: url('../images/icon_sqrArtboard-1.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #ffffff0d;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

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

.ss-full-top {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 15%;
  display: flex;
}

.ss-full-top-content {
  width: 80%;
}

.ls-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 50px 5% 5%;
  display: grid;
}

.ls-grid-2.no-space {
  padding: 0%;
}

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

.assets-list-1-items {
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.assets-list-1-items:hover, .assets-list-1-items.current {
  color: var(--accent-1);
}

.assets-list-1-items-title {
  z-index: 2;
  margin-bottom: 0;
  font-weight: 500;
  position: relative;
}

.assets-grid-4-item {
  color: #fff;
  text-decoration: none;
  transition: color .2s;
}

.assets-grid-4-item:hover {
  color: var(--accent-1);
}

.assets-grid-4-item.cms {
  width: 100%;
}

.assets-grid-4-item-img {
  aspect-ratio: 3 / 2;
  filter: brightness(50%);
  object-fit: cover;
  background-image: url('../images/Screenshot-2024-10-22-at-19.51.41.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: -5px;
  margin-left: 5%;
  transition: filter .2s, margin .5s linear;
  display: flex;
  position: relative;
}

.assets-grid-4-item-img.in-view {
  filter: none;
  margin-left: 0%;
}

.assets-grid-4-item-details {
  background-image: linear-gradient(#fff0, #000c);
  width: 100%;
  padding-top: 3.75%;
  padding-bottom: 3.75%;
  padding-left: 5%;
  position: absolute;
  inset: auto 0% 0%;
}

.assets-grid-4-item-title {
  z-index: 2;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
}

.assets-grid-4-item-tag {
  z-index: 2;
  color: #a8b2c2;
  margin-bottom: 0;
  font-size: .85rem;
  position: relative;
}

.extra-code, .assets-list-css, .grid-4-script, .assets-list-1-script {
  display: none;
}

.main-item-title {
  color: #fff;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
}

.main-item-details {
  border-bottom: .5px solid #ffffff0d;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-item-share-title {
  border-top: .5px solid #ffffff0d;
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.ls-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 50px 5% 5%;
  display: grid;
}

.main-item-share {
  width: 100%;
}

.main-item-tag {
  color: var(--text-main);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
}

.work-main-img {
  border: .5px solid #ffffff0d;
  border-radius: 10px;
  width: 100%;
}

.main-item-tags {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}

.main-item-summary {
  color: var(--text-main);
  font-size: 1.4rem;
  font-weight: 500;
}

.main-item-summary.work {
  font-size: 1rem;
  font-weight: 300;
}

.socials-link-2 {
  color: #a8b2c2;
  justify-content: center;
  align-items: center;
  transition: background-color .2s, color .2s;
  display: flex;
}

.socials-link-2:hover {
  color: #3935ff;
  background-color: #3935ff0d;
}

.socials-link-2.center {
  border-left: .5px solid #ffffff0d;
  border-right: .5px solid #ffffff0d;
}

.share-link-code {
  z-index: 2;
  display: none;
}

.assets-grid-1-item-tag-2 {
  color: #a8b2c2;
  font-size: .85rem;
}

.border-line-divider {
  border-bottom: .5px solid #ffffff0d;
  width: 100%;
  height: .5px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}

.ls-grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 50px 5% 5%;
  display: grid;
}

.ls-grid-4.no-space {
  padding: 0%;
}

.ls-grid-4.no-space.flex {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.assets-grid-6-item-container {
  border-bottom: .5px solid #ffffff0d;
}

.socials-link-3 {
  color: #a8b2c2;
  justify-content: center;
  align-items: center;
  transition: background-color .2s, color .2s;
  display: flex;
}

.socials-link-3:hover {
  color: #3935ff;
  background-color: #3935ff0d;
}

.socials-link-3.center {
  border-left: .5px solid #ffffff0d;
  border-right: .5px solid #ffffff0d;
}

.assets-grid-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -15px;
  display: grid;
}

.assets-grid-6-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: color .2s;
  display: grid;
}

.assets-grid-6-item-image {
  aspect-ratio: 16 / 9;
  background-image: url('../images/INrR0G2XY5NSvOSE2xjIas6IE.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.assets-grid-6-item-image:hover {
  box-shadow: 0 2px 15px #a8b2c21a;
}

.assets-grid-6-item-tags {
  justify-content: space-between;
  display: flex;
}

.assets-grid-6-item-tag {
  color: var(--text-main);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
}

.assets-grid-6-item-tag.date {
  display: none;
}

.assets-grid-6-item-title-link {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

.assets-grid-6-item-title-link:hover {
  color: var(--accent-1);
}

.assets-grid-6-item-title {
  margin-bottom: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.assets-grid-6-item-details {
  color: var(--text-main);
}

.main-blog-featured-image {
  aspect-ratio: 16 / 9;
  background-image: url('../images/INrR0G2XY5NSvOSE2xjIas6IE.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.main-blog-featured-image:hover {
  box-shadow: 0 2px 15px #a8b2c21a;
}

.main-item-tag-2 {
  color: var(--text-main);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .85rem;
}

.main-item-summary-2 {
  color: var(--text-main);
  font-size: 1.4rem;
  font-weight: 500;
}

.main-item-title-link {
  color: var(--accent-1);
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
}

.main-item-title-link:hover {
  color: #fff;
}

.ss-heading-static {
  color: #fff;
  margin-top: 0;
}

.ss-heading-static.margin-top {
  margin-top: 20px;
}

.ss-heading-static.center {
  text-align: center;
}

.contact-map-embed {
  object-fit: cover;
  height: 100%;
}

.contact-map-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: block;
}

.contact-form-input {
  background-color: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
}

.contact-form-input.message {
  min-height: 100px;
}

.assets-grid-2-item-details-2 {
  color: #a8b2c2;
}

.contact-form-button {
  background-color: var(--main-background-color);
  width: 100%;
  font-weight: 500;
}

.contact-form-button:hover {
  color: var(--accent-1);
}

.contact-page-email-link {
  color: var(--text-main);
  text-decoration: none;
}

.contact-page-email-link:hover {
  color: var(--accent-1);
}

.contact-svg-logo {
  color: #fff;
  max-width: 100px;
  margin: 50px auto 20px;
}

.masonry-grid-items {
  position: relative;
  overflow: hidden;
}

.masonry-grid-items-img {
  z-index: 1000;
  width: 100%;
  display: block;
  position: relative;
}

.masonry-grid-script, .carousel-script {
  display: none;
}

.clients-carousel-img {
  min-width: 7vw;
  margin-left: 10px;
  margin-right: 10px;
}

.clients-carousel {
  flex-flow: column;
  display: flex;
}

.clients-carousel.hidden {
  display: none;
}

.card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-radius: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.ticker {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ticker.has-horizontal-fade {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  -webkit-mask-source-type: alpha;
  mask-mode: alpha;
}

.ticker-content {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ticker-logo {
  flex: none;
  width: auto;
  height: 2.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.card-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #f8f8fa;
  border-radius: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.new-about-content {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.new-about-content-left {
  width: 100%;
  min-width: 35%;
  height: 100%;
}

.new-about-content-right {
  margin-left: 5%;
}

.new-about-content-right.anime-fade {
  margin-left: 0%;
}

.new-about-img {
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 2px 5px #0003;
}

.new-about-img-socials {
  z-index: 2;
  position: absolute;
  inset: auto 2% 2% auto;
}

.new-about-title {
  color: var(--text-main);
  margin-bottom: 30px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.new-about-title.subtitle {
  margin-top: 0;
}

.new-about-title.anime-title-fade {
  font-size: 3rem;
}

.new-about-title-hightlighted {
  color: var(--white);
}

.new-about-text {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}

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

.new-about-img-container {
  position: relative;
}

.new-about-left-name {
  color: var(--accent-1);
  font-weight: 500;
}

.new-about-left-name-sub {
  font-weight: 500;
}

.new-about-socials-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: .5px solid #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 35px;
  min-height: 35px;
  display: grid;
}

.socials-link-copy {
  color: var(--text-main);
  justify-content: center;
  align-items: center;
  transition: background-color .2s, color .2s;
  display: flex;
}

.socials-link-copy:hover {
  color: var(--accent-1);
  background-color: #3935ff0d;
}

.socials-link-copy.center {
  border-left: .5px solid #ffffff0d;
  border-right: .5px solid #ffffff0d;
}

.new-about-socials-link {
  aspect-ratio: 1;
  color: var(--white);
  background-color: #2b2b2bf2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: transform .2s, background-color .2s, color .2s;
  display: flex;
}

.new-about-socials-link:hover {
  color: var(--accent-1);
  transform: translate(0, -5px);
}

.new-about-socials-link.center {
  border-left: .5px solid #ffffff0d;
  border-right: .5px solid #ffffff0d;
}

.new-about-services-title-highlighted {
  color: var(--white);
}

.new-about-services-title {
  margin-bottom: 40px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.new-about-services-title.subtitle {
  margin-top: 0;
}

.new-about-services-title.anime-title-fade {
  font-size: 3rem;
}

.new-about-services-content {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.new-about-services-content-left {
  width: 100%;
  max-width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.new-about-services-content-left.home {
  max-width: none;
}

.new-about-services-content-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 35%;
  margin-left: 5%;
  display: flex;
}

.new-about-services-service {
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px 0 0;
  display: flex;
}

.new-about-services-service:hover {
  background-color: #ffffff0d;
}

.new-about-services-service.home {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.new-about-services-icon-container {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: -15px;
  margin-right: 0;
  display: flex;
}

.new-about-services-name {
  color: var(--white);
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.new-about-services-service-icon {
  color: var(--text-main);
  justify-content: center;
  align-items: center;
  width: 55%;
  display: flex;
}

.new-about-ctb-title {
  margin-bottom: 20px;
  font-weight: 500;
}

.new-about-ctb-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-flow: column;
  width: 100%;
  max-width: 350px;
  display: grid;
}

.ctb-icons {
  aspect-ratio: 1;
  color: var(--accent-1);
  border: .5px solid #fff3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  max-height: 100%;
  margin-right: auto;
  display: flex;
  box-shadow: 0 2px 5px #0003, 0 2px 5px #fff3;
}

.ctb-icons:hover {
  background-color: var(--accent-1);
  color: var(--main-background-color);
}

.ctb-svg {
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.ctb-svg.frame-io {
  transform: scale(.8);
}

.ctb-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(35px, 50px));
  grid-auto-flow: row;
}

.ctb-grid.hidden {
  display: none;
}

._100-vh-grid-item {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -50px;
  display: flex;
}

._100-vh-grid-item.hidden, .animation-script {
  display: none;
}

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

.assets-grid-commerical.portfolio {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.assets-grid-commerical.work-page {
  grid-template-columns: 1fr 1fr;
}

.assets-grid-1-item-copy {
  color: #fff;
  text-decoration: none;
  transition: color .2s;
}

.assets-grid-1-item-copy:hover {
  color: var(--accent-1);
}

.assets-grid-1-item-copy.cms {
  width: 100%;
}

.assets-grid-1-item-commercial {
  color: #fff;
  text-decoration: none;
  transition: color .2s;
}

.assets-grid-1-item-commercial:hover {
  color: var(--accent-1);
}

.assets-grid-1-item-commercial.cms {
  z-index: 2;
  width: 100%;
}

.assets-grid-1-item-img-commerical {
  z-index: 3;
  aspect-ratio: 1;
  background-image: url('../images/Artboard-8.jpg');
  background-position: 50%;
  background-size: cover;
  border: .5px #ffffff0d;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 2%;
  padding-left: 2%;
  display: flex;
}

.assets-grid-1-item-title-commerical {
  color: #fff;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 500;
}

.assets-grid-1-item-tag-commerical {
  color: var(--white);
  margin-bottom: 0;
  font-size: .85rem;
  font-weight: 500;
}

.ag1-img-arrow-commerical {
  background-color: var(--main-background-color);
  border-radius: 50px;
  padding: 5px 10px;
  transition: right .2s, top .2s;
  position: absolute;
  inset: 2% auto auto 2%;
}

.commerical-project-type {
  margin-bottom: 0;
}

.commercial-proj-info-bottom {
  position: relative;
}

.commerical-img-overlay {
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(#000, #fff0 50%, #000);
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.commercial-item {
  position: relative;
}

.new-commerical {
  color: var(--text-main);
  margin-bottom: 30px;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.new-commerical.subtitle {
  margin-top: 0;
}

.new-commerical.anime-title-fade {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
}

.new-commerical-title-sub {
  text-align: center;
}

.commerical-style, .anime-js, .tooltip-code.hidden {
  display: none;
}

.view-all-projects-link {
  text-decoration: none;
}

.scroll-arrow-hint-container {
  background-color: #8b4848;
}

.scroll-hint-cont-code {
  display: none;
}

@media screen and (max-width: 991px) {
  .grid-card {
    color: #fff;
    flex-wrap: wrap;
  }

  .assets-grid-1, .assets-grid-1.portfolio {
    grid-template-columns: 1fr 1fr;
  }

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

  .ns-content-grid-item.bottom {
    justify-content: flex-end;
  }

  .menu-icon2_line-middle {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon2_line-bottom {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .ls-grid {
    min-height: 100dvh;
  }

  .ls-grid.new-about {
    padding-top: 25px;
  }

  .ls-grid.commercial-top {
    min-height: auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .assets-grid-3-tag {
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .assets-grid-3 {
    grid-template-columns: 1fr;
  }

  .main-grid {
    grid-template: "nav-area ss-area ss-area"
                   "nav-area ls-area ls-area"
                   / 5fr;
    grid-auto-columns: 5fr;
    grid-auto-flow: row;
  }

  .main-grid.work, .main-grid.blog, .main-grid.blog.v2 {
    grid-template-columns: 5fr;
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .ss-content-grid.contact {
    min-height: 100dvh;
  }

  .menu-icon2_line-top {
    background-color: #fff;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .large-section-wrapper {
    overflow: visible;
  }

  .large-section-wrapper.hidden-on-tablet {
    display: none;
  }

  .small-section-wrapper {
    height: auto;
    position: static;
    overflow: visible;
  }

  .small-section-wrapper.hidden-on-tablet-down {
    display: none;
  }

  .ls-grid-item.min-height-100vh {
    margin-right: auto;
  }

  .ls-grid-item.min-height-100vh.new-about-services {
    width: 100%;
  }

  .ls-grid-item.carousel {
    width: 60vw;
  }

  .small-sub-title.hidden-on-desktop {
    display: block;
  }

  .assets-grid-3-item {
    grid-template: "AG3-tag-area AG3-tag-area"
                   "AG3-icon-area AG3-info-area"
                   / 1fr 5fr;
  }

  .ss-grid-item.top {
    padding-bottom: 15%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .ss-grid-item.center {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ls-grid-2 {
    min-height: 100dvh;
  }

  .assets-grid-4-item-img {
    filter: none;
    margin-left: 0%;
    transition: none;
  }

  .ls-grid-3, .ls-grid-4 {
    min-height: 100dvh;
  }

  .assets-grid-6 {
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .assets-grid-6-item {
    grid-template-rows: auto auto;
    grid-template-columns: 3fr;
    margin-top: 0;
  }

  .clients-carousel-img {
    min-width: 15vw;
  }

  .new-about-content {
    flex-flow: column;
  }

  .new-about-content-right {
    order: -1;
    margin-left: 0%;
  }

  .new-about-title {
    margin-top: 0;
    font-size: 2rem;
  }

  .new-about-services-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 2rem;
  }

  .new-about-services-content {
    flex-flow: column;
    min-width: 100%;
  }

  .new-about-services-content-left {
    max-width: 100%;
  }

  .new-about-services-content-right {
    max-width: none;
    margin-left: 0%;
  }

  .new-about-services-toolkit-container {
    margin-bottom: 30px;
  }

  ._100-vh-grid-item {
    margin-top: 0;
  }

  .assets-grid-commerical, .assets-grid-commerical.portfolio {
    grid-template-columns: 1fr 1fr;
  }

  .new-commerical {
    margin-top: 0;
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .nav__icon {
    margin-left: 0;
  }

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

  .ns-content-grid-item.top {
    flex-direction: row;
    justify-content: space-between;
    padding: 2.5% 5%;
  }

  .ns-content-grid-item.middle {
    padding: 5%;
    display: none;
  }

  .ns-content-grid-item.bottom {
    display: none;
  }

  .ns-mobile-menu-icon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .ns-bg.no-pointer-events {
    inset: 0%;
    inset: 0%;
  }

  .assets-grid-3 {
    grid-template-columns: 1fr;
  }

  .navigation-wrapper {
    z-index: 99;
    background-color: #040720;
    width: 100%;
    height: auto;
    transition: height 5s;
    position: fixed;
    inset: 0% 0% auto;
  }

  .main-grid {
    grid-template-rows: auto auto auto;
    grid-template-areas: "nav-area nav-area nav-area"
                         "ss-area ss-area ss-area"
                         "ls-area ls-area ls-area";
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    height: auto;
  }

  .ss-grid-item.top {
    padding-left: 5%;
    padding-right: 5%;
  }

  .menu-icon2 {
    align-items: flex-end;
    margin-right: 0;
  }

  .ls-grid-item.min-height-100vh {
    min-height: auto;
  }

  .ls-grid-item.carousel {
    width: 90vw;
  }

  .ss-grid-item.top {
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-wrapper-2 {
    z-index: 99;
    background-color: #040720;
    width: 100%;
    height: auto;
    transition: height 5s;
    position: fixed;
    inset: 0% 0% auto;
  }

  .assets-grid-6 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  .ls-grid-item.carousel {
    width: 90vw;
  }

  .clients-carousel-img {
    min-width: 28vw;
  }

  .new-about-text {
    line-height: 1.4;
  }

  .new-about-ctb-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  .ctb-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .assets-grid-commerical {
    grid-template-columns: 1fr;
  }
}

#w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3fe9-09dadbf4 {
  grid-area: ss-area;
}

#w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3fed-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3fef-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3ffa-09dadbf4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4002-09dadbf4 {
  grid-area: ls-area;
}

#w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4006-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4007-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4009-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc400b-09dadbf4, #w-node-_773caa85-036c-2723-b461-7345c08dcd09-09dadbf4, #w-node-_8dd1f9a3-4432-e937-3656-573e5799712b-09dadbf4, #w-node-bce10233-fabc-5b85-4868-6902cc095508-09dadbf4, #w-node-a252f238-c8ed-cf42-7aa1-59415a1adabd-09dadbf4, #w-node-ed4f3461-5673-c1d3-66da-1310c4190b66-09dadbf4, #w-node-ed4f3461-5673-c1d3-66da-1310c4190b67-09dadbf4, #w-node-ed4f3461-5673-c1d3-66da-1310c4190b69-09dadbf4, #w-node-ed4f3461-5673-c1d3-66da-1310c4190b6b-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4047-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4048-09dadbf4, #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc404a-09dadbf4, #w-node-_54127b7b-a3bd-e334-4536-57c9b648d8a1-09dadbf4, #w-node-_54127b7b-a3bd-e334-4536-57c9b648d8a2-09dadbf4, #w-node-_9184033a-d328-cf9f-ffce-75906b7531bc-134cb2fb, #w-node-_8531ddd0-0f54-7092-8b32-317684643530-134cb2fb, #w-node-_37973565-2a37-6121-dca5-4e45f43f3794-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008541-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00854f-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008555-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008556-f43f3794, #w-node-_6236efb9-6fac-8f16-2fe3-19c120a7310c-f43f3794, #w-node-_6236efb9-6fac-8f16-2fe3-19c120a7310d-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00855a-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00855b-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00855f-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008560-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008569-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00856a-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00856e-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c00856f-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008573-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008574-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008576-f43f3794, #w-node-_15a3c763-e45c-85c5-2730-018b0c008577-f43f3794 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a216fd14-8e46-f414-ec3d-2269731b4896-3baf00b7 {
  grid-area: ss-area;
}

#w-node-a216fd14-8e46-f414-ec3d-2269731b489a-3baf00b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a216fd14-8e46-f414-ec3d-2269731b48c3-3baf00b7 {
  grid-area: ls-area;
}

#Design-work-other.w-node-a216fd14-8e46-f414-ec3d-2269731b48c7-3baf00b7, #other-work-divider.w-node-df086315-83ae-9608-ab40-1b6adfdb4696-3baf00b7, #Commercial-work-other.w-node-e1c310c6-6471-c846-94ff-c5784a1c8f92-3baf00b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06034066-7fcf-97e4-f8e6-318daad13256-ceff4cfa {
  grid-area: ls-area;
}

#w-node-_06034066-7fcf-97e4-f8e6-318daad1325a-ceff4cfa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06034066-7fcf-97e4-f8e6-318daad1326a-ceff4cfa {
  grid-area: ss-area;
}

#w-node-_06034066-7fcf-97e4-f8e6-318daad1326e-ceff4cfa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-bc097e47 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c4-bc097e47, #w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c5-bc097e47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aeb6-06c52d5a {
  grid-area: ls-area;
}

#w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aeba-06c52d5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aec1-06c52d5a {
  grid-area: ss-area;
}

#w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aec5-06c52d5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-e4a21c68 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c4-e4a21c68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_331cb49a-cbe0-ec79-8329-d7093470ac4d-e4a21c68 {
  grid-area: AG3-icon-area;
}

#w-node-_331cb49a-cbe0-ec79-8329-d7093470ac50-e4a21c68 {
  grid-area: AG3-info-area;
}

#w-node-_331cb49a-cbe0-ec79-8329-d7093470ac53-e4a21c68 {
  grid-area: AG3-tag-area;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd961-f66b056e {
  grid-area: ss-area;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd965-f66b056e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd96d-f66b056e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd97b-f66b056e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd97c-f66b056e {
  grid-area: ls-area;
}

#w-node-_9e557954-e61e-1ee4-24b0-38b095cdd9a2-f66b056e, #w-node-_9e557954-e61e-1ee4-24b0-38b095cdd9a3-f66b056e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c89c2cd4-594c-26cf-5853-7364738119b7-3f065746 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-c89c2cd4-594c-26cf-5853-7364738119bb-3f065746 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_390b5f38-7e4d-1bee-e8cf-0d10f9ce7bef-48e94629 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_390b5f38-7e4d-1bee-e8cf-0d10f9ce7bf3-48e94629, #w-node-_161152fb-eb5f-e243-3241-015fd627ec94-48e94629, #w-node-_1d4fe191-d941-0076-52a2-2ebb153bbd09-48e94629, #w-node-_1d4fe191-d941-0076-52a2-2ebb153bbd0c-48e94629, #w-node-_073c05b6-4003-f4d1-8fc6-3a5da178ea3a-48e94629, #w-node-c0612693-26fd-00c3-510f-79bf58f09916-48e94629 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-8f9e62a5 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c4-8f9e62a5, #w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c5-8f9e62a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3fe9-09dadbf4 {
    grid-area: ss-area;
  }

  #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc3ffa-09dadbf4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7cb92e49-88e7-280c-c1c9-f6524dfc4002-09dadbf4 {
    grid-area: ls-area;
  }

  #w-node-_37973565-2a37-6121-dca5-4e45f43f3794-f43f3794 {
    grid-area: nav-area;
  }

  #w-node-_15a3c763-e45c-85c5-2730-018b0c008541-f43f3794 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a216fd14-8e46-f414-ec3d-2269731b4896-3baf00b7 {
    grid-area: ss-area;
  }

  #w-node-a216fd14-8e46-f414-ec3d-2269731b489a-3baf00b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a216fd14-8e46-f414-ec3d-2269731b48c3-3baf00b7, #w-node-_06034066-7fcf-97e4-f8e6-318daad13256-ceff4cfa {
    grid-area: ls-area;
  }

  #w-node-_06034066-7fcf-97e4-f8e6-318daad1326a-ceff4cfa {
    grid-area: ss-area;
  }

  #w-node-_06034066-7fcf-97e4-f8e6-318daad1326e-ceff4cfa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-bc097e47, #w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aeb6-06c52d5a {
    grid-area: ls-area;
  }

  #w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aec1-06c52d5a {
    grid-area: ss-area;
  }

  #w-node-e2b44f37-c713-8c3a-dfbe-68e18de7aec5-06c52d5a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-e4a21c68 {
    grid-area: ls-area;
  }

  #w-node-_9e557954-e61e-1ee4-24b0-38b095cdd961-f66b056e {
    grid-area: ss-area;
  }

  #w-node-_9e557954-e61e-1ee4-24b0-38b095cdd97b-f66b056e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9e557954-e61e-1ee4-24b0-38b095cdd97c-f66b056e, #w-node-c89c2cd4-594c-26cf-5853-7364738119b7-3f065746, #w-node-_390b5f38-7e4d-1bee-e8cf-0d10f9ce7bef-48e94629, #w-node-_8e1aa837-5519-d8a6-6d1e-019fc4fcb5c0-8f9e62a5 {
    grid-area: ls-area;
  }
}


@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Bold.woff2') format('woff2'), url('../fonts/FixelDisplay-ExtraBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fixeldisplay';
  src: url('../fonts/FixelDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.w-richtext .video-embed {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.w-richtext .video-embed.portrait {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.w-richtext .video-embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 767px) {
  .w-richtext .video-embed.portrait {
    width: 100%;
  }
}