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

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

@font-face {
  font-family: Canela Trial;
  src: url('../fonts/Canela-ThinItalic-Trial.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

:root {
  --text: #7a7b8a;
  --white: white;
  --black: black;
  --purple-2: var(--black);
  --color: white;
  --a78dff: #333;
  --bg: #1b1a1a;
  --dark-sea-green: #b3c2af;
  --purple: #4332d2;
  --darker-green: #798477;
  --seashell: #fffcf5;
  --gold: #ffbe5f;
  --pink-red: #f71a8b;
  --c45883: var(--orange);
  --orange: #f60;
  --color-2: #c1ff5e;
  --text-white-bkg: #b2b2b2;
  --dark-slate-grey: #3d3d3d;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: #1a1b1f;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  color: var(--text);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

h5 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  justify-content: center;
  text-decoration: underline;
  transition: opacity .2s;
  display: flex;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: auto 0% 0%;
}

.header.cc-cta {
  background-color: #f4f4f4;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: 80px;
  padding-right: 80px;
  display: none;
}

.header.cc-store-home-wrap {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.header.product {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.tiny-text {
  font-size: 12px;
  line-height: 20px;
}

.tiny-text.white {
  color: #ffffff80;
  text-align: left;
  border: 1px #000;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.tiny-text.white.powered {
  color: #000;
}

.tiny-text.white.link {
  margin-bottom: 0;
}

.tiny-text.white.link:hover {
  color: #fff;
}

.tiny-text.black-2 {
  color: #00000080;
  text-align: left;
  border: 1px #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-family: DM Sans, sans-serif;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.tiny-text.black-2.powered {
  color: #000;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
  color: #000;
  font-family: DM Sans, sans-serif;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border: 1px #ffffff4d;
  border-bottom-style: solid;
  border-radius: 1px;
  margin-right: 0;
  padding: 12px 0;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  display: none;
  position: relative;
  transform: translate(0);
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
  display: block;
}

.button.cc-contact-us {
  z-index: 5;
  display: none;
  position: relative;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.title {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.title.cc-blog-date {
  opacity: 1;
  color: #fff;
  text-align: left;
  text-transform: none;
  margin-top: 20px;
  font-weight: 300;
}

.title.cc-blog-description {
  color: #7a7b8a;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  font-size: 13px;
  font-weight: 300;
  line-height: 25px;
}

.title.description {
  color: var(--white);
  text-align: left;
  text-transform: none;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 600;
}

.paragraph-light {
  opacity: 1;
  color: var(--text);
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.heading-jumbo {
  color: var(--black);
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 150px;
  font-weight: 500;
  line-height: 80px;
}

.heading-jumbo-small {
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.menu {
  z-index: 0;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.navigation-wrap {
  z-index: 1000;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
  inset: auto;
}

.navigation {
  background-color: #0000;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-left: 4.4vw;
  margin-right: 4.4vw;
  padding: 50px 0 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation-item {
  opacity: .6;
  color: var(--black);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 80px;
  display: block;
  position: relative;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.menu-button {
  z-index: auto;
  position: relative;
}

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

.logo-image {
  display: none;
}

.navigation-items {
  background-color: var(--white);
  text-align: left;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-self: center;
  align-items: center;
  line-height: 90px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 75px;
  display: flex;
}

.copyright-link {
  color: #ffffff80;
  cursor: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.copyright-link:hover {
  opacity: 1;
  color: #fff;
}

.copyright-link.w--current {
  justify-content: flex-start;
  margin-top: 0;
}

.copyright-link.black {
  color: #00000080;
}

.copyright-link.black:hover {
  color: var(--purple-2);
}

.logo-tiny {
  filter: none;
  display: block;
}

.logo-tiny.black {
  filter: none;
}

.cta-text {
  width: 70%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 110px;
  padding-bottom: 120px;
  display: flex;
}

.hero {
  color: #1a1b1f;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.hero.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.hero-caption {
  text-align: center;
  width: 70%;
  max-width: 1140px;
}

.hero-caption.cc-homepage {
  z-index: 1;
  text-align: left;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
  display: none;
  position: absolute;
}

.hero-caption.cc {
  z-index: 1;
  text-align: left;
  margin-bottom: 20px;
  position: absolute;
}

.motto-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  height: 80vh;
  margin-top: 40px;
  margin-bottom: auto;
  display: flex;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.hero-title {
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 35px;
  margin-left: 0;
  display: block;
}

.section-2 {
  margin-right: 4.4vw;
}

.social-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-block.white {
  color: #fff;
  flex-wrap: nowrap;
}

.social-links {
  color: var(--black);
  margin-left: 20px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
}

.link-block {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.link-block-2, .link-block-3, .link-block-4 {
  text-decoration: none;
}

.link-block-4:hover {
  font-size: 15px;
}

.mouse-icon {
  z-index: 1500;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 90%;
  margin: 0 0% 0%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  inset: auto auto 5%;
}

.mouse-icon._2 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.mouse-icon._2.no-visible {
  display: none;
}

.mouse-icon._3 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.mouse-icon._3.hide {
  display: none;
}

.mouse-icon._4 {
  margin-top: -100px;
  margin-bottom: -100px;
  display: block;
}

.mouse-icon._4.mobile {
  display: none;
}

.mouse-icon.insta {
  margin-top: -100px;
  margin-bottom: -100px;
  display: block;
}

.mouse-icon.coming-soon {
  margin-top: -100px;
  margin-bottom: -100px;
}

.mouse-icon.playground {
  margin-bottom: 5%;
  position: static;
}

.mouse-icon.play {
  width: 90%;
  display: flex;
  position: relative;
  bottom: 0%;
}

.mouse-icon.black {
  position: absolute;
  inset: auto 5% 5%;
}

.mouse {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 40px;
  display: flex;
}

.explore-icon-scroll {
  border: 1px solid var(--black);
  color: var(--black);
  border-radius: 20px;
  justify-content: center;
  width: 25px;
  height: 35px;
  display: none;
  position: relative;
}

.scroll-dot {
  background-color: var(--black);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: 10px auto auto 50%;
  transform: translate(-50%);
}

.inner {
  flex-flow: column;
  place-content: flex-end flex-start;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.hero-title-stroke-xl {
  align-self: center;
  width: auto;
  margin-left: 20px;
}

.nav-bar-logo {
  z-index: 999;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin-top: 3%;
  margin-left: 5%;
  padding-bottom: 15px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.nav-bar-logo.white {
  z-index: 90;
  filter: invert();
}

.logo {
  color: #000;
  text-decoration: none;
  display: flex;
}

.logo.w--current {
  text-decoration: none;
  display: flex;
}

.menu-text {
  z-index: 99;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 7rem;
  font-weight: 300;
  line-height: 5.3rem;
  transition: font-variation-settings .2s, letter-spacing .2s, transform .28s;
  position: relative;
}

.menu-text:hover {
  color: var(--white);
  letter-spacing: 5px;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 80px;
}

.menu-text.email {
  letter-spacing: -2px;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 60px;
}

.menu-text.email:hover {
  color: var(--a78dff);
}

.menu-text.height {
  margin-top: 25px;
  padding-bottom: 0;
}

.menu-text.italic.xl {
  letter-spacing: 2px;
  margin-left: 20px;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 100;
  line-height: 80px;
}

.menu-text-sm {
  z-index: 99;
  color: #fff;
  text-align: center;
  padding: 0;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.nav-bar-menu {
  z-index: 9998;
  color: #0000;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50px;
  height: 50px;
  margin-top: 2%;
  margin-right: 5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.nav-bar-menu.white {
  z-index: 112;
  filter: invert();
}

.d-88-trigger-line {
  background-color: var(--black);
  border-radius: 5px;
  width: 30px;
  height: 2px;
  display: none;
  position: absolute;
}

.menu-wrapper {
  background-color: #b3c2affc;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  top: 0;
  overflow: visible;
}

.div-block-26 {
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 97%;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

.menu-text-block {
  border-bottom: 1px #ffffff80;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.menu-text-block:hover {
  opacity: 1;
  color: #353535;
}

.menu-text-block.w--current {
  border-bottom: 1px #ffffff4d;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1em;
  line-height: 1.3;
  transition: opacity .2s;
  display: block;
}

.menu-text-block.w--current:hover {
  opacity: 1;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.menu-text-block.email {
  opacity: 1;
  margin-bottom: 5vh;
  padding-top: 10px;
}

.menu-text-block.email-2 {
  padding-top: 10px;
}

.menu-text-block.social {
  font-size: 7px;
}

.nav-content {
  z-index: 2000;
  color: #0000;
  background-color: #0000;
  border-radius: 0;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.social-links-white {
  color: var(--white);
  letter-spacing: 1px;
  margin-left: 0;
  margin-right: 30px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
  transition: color .2s, transform .2s;
}

.social-links-white:hover {
  color: var(--white);
  transform: scale(1.5);
}

.nav-menu {
  z-index: 110;
  color: #919191;
  justify-content: flex-start;
  align-items: center;
  min-width: 100vw;
  height: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.cursor-wrapper {
  z-index: 100000;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor-circle {
  z-index: 1000000;
  color: #000;
  background-color: #000;
  border: 1px #00000030;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
}

.div-block-27 {
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.main {
  cursor: none;
  background-color: #fff;
  border: 25px solid #fff;
  border-bottom-style: none;
  border-radius: 8px;
}

.main.no-border {
  border-style: none;
  border-color: #fffcf5;
  min-height: 100vh;
  font-family: DM Sans, sans-serif;
}

.main.project {
  border-style: none;
  border-color: #fffcf5;
  flex-flow: column;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.subtitle {
  opacity: 1;
  color: var(--black);
  text-align: left;
  letter-spacing: 2px;
  text-transform: none;
  white-space: normal;
  width: 30%;
  margin-top: 20px;
  margin-left: 0;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.subtitle.center {
  color: var(--bg);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  width: auto;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 29px;
}

.content-column {
  padding-top: 50px;
  padding-left: 50px;
}

.hero-image {
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-image.project {
  z-index: 3;
  background-image: url('../images/helen-ngoc-n-ZR4ogWMFdDU-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-image.project.poke {
  background-image: url('../images/jooostudio-poke-guru-branding-4.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-image.project._270 {
  background-image: url('../images/270-Menuiserie-Brand-Web-Identity-by-JoooStudio.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.hero-image.project.moncha {
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
}

.hero-image.project.isp {
  background-image: url('../images/isp-front-horizontal-business-card-mockup.jpg');
}

.hero-image.project.rolli {
  background-image: url('../images/rolli-sushi-female-hand-holding-chopsticks.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.hero-image.project.lcc {
  background-image: url('../images/lcc-takeaway-bag-on-street-large.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.body {
  z-index: 1;
  letter-spacing: -.4px;
  cursor: auto;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  text-decoration: none;
  position: static;
}

.body.bkg-color-black {
  background-color: var(--black);
}

.description-column {
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-right: 0;
  display: flex;
}

.description-column._2 {
  flex-direction: row;
}

.hero-title-white {
  margin-left: 200px;
}

.hero-title-stroke-sm {
  margin-left: 20px;
}

.social-block-mobile {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.social-block-mobile.white {
  color: var(--dark-sea-green);
  margin-top: 20px;
  display: block;
}

.navigation-2 {
  cursor: auto;
  font-family: Prata;
  text-decoration: none;
  display: flex;
}

.heading-jumbo-xl-2 {
  color: #000;
  text-transform: none;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
}

.heading-jumbo-xl-2.white {
  color: #fff;
  font-size: 85px;
  font-weight: 700;
}

.text-stroke-sm-2 {
  color: #000;
  display: none;
}

.social-links-2 {
  color: #000;
  margin-left: 20px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
}

.social-links-2.white {
  color: #fff;
  transition: transform .2s, color .2s;
}

.social-links-2.white:hover {
  color: var(--purple);
  font-weight: 600;
  transform: scale(1.5);
}

.text-stroke-extra-small-2 {
  color: #000;
  display: none;
}

.category {
  opacity: 1;
  color: #fff;
  letter-spacing: .2px;
  text-transform: capitalize;
  background-color: #f0b;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 300;
  line-height: 25px;
  display: block;
}

.social-icons {
  z-index: 100;
  margin-top: 0;
  margin-bottom: 80px;
  position: fixed;
  inset: auto 0% 0% auto;
}

.tittle-project-xl {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  padding-right: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 33px;
}

.white {
  color: var(--white);
  font-weight: 300;
}

.categories-block {
  align-self: flex-start;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.container-project {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project-wrap {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  max-width: 1140px;
  margin: 15% auto 10%;
  display: flex;
}

.rich-text-white {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.rich-text-white p {
  color: #7a7b8a;
}

.rich-text-white blockquote {
  color: #fff;
}

.heading-3 {
  color: #897bff;
  text-align: left;
  margin-top: 0;
}

.container-image {
  margin-bottom: 10%;
  display: none;
}

.next {
  margin-top: 200px;
  margin-bottom: 100px;
}

.next-title {
  color: #1b1a1a;
  text-align: left;
  letter-spacing: .5px;
  text-transform: none;
  text-shadow: 0 -1px 0 var(--white), 1px 0 0 var(--white), 0 1px 0 var(--white), -1px 0 0 var(--white);
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  transition: transform .2s, color .2s;
}

.next-title:hover {
  color: var(--white);
  text-shadow: none;
  transform: scale(1.05);
}

.next-project {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 85vw;
  height: 80vh;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.next-project.rolli {
  background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-1.jpg');
  height: 50vh;
}

.next-project.isp {
  background-image: url('../images/isp-branding-bookjpg.jpg');
}

.next-project.moncha {
  background-image: url('../images/monchabevco-medium-bubble-tea.jpg');
}

.next-project.poke {
  background-image: url('../images/poke-guru-business-card.jpg');
}

.next-project._270 {
  background-image: url('../images/270-Menuiserie-Brand-Web-Identity-by-JoooStudio.jpg');
}

.next-link-project {
  color: #000;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.div-block-47 {
  background-color: var(--purple);
  width: 20px;
  height: 1px;
  margin-right: 15px;
}

.scroll-top {
  z-index: 3;
  filter: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto 5% 17% auto;
}

.scroll-top.w--current {
  filter: grayscale();
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: static;
  inset: 30% 5% auto auto;
}

.scroll-top.top {
  justify-content: center;
  position: relative;
  inset: 0% 5% auto auto;
}

.scroll-top.playground {
  justify-content: center;
  align-self: flex-end;
  margin-right: 5%;
  position: static;
  inset: auto 5% 0% auto;
}

.header-project {
  margin-left: 30px;
  margin-right: 30px;
}

.header-project.cc-store-home-wrap {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.collection-list-wrapper {
  background-image: url('../images/7_5---Photo.jpg');
  background-position: 0 0;
  background-size: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
}

.collection-list-2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.collection-item {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.next-div {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.empty-state {
  display: none;
}

.image-6 {
  filter: none;
  border: 1px #000;
  width: 30px;
  height: 30px;
  transition: transform .28s;
  display: block;
  transform: rotate(-90deg);
}

.image-6:hover {
  transform: translate(0, -10px)rotate(-90deg);
}

.image-6.black {
  filter: invert();
}

.container {
  margin-top: 50px;
}

.div-stroke-sm-project {
  margin-left: 20px;
  display: none;
}

.back-home {
  text-decoration: none;
}

.back-home-text {
  color: #1b1a1a;
  text-align: right;
  letter-spacing: .5px;
  text-transform: none;
  text-shadow: 0 -1px 0 var(--white), 1px 0 0 var(--white), 0 1px 0 var(--white), -1px 0 0 var(--white);
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  transition: transform .2s, color .2s;
}

.back-home-text:hover {
  color: var(--white);
  text-shadow: none;
  transform: scale(1.05);
}

.home-div {
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-51 {
  justify-content: flex-end;
  display: flex;
}

.div-block-52 {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-left: 30%;
  margin-right: 30%;
  display: block;
  position: relative;
}

.intro-header-3 {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.paragraph-light-2 {
  opacity: 1;
  color: #7a7b8a;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.div-block-53 {
  background-color: #4332d2;
  width: 20px;
  height: 1px;
  margin-right: 15px;
}

.next-project-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.back-home-text-2 {
  color: #1b1a1a;
  text-align: right;
  letter-spacing: .5px;
  text-transform: none;
  text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  transition: transform .2s, color .2s;
}

.back-home-text-2:hover {
  color: #fff;
  text-shadow: none;
  transform: scale(1.05);
}

.next-title-2 {
  color: #1b1a1a;
  text-align: left;
  letter-spacing: .5px;
  text-transform: none;
  text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
  font-size: 70px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  transition: transform .2s, color .2s;
}

.next-title-2:hover {
  color: #fff;
  text-shadow: none;
  transform: scale(1.05);
}

.footer-desktop {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.footer-desktop.black {
  z-index: 1;
  background-color: var(--white);
  justify-content: space-between;
  height: 100vh;
  padding-top: 200px;
  position: relative;
  inset: auto 0% 0%;
}

.footer-desktop.play {
  position: sticky;
  inset: 0 0% auto;
}

.divider-stroke {
  background-color: #4332d2;
  width: 20px;
  height: 1px;
  margin-bottom: 20px;
  margin-right: 15px;
  display: none;
}

.container-cta {
  width: 100%;
  max-width: 1140px;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}

.main-content-left-img {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100vh;
  margin-top: 0;
  padding: 25vh 30px;
  display: flex;
}

.paragraph {
  color: var(--black);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph.origin {
  margin-bottom: 0;
  font-size: 14px;
}

.button-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 100px;
  height: 45px;
  margin-top: 3em;
  display: flex;
  position: relative;
}

.circle-contain {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
}

.image {
  opacity: 1;
  margin-left: 22px;
  position: absolute;
}

.button-link {
  z-index: 5;
  position: absolute;
  inset: 0;
}

.button-link.w--current {
  display: none;
}

.column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-2 {
  padding-left: 60px;
  padding-right: 65px;
}

.main-content-img {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1580px;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.main-content-img.work {
  flex: 0 auto;
  margin-top: -400px;
}

.arrow {
  border: 0px solid var(--darker-green);
  border-radius: 20px;
  font-size: 30px;
}

.d-135-card-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.menu_underline {
  transform-origin: 0%;
  background-color: #ffffff80;
  width: 40px;
  height: 2px;
  margin-top: -4px;
  display: none;
  position: relative;
}

.portfolio-big-image {
  background-image: url('../images/2_14---Photo.jpg');
  background-position: 0 0;
  background-size: cover;
  flex: 1;
  height: 90vh;
}

.portfolio-big-image._2 {
  background-image: url('../images/1_E.jpg');
}

.portfolio-wrap-text-sm {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 60%;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.portfolio-title-sm {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}

.portfolio-title-sm.white {
  color: var(--white);
}

.fullscreen-slider {
  width: 100vw;
  height: 40vh;
  margin-top: 50px;
}

.swiper-container {
  display: block;
}

.swiper-wrapper {
  transform: ;
  transition: all .3s;
}

.swiper-wrapper:active {
  transform: scale(.9);
}

.swiper-slide {
  cursor: grab;
  margin-bottom: 50px;
  padding-left: 0;
  transition: all .375s, opacity .2s;
}

.swiper-slide:active {
  transform: scale(.9);
}

.card {
  z-index: 2;
  border-radius: 20px;
  width: 820px;
  max-width: 100%;
  height: 500px;
  display: block;
  position: relative;
}

.image-7 {
  width: 100%;
}

.subtitle-3 {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  white-space: normal;
  margin-top: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.subtitle-3._1 {
  display: none;
}

.text-stroke-sm-3 {
  color: #000;
  display: none;
}

.paragraph-2 {
  color: #7a7b8a;
  text-align: left;
  font-size: 15px;
  font-weight: 300;
}

.paragraph-2.white {
  color: #b2b2b2;
}

.button-base-2 {
  color: #000;
  background-color: #1b1a1a;
  border: 1px solid #4332d2;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}

.button-t-4 {
  color: #fff;
  letter-spacing: 0;
  margin-left: 30px;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
}

.half-white-section-2 {
  color: #fff;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 400px;
  display: flex;
}

.white-section-2 {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.half-black-section-2 {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  margin-bottom: 250px;
  display: flex;
}

.dark-section-2 {
  color: #1b1a1a;
  background-color: #1b1a1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.columns {
  display: none;
}

.column-7 {
  padding-left: 30px;
  padding-right: 0;
}

.button-t-light {
  color: #0000;
  letter-spacing: 0;
  margin-left: 30px;
  font-size: 13px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
}

.link-block-12 {
  z-index: 5;
  position: absolute;
  inset: 0;
}

.collection-list-wrapper-6 {
  width: 100%;
}

.collection-list-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: block;
}

.collection-item-3 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
}

.smooth-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.smooth-wrapper.bkg-color {
  z-index: 5;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-direction: column;
  display: flex;
  position: static;
}

.smooth-wrapper.bkg-color.white {
  z-index: 2;
  background-color: var(--color);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  position: relative;
}

.smooth-wrapper.bkg-color.relative {
  z-index: 1;
  border-radius: 0;
  position: static;
}

.smooth-wrapper.bkg-black {
  z-index: 5;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-direction: column;
  display: flex;
  position: static;
}

.smooth-wrapper.bkg-black.white {
  z-index: 2;
  background-color: var(--color);
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  position: relative;
}

.smooth-wrapper.bkg-black.relative {
  z-index: 1;
  border-radius: 0;
  position: static;
}

.smooth-wrapper.hidden {
  display: none;
}

.page-transition {
  z-index: 3000;
  background-color: var(--bg);
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0%;
}

.left-arrow {
  display: none;
  position: absolute;
}

.right-arrow {
  display: none;
}

.loading-animation-wrap {
  z-index: 10000000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 101vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.loading-animation {
  background-color: var(--dark-sea-green);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.menu-link {
  color: #ffffff7a;
  border-bottom: 0 solid #f8f8f833;
  padding: 1em 0;
  transition: color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-link:hover {
  color: #f8f8f8;
  text-decoration: none;
  transform: translate(0);
}

.menu-link:focus {
  text-decoration: none;
}

.menu-link.w--current {
  color: #fff;
  border-bottom-width: 0;
}

.menu-link.w--current:hover {
  text-decoration: none;
}

.menu-button-2 {
  z-index: 991;
  background-color: #1717174d;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 70px;
  height: 70px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 0;
  transition: background-color .3s;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.menu-button-2:hover {
  background-color: #ffffff0f;
  border-radius: 50%;
}

.menu-button-2:focus {
  background-color: #ffffff0d;
}

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

.menu-button-2.w--open:hover {
  background-color: #ffffff14;
}

.contact-wrap-nav {
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.get-in-touch {
  color: var(--white);
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 100;
}

.columns-3 {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: none;
}

.address {
  color: var(--white);
  margin-top: 3.9em;
  font-family: Nunito;
  font-weight: 500;
}

.column-8 {
  margin-top: 90px;
  padding-right: 100px;
}

.vertical-text-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.vertical-text-wrap.center {
  z-index: 3;
  flex: 1;
  align-self: center;
  display: none;
  inset: 0% auto 0% 0%;
}

.vertical-text-wrap.center.padding {
  margin-left: 35px;
}

.text-vertical-hero {
  color: var(--black);
  letter-spacing: 3px;
  white-space: nowrap;
  margin-top: 60px;
  margin-bottom: 10vh;
  margin-left: -5px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 20px;
  position: static;
  transform: rotate(-90deg);
}

.text-vertical-hero.product-text {
  text-align: right;
  letter-spacing: 3px;
  margin-top: 70px;
  margin-bottom: 0;
  font-size: 15px;
}

.side-line {
  background-color: var(--dark-sea-green);
  width: 1px;
  height: 80px;
}

.side-line.padding {
  margin-bottom: 40px;
}

.lottie-scroll-wrapper {
  z-index: 15;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.rotate-circle-top {
  z-index: 500;
  float: none;
  clear: none;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 40%;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: 20% auto 0% -20%;
}

.rotate-circle-top.quote-text {
  order: -1;
  width: 1em;
  margin-bottom: 0;
  display: block;
  position: static;
  inset: 17px 0% 0;
}

.rotate-circle-top.quote-text.white {
  filter: invert();
  width: 1.3em;
  transition: all .2s;
}

.rotate-circle-top.quote-text.white:hover {
  transform: scale(1.2);
}

.rotate-circle-top.quote-text.invert {
  filter: invert();
}

.rotate-circle-top.move {
  order: -1;
  width: 32%;
  margin-bottom: -2vh;
  display: block;
  position: relative;
  inset: auto 0% 0;
}

.footer-column {
  flex-direction: column;
  align-items: flex-start;
  max-width: 450px;
  display: flex;
}

.text-block-12 {
  width: 80%;
  margin-top: 31px;
  margin-bottom: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Prata;
  font-size: 30px;
  line-height: 50px;
}

.email-footer-link {
  margin-top: 10px;
  text-decoration: none;
  display: block;
}

.email-footer-link:hover {
  opacity: 1;
}

.email-footer-link:active {
  opacity: .8;
}

.email-footer-link.w--current {
  font-size: 20px;
  transition: opacity .4s;
}

.email-text {
  color: var(--black);
  letter-spacing: -.04px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.footer-column-sm {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.heading-7 {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: uppercase;
  align-self: flex-end;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 7vw;
  font-weight: 400;
  line-height: .7em;
  position: relative;
}

.heading-7.black {
  color: var(--black);
}

.adress-text {
  margin-bottom: 20px;
}

.footer-column-sm-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.copyright-grid {
  z-index: 2;
  grid-column-gap: 200px;
  grid-row-gap: 16px;
  border-top: 1px solid #00000026;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 85.5%;
  padding-top: 2vh;
  padding-bottom: 5vh;
  display: none;
  position: relative;
}

.copyright-link-right {
  opacity: .5;
  cursor: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.copyright-link-right:hover {
  opacity: 1;
}

.copyright-link-right:active {
  opacity: .8;
}

.copyright-link-right.w--current {
  opacity: 1;
  justify-content: flex-end;
  margin-top: 0;
}

.footer-grid-horizontal {
  grid-column-gap: 40px;
  border-style: solid none;
  border-width: 1px;
  border-color: #7a7b8a5e var(--dark-sea-green);
  grid-template: "."
  / 2fr 1fr 1fr;
  width: 85.5%;
  padding-top: 12.5vh;
  padding-bottom: 12.5vh;
}

.footer-grid-horizontal.no-top-divider {
  border-top-style: none;
}

.intro-section {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-top: 0;
  margin-bottom: 12.5vh;
  padding-top: 12.5vh;
  display: flex;
}

.intro-section.green-bkg {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border: 1px #000;
  width: 95%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
}

.intro-section.gold-bkg {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border: 1px #000;
  width: 95%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.intro-section.no_padding {
  margin-top: 0;
}

.intro-section.icon-description {
  background-color: var(--white);
  border: 1px #000;
  flex-flow: column;
  width: 95%;
  height: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 3%;
  display: flex;
}

.intro-section.icon-description.no_padding {
  padding-top: 0;
}

.intro-section.no_bkg_color {
  background-color: #0000;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 200px;
  position: relative;
}

.intro-section.no_bkg_color.instagram {
  z-index: 0;
  background-color: var(--seashell);
  width: 95%;
  height: auto;
  margin-top: -250px;
  padding-top: 200px;
  position: relative;
}

.intro-section.no_bkg_color.full_width {
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.intro-section.no_bkg_color.no-padding.hide {
  display: none;
}

.intro-section.no_bkg_color.intro {
  z-index: 3;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.intro-section.no_bkg_color.image-product.desktop {
  padding-top: 0;
}

.intro-section.no_bkg_color.image-product.hide {
  display: none;
}

.intro-section.no_bkg_color._1 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 200px;
}

.intro-section.no_bkg_color.instagram-home {
  z-index: 1;
  background-color: var(--seashell);
  width: 95%;
  height: auto;
  margin-top: 0;
  padding-top: 200px;
}

.intro-section.no_bkg_color.no-visible {
  display: none;
}

.intro-section.pattern_bg {
  background-color: #0000;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 200px;
  position: relative;
}

.intro-section.pattern_bg.instagram {
  z-index: 10000;
  background-color: var(--seashell);
  width: 95%;
  height: auto;
  margin-top: -250px;
  padding-top: 200px;
  position: static;
}

.intro-section.pattern_bg.full_width {
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.intro-section.pattern_bg.intro {
  height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.intro-section.pattern_bg.image-product.desktop {
  padding-top: 0;
}

.intro-section.pattern_bg.product-thumbnail {
  background-image: url('../images/pattern_top_page_isolated.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 500px;
  width: 95%;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}

.intro-section.pattern_bg._1 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 200px;
}

.intro-section.pattern_bg.instagram-home {
  z-index: 10000;
  background-color: var(--seashell);
  width: 95%;
  height: auto;
  margin-top: 0;
  padding-top: 200px;
  position: static;
}

.container {
  z-index: 10;
  border: 1px #000;
  border-top-color: #7a7b8a5e;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 80%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.container.separate-line {
  border-top-style: none;
  flex-flow: column;
  flex: 1;
  align-self: flex-end;
  align-items: center;
  position: relative;
}

.container.instagram {
  background-color: #0000;
  bottom: -150px;
}

.heading-8 {
  color: var(--black);
  text-align: center;
  font-family: Prata;
}

.heading-8.hide {
  display: none;
}

.heading {
  direction: ltr;
  color: var(--black);
  text-align: left;
  text-transform: none;
  white-space: pre-wrap;
  margin-bottom: 30px;
  font-family: Prata;
  font-size: 85px;
  font-style: normal;
  line-height: 100px;
}

.heading.h2 {
  border-bottom: 1px #7a7b8a4d;
  margin-bottom: 40px;
  font-size: 45px;
  line-height: 75px;
}

.heading.text-baseline-product {
  text-align: center;
  font-size: 40px;
  line-height: 60px;
}

.heading.xl {
  color: var(--white);
  text-align: center;
  letter-spacing: -3px;
  white-space: pre-line;
  margin-left: 0;
  margin-right: 0;
  font-family: DM Sans, sans-serif;
  font-size: 110px;
  font-weight: 400;
  line-height: 120px;
  display: none;
}

.instagram-photo._1 {
  background-image: url('../images/insta1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  position: relative;
}

.instagram-photo._2 {
  background-image: url('../images/insta2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}

.instagram-photo._3 {
  background-image: url('../images/insta3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}

.instagram-photo._4 {
  background-image: url('../images/insta4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}

.instagram-photo._5 {
  background-image: url('../images/insta5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
}

.instagram-image-overlay {
  width: 100%;
}

.instagram-image-overlay._1 {
  background-color: #fff;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.instagram-image-overlay._2 {
  background-color: var(--white);
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.leaf-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 5vh;
  display: flex;
}

.leaf-wrap.no-padding {
  align-items: flex-start;
  margin-top: -3.5vh;
  margin-bottom: -5vh;
  display: flex;
}

.leaf-wrap.no-padding.no-padding-bottom {
  flex-flow: column;
  align-items: center;
  margin-top: -45px;
  margin-bottom: 0;
  text-decoration: none;
  position: relative;
}

.leaf-wrap.no-padding-bottom {
  margin-bottom: 0;
}

.leaf-wrap.qoute {
  margin-top: 5vh;
  margin-bottom: 0;
}

.image-8 {
  display: none;
  transform: rotate(40deg);
}

.lotttie-leaf {
  z-index: 36;
  align-self: flex-start;
  width: 15em;
  margin-top: 0;
  position: relative;
  top: -141px;
  bottom: 0;
  left: 10%;
}

.lotttie-leaf._2 {
  flex-flow: row;
  align-self: flex-start;
  width: 9%;
  margin-left: 0;
  margin-right: 20px;
  padding-bottom: 0;
  display: none;
  position: static;
  top: 0;
  left: auto;
}

.grid-instagram-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: minmax(200px, 1fr);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-items: stretch;
  width: 90%;
  height: 250px;
  margin-top: 16px;
  margin-left: 30px;
  margin-right: 30px;
  display: grid;
  position: static;
}

.text-wrap {
  align-self: center;
  display: block;
}

.text-description.left {
  color: var(--text);
  text-align: center;
  align-self: flex-end;
  margin-top: 30px;
  font-size: 13px;
  line-height: 20px;
  display: block;
}

.grid-product {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
  height: 715px;
  margin-top: 0;
  display: grid;
}

.grid-product._2 {
  grid-template-columns: .75fr 1.15fr;
  justify-content: stretch;
  align-self: auto;
  justify-items: stretch;
  margin-top: 0;
}

.ingredient-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start;
  margin-top: 60px;
}

.ingredient-grid._3-col {
  justify-content: space-between;
  align-self: flex-start;
  justify-items: start;
}

.ingredient-grid._5-col {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-self: flex-start;
}

.ingredient-grid._5-col.center {
  grid-column-gap: 150px;
  place-content: center;
  align-self: center;
  place-items: center;
  width: 80%;
  position: static;
  inset: 0% 0% auto;
}

.slider-product {
  cursor: grab;
  background-color: #0000;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.slide-product {
  background-color: #0000;
  position: relative;
}

.slide-product._1 {
  color: var(--gold);
  background-image: url('../images/green-tea-can-front.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._2 {
  background-image: url('../images/green-tea-can-description.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._3 {
  background-image: url('../images/green-tea-can-ingredients.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._4 {
  background-image: url('../images/oolong-tea-can-front.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._5 {
  background-image: url('../images/oolong-tea-can-description.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product.greentea {
  background-image: url('../images/green-tea_leaves.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._7 {
  color: var(--gold);
  background-image: url('../images/water-can-front.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._8 {
  background-image: url('../images/water-can-description.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._9 {
  background-image: url('../images/water-can-ingredients.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product._6 {
  background-image: url('../images/oolong-tea-can-ingredients.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-product.oolongtea {
  background-image: url('../images/oolong-tea_leaves.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-nav-product {
  color: var(--gold);
  margin-top: -40px;
  position: relative;
}

.icon-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-xl-wrap {
  text-align: center;
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  margin-top: 12.5vh;
  margin-bottom: 2vh;
  display: flex;
  position: relative;
}

.text-xl-wrap.no_padding {
  width: 600px;
  margin-top: 100px;
}

.slide-nav-product-gold {
  filter: sepia();
  color: var(--gold);
  margin-top: -40px;
  position: relative;
}

.text-vertical-prodcut-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% -5%;
}

.leaf-block {
  position: relative;
  left: 7px;
}

.origin-text {
  font-family: Nunito;
  font-style: italic;
  font-weight: 800;
}

.product-effect-wrapper {
  perspective: 1000px;
  width: 500px;
  height: 600px;
  position: relative;
}

.product-effect-wrapper._2.image_effect_2, .product-effect-wrapper.image_effect_1, .product-effect-wrapper._3.image_effect_3 {
  width: 600px;
  height: 715px;
}

.product-effect-wrapper._4.image_effect_4 {
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 715px;
  height: 715px;
  display: flex;
}

.product-effect-wrapper._3.image_effect_2 {
  width: 600px;
  height: 715px;
}

.product-parallax-wrapper {
  box-shadow: none;
  perspective: 2000px;
  width: 500px;
  height: auto;
  position: absolute;
  inset: 0%;
}

.product-parallax-wrapper._2 {
  width: 500px;
}

.product-parallax-wrapper._2.image_parallax_2, .product-parallax-wrapper.image_parallax_1 {
  width: 600px;
  height: 715px;
}

.product-parallax-wrapper._4.image_parallax_4 {
  justify-content: center;
  align-items: center;
  width: 715px;
  height: 715px;
  display: flex;
}

.product-parallax-wrapper._3 {
  width: 500px;
}

.product-parallax-wrapper._3.image_parallax_2 {
  width: 600px;
  height: 715px;
}

.product-image {
  position: absolute;
  inset: 0%;
}

.product-image._1 {
  background-image: url('../images/green-tea-can.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image._2 {
  background-image: url('../images/oolong-tea-can.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image._3 {
  background-image: url('../images/water-can_1.png');
  background-position: 0 0;
  background-size: auto;
}

.product-image._4 {
  background-image: url('../images/image_tea_leaves_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image._5 {
  background-image: url('../images/image_tea_baskets_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image.coming-soon {
  background-image: url('../images/coming-soon-can.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image._3 {
  background-image: url('../images/filttered-water-bottle-circle-bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image._6 {
  background-image: url('../images/water-can.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.d-59-gradient-overlay {
  background-image: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.d-59-shine {
  z-index: auto;
  background-image: none;
  width: 200%;
  height: 200%;
  position: absolute;
  inset: -50% 0% 0% -50%;
}

.caption-wrapper {
  z-index: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% -10%;
}

.caption-wrapper._2 {
  bottom: -10%;
}

.product-caption {
  color: var(--black);
  text-align: right;
  letter-spacing: 0;
  text-shadow: 0 1px 2px var(--white);
  margin-bottom: 10px;
  font-family: Prata;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
  display: none;
}

.d-59-text {
  color: #fff;
  text-shadow: 0 1px 2px #00000059;
  margin-bottom: 20px;
  margin-right: 20px;
  font-size: 1.125rem;
  display: none;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-content: center;
  align-self: center;
  place-items: center;
  width: 80%;
  height: 100vh;
  display: none;
  position: relative;
}

.hero-product-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.full-image-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: block;
  position: static;
}

.full-image-wrap._2 {
  flex: 0 auto;
  height: auto;
}

.link-block-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-home.w--current {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.image-wrap-leaf {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  transform: none;
}

.image-wrap-leaf.qoute {
  display: none;
  transform: none;
}

.image-wrap-leaf._1, .image-wrap-leaf._2 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.image-wrap-leaf._3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.image-wrap-leaf._5 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.grid-5 {
  grid-column-gap: 150px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-flow: row;
  align-self: flex-start;
  width: 90%;
}

.image-col {
  background-image: url('../images/gryffyn-m-aUymvY6a8KM-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
}

.image-col.right {
  background-image: url('../images/gryffyn-m-aUymvY6a8KM-unsplash.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
  height: 50vh;
  margin-bottom: 20vh;
  position: relative;
}

.image-col.left {
  background-image: url('../images/paul-vincent-roll-c61jL_NpAn8-unsplash.jpg');
  margin-top: 120px;
  position: relative;
}

.div-block-69 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.leaf-gfx {
  background-image: url('../images/leaf-02.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 60px;
  width: 60px;
  height: 25%;
  position: absolute;
  inset: auto 10% -15% auto;
}

.leaf-gfx-left {
  background-image: url('../images/leaf-01.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 150px;
  width: 150px;
  height: 35%;
  position: absolute;
  inset: -23% auto auto 20%;
  transform: rotate(77deg);
}

.link-block-product {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-block-product.w--current {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.instagram-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 5%;
  display: flex;
}

.image-1 {
  background-color: var(--seashell);
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.subtitile-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.subtitile-block._50 {
  width: 100%;
  margin-top: 0;
}

.subtitile-block._30 {
  width: 30%;
  margin-top: 0;
}

.subtitile-block._100 {
  width: 100%;
  margin-top: 0;
}

.subtitile-block._15 {
  width: 310px;
  display: flex;
}

.image-2, .image-3, .image-4 {
  background-color: var(--seashell);
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.image-5 {
  background-color: var(--seashell);
  color: #1a1b1f;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.instagram {
  background-color: var(--seashell);
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.grid-instagram-3 {
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-direction: column;
  grid-template-rows: minmax(200px, 1fr);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  align-items: stretch;
  height: 150px;
  margin-top: 80px;
  margin-left: 30px;
  margin-right: 30px;
  display: none;
  position: static;
}

.text-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-top: -90px;
  display: flex;
}

.text-block.lg {
  width: 500px;
}

.hero-subtitile-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15%;
  margin-top: -80px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.hero-subtitile-block._25 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -100px;
  display: flex;
  position: relative;
  inset: -10% 0% auto;
}

.product-caption-2 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  text-shadow: 0 1px 2px #fff;
  margin-bottom: 10px;
  margin-right: 0;
  font-family: Prata;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3;
  display: none;
}

.instagram-photo-full._1 {
  background-image: url('../images/sara-monk-gfile95Xjis-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.instagram-photo-full._2 {
  background-image: url('../images/tsaiga-qhQEyyHWrAQ-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-photo-full._3 {
  background-image: url('../images/gryffyn-m-aUymvY6a8KM-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-photo-full._4 {
  background-image: url('../images/paul-vincent-roll-c61jL_NpAn8-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instagram-photo-full._5 {
  background-image: url('../images/aniketh-kanukurthi-Qaor6nxikUM-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.explore-icon-scroll-2 {
  color: #000;
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  width: 25px;
  height: 35px;
  display: none;
  position: relative;
}

.scroll-dot-2 {
  background-color: #000;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: 10px auto auto 50%;
  transform: translate(-50%);
}

.social-links-black {
  color: var(--black);
  letter-spacing: 1px;
  margin-left: 0;
  margin-right: 30px;
  font-family: Nunito;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-decoration: none;
  transition: color .2s, transform .2s;
}

.social-links-black:hover {
  color: var(--black);
  transform: scale(1.5);
}

.side-line-2 {
  background-color: #b3c2af;
  width: 1px;
  height: 80px;
}

.image-about {
  color: #1a1b1f;
  background-color: #f8f0ea;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5vh;
  display: flex;
  position: relative;
}

.text-vertical-hero-2 {
  color: #000;
  letter-spacing: 3px;
  white-space: nowrap;
  margin-top: 60px;
  margin-bottom: 10vh;
  margin-left: -5px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 20px;
  position: static;
  transform: rotate(-90deg);
}

.text-vertical-hero-2.product-text {
  text-align: right;
  letter-spacing: 3px;
  margin-top: 70px;
  margin-bottom: 0;
  font-size: 15px;
}

.text-vertical-hero-2.product-text.padding {
  margin-top: 90px;
}

.subtitle-4 {
  opacity: 1;
  color: #000;
  text-align: left;
  letter-spacing: 2px;
  text-transform: none;
  white-space: normal;
  width: 30%;
  margin-top: 20px;
  margin-left: 0;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  display: block;
}

.subtitle-4.center {
  text-align: center;
  width: auto;
  margin-top: 0;
  font-size: 15px;
}

.heading-9 {
  color: #000;
  text-align: center;
  font-family: Prata;
}

.heading-9.hide {
  display: none;
}

.about-effect-wrapper {
  perspective: 1000px;
  width: 500px;
  height: 615px;
  position: relative;
}

.about-effect-wrapper._1.about_effect_1, .about-effect-wrapper._2.about_effect_2, .about-effect-wrapper._3.about_effect_3 {
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 715px;
  height: 715px;
  display: flex;
}

.about-parallax-wrapper {
  box-shadow: none;
  perspective: 2000px;
  width: 500px;
  height: 615px;
  position: absolute;
  inset: 0%;
}

.about-parallax-wrapper._1.about_parallax_1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.about-parallax-wrapper._3.about_parallax_3 {
  width: 100%;
  height: 100%;
}

.about_image {
  position: absolute;
  inset: 0%;
}

.about_image._1 {
  background-image: url('../images/bottle-circle_green_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_image._2 {
  background-image: url('../images/bottle-circle_oolong_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_image._3 {
  background-image: url('../images/bottle-circle_coming_soon_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_image._1 {
  background-image: url('../images/image_tea_shop_2_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.about_image._2 {
  background-image: url('../images/1-percent-for-the-planet-logo-with-hand-holding-a-flower.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.about_image._3 {
  background-image: url('../images/image_woman_picking_tea_2_bkg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.transition {
  z-index: 1500000;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.transition-content {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -6px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-trigger {
  padding: 0;
  display: block;
}

.transition-bg {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-color {
  background-color: var(--dark-sea-green);
  width: 100%;
  height: 100%;
  position: relative;
}

.transition-color-border {
  background-color: var(--dark-sea-green);
  width: 100%;
  height: 10px;
  margin-bottom: -8px;
  position: absolute;
  inset: auto 0% 0%;
}

.transition-lottie {
  filter: brightness(0%);
  width: 100%;
  margin-bottom: -5px;
  position: relative;
}

.loading-content {
  flex-direction: column;
  justify-content: flex-start;
  width: 101%;
  height: 100vh;
  display: none;
  position: relative;
  inset: 0;
}

.lottie-animation-2 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-13, .link-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 100px;
  text-decoration: none;
  display: flex;
}

.footer-wrap-col {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px #00000026;
  flex-flow: row;
  order: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 5vh;
  padding-bottom: 3vh;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-wrap-col.top {
  margin-top: 1vh;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 15% auto auto;
}

.footer-wrap-col.bottom {
  align-items: flex-end;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: auto auto 20%;
}

.footer-wrap-col.bottom.email {
  position: relative;
  bottom: -25%;
}

.footer-wrap-col.white-footer {
  margin-bottom: -17vh;
  position: static;
  inset: 0% auto;
}

.footer-wrap-col.playground {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90%;
  margin-left: 0%;
  padding-bottom: 10vh;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.footer-wrap-col.play {
  inset: 15% auto auto;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  inset: auto auto 0%;
}

.footer-wrap-col.play.bottom {
  margin-top: 25vh;
}

.footer-wrap-col.title-xl {
  margin-top: 1vh;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  bottom: auto;
}

.column-9, .column-10 {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.column-11 {
  padding-left: 0;
  padding-right: 0;
}

.column-11.playground {
  align-self: flex-start;
  position: static;
}

.footer-mobile {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 95%;
  height: 100vh;
  margin-left: 30px;
  margin-right: 30px;
  display: none;
  position: static;
  inset: auto 0% 0%;
}

.logo-loading-wrap {
  z-index: 72000000;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  margin-left: 0%;
  padding-bottom: 0;
  display: flex;
  position: fixed;
  inset: 0%;
}

.logo-loading {
  color: #000;
  display: block;
}

.logo-loading.w--current {
  margin-top: 5%;
  margin-left: 5%;
}

.ctamobile {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 95%;
  height: 100vh;
  margin-left: 30px;
  margin-right: 30px;
  display: none;
  position: static;
  inset: auto 0% 0%;
}

.column-12 {
  margin-bottom: 0;
  padding-left: 150px;
}

.section-product-mobile {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-top: 0;
  margin-bottom: 12.5vh;
  padding-top: 12.5vh;
  display: flex;
}

.section-product-mobile.no_bkg_color {
  background-color: #0000;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
}

.section-product-mobile.no_bkg_color.image-product {
  display: none;
}

.product-effect-wrapper-mobile {
  perspective: 1000px;
  width: 450px;
  height: 600px;
  position: relative;
}

.product-effect-wrapper-mobile._2 {
  display: block;
}

.image-9 {
  height: auto;
}

.logo_wrapper {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 45% 0% 0% 3%;
}

.column-11-copy {
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: auto;
}

.column-11-copy.playground {
  align-self: flex-start;
  align-items: flex-start;
  position: static;
}

.coming-image {
  background-color: var(--seashell);
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.slide-nav-product-blue {
  color: var(--gold);
  margin-top: -40px;
  position: relative;
}

.slidecontent {
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  height: 600px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.slidecontent.water {
  display: none;
}

.slide {
  overflow: visible;
}

.name {
  color: #fff;
  position: absolute;
  inset: auto 20px 0 auto;
}

.slide-nav {
  padding-top: 27px;
  font-size: 8px;
  display: none;
}

.slider {
  background-color: #0000;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 800px;
  height: auto;
  padding: 25px 50px;
  display: block;
  overflow: visible;
}

.slider.mobile {
  display: none;
}

.arrow-2 {
  color: var(--black);
  font-family: Nunito;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.mask {
  width: 100%;
  overflow: hidden;
}

.hero-text-wrap {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
}

.hero-text-wrap.align-bottom {
  position: absolute;
  inset: auto 0% 0%;
}

.text-intro-wrap {
  width: 60%;
}

.html-embed {
  margin: 310px 25px;
  position: absolute;
}

.c-arrow {
  color: #3b4f5a;
  cursor: pointer;
  border: 1px solid #3b4f5a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .3s;
  display: flex;
}

.c-arrow:hover {
  color: #fff;
  background-color: #3b4f5a;
}

.c-arrow.cc-right {
  padding-top: 0;
  padding-bottom: 22px;
  transform: rotate(180deg);
}

.c-arrow_embed {
  width: 16px;
  height: 16px;
}

.c-arrows-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 88px;
  margin: 310px 25px;
  display: none;
  position: relative;
}

.text-link-xl {
  letter-spacing: .5px;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
}

.link-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  text-decoration: none;
  display: flex;
}

.div-black {
  border: 1px solid #000;
  width: 80px;
  max-width: 250px;
  margin-top: 15px;
}

.text-block-14 {
  text-decoration: none;
}

.transition2 {
  z-index: 10000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  transform: none;
}

.transition-trigger2 {
  z-index: 20;
  padding: 0;
  display: block;
}

.transition-content2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.transition-color-2 {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: relative;
}

.transition-color-border-2 {
  background-color: var(--black);
  width: 100%;
  height: 10px;
  margin-bottom: -8px;
  position: absolute;
  inset: auto 0% 0%;
}

.transition-logo-img {
  z-index: 2;
  filter: invert();
  width: 13em;
  position: relative;
}

.modal-wrapper {
  z-index: 9999;
  background-color: #f8f0ead9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.sign-up-form {
  background-color: var(--white);
  text-align: center;
  object-fit: fill;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-bottom: 0;
  padding-bottom: 50px;
  display: flex;
  position: static;
  overflow: hidden;
  box-shadow: 1px 1px 50px #01010145;
}

.form-row {
  margin-left: 25px;
  margin-right: 25px;
}

.form-hero {
  background-color: var(--white);
  box-shadow: none;
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding: 10px 50px;
}

.heading-10 {
  color: var(--black);
  letter-spacing: 1.3px;
  font-family: Prata;
  font-size: 30px;
  font-weight: 400;
}

.input {
  border-radius: 3px;
  min-height: 50px;
  margin-bottom: 20px;
}

.sign-up-button {
  background-color: var(--dark-sea-green);
  letter-spacing: 1.2px;
  text-transform: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.close-modal-button {
  background-color: var(--dark-sea-green);
  cursor: pointer;
  object-fit: fill;
  border: 1px #00000026;
  border-radius: 50px;
  width: 30px;
  padding: 10px;
  position: relative;
  inset: 8px -45% 0% auto;
  overflow: visible;
}

.success-message {
  background-color: #0000;
}

.form {
  width: 300px;
}

.field-label {
  text-transform: none;
  font-size: 15px;
  display: none;
}

.paragraph-3 {
  color: var(--black);
  display: flex;
}

.logo-wrapper-newsletter {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.image-10 {
  filter: invert();
}

.html-embed-2 {
  width: 45%;
  margin-top: 80px;
  margin-left: 30px;
  margin-right: 30px;
}

.letter-j {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  text-decoration: none;
  position: relative;
  left: 3%;
}

.letter-j.no-pd {
  left: 0%;
}

.letter-o {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  left: 3%;
}

.letter-o.no-pd {
  left: 0%;
}

.letter-o.pd-right {
  left: -3%;
}

.letter-o.pd-right.more {
  left: -6%;
}

.letter-o.o-italic {
  margin-top: -2px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 300;
  line-height: 31px;
}

.nav1-logo-wrapper-2 {
  flex: none;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.logo-2 {
  color: #000;
  display: flex;
}

.letter-point, .letter-l, .letter-i {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  position: relative;
  left: 3%;
}

.link-3 {
  line-height: 1.1em;
  text-decoration: none;
}

.div-block-70 {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-4 {
  display: block;
}

.looping-wrapper {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: stretch;
  place-items: center stretch;
  display: grid;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.looping-heading-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 48px;
  display: grid;
}

.looping-heading {
  color: #000;
  letter-spacing: -.07em;
  -webkit-text-stroke-color: var(--black);
  text-transform: none;
  font-size: 150px;
  font-weight: 300;
  line-height: 1.15em;
  display: block;
}

.looping-heading.mobile-only {
  display: none;
}

.heading-separator {
  background-color: #ea27c2;
  width: 60px;
  height: 2px;
}

.heading-separator.mobile-only {
  display: none;
}

.cs-img-wrap {
  width: 100%;
  max-width: 21rem;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.cs-slider {
  background-color: #ddd0;
  height: auto;
}

.cs-slider-mask {
  height: auto;
}

.cs-slider-arrow, .cs-slider-nav {
  display: none;
}

.hereo-animation-text {
  width: 80%;
  margin-bottom: 40px;
  margin-left: 5%;
}

.hero-subtext {
  color: #000;
  letter-spacing: -3px;
  margin-top: 0;
  font-size: 3.1em;
  font-weight: 300;
  line-height: 1.2em;
}

.container-2 {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-left: 4em;
  padding-right: 4em;
  display: block;
  position: static;
  top: 0%;
  left: 0%;
  right: 0%;
}

.about-wrapper {
  z-index: 1000;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 220px;
  margin-bottom: 220px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.grid-home-hero {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: start center;
  width: 100%;
  height: auto;
}

.link-box {
  align-items: center;
  margin-top: .25em;
  display: flex;
}

.link-box.home-hero {
  margin-top: 0;
  text-decoration: none;
  display: flex;
  position: static;
  bottom: 4em;
}

.arrow-down {
  width: auto;
  margin-left: auto;
  position: relative;
  inset: auto 0% 34% auto;
}

.arrow-down.large {
  height: 6.75em;
  position: static;
  inset: auto 4em 4em auto;
}

.arrow-down.large.home {
  filter: invert();
  color: #c2c2c2;
  height: auto;
}

.arrow-down.large.home.link {
  position: absolute;
  bottom: auto;
  right: auto;
}

.arrow-down.large.home.rotate {
  transition: transform .28s;
}

.arrow-down.large.home.rotate:hover {
  transform: rotate(90deg);
}

.arrow-down.large.project {
  color: #c2c2c2;
  height: auto;
}

.arrow-down.large.project.link {
  position: absolute;
  bottom: auto;
  right: auto;
}

.arrow-down.large.project.rotate {
  transition: transform .28s;
}

.arrow-down.large.project.rotate:hover {
  transform: rotate(90deg);
}

.line-3 {
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 4em;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-rotate-base-front {
  z-index: 50;
  perspective: 200vw;
  width: 30%;
  max-width: 40vh;
  height: 60%;
  display: block;
  position: absolute;
}

.hero-rotate-image {
  z-index: 25;
  perspective: 200vw;
  border-radius: .875rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0%;
  display: flex;
  position: relative;
  overflow: visible;
  transform: perspective(200vw);
}

.hero-rotate-item {
  z-index: 25;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-rotate-height {
  padding-top: 150%;
}

.image-fill {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-rotate-base-back {
  z-index: 1;
  perspective: 200vw;
  width: 30%;
  max-width: 40vh;
  height: 60%;
  position: absolute;
}

.image-fill-back {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-rotate-base {
  z-index: 50;
  perspective: 200vw;
  width: 30%;
  max-width: 40vh;
  height: 100%;
  display: none;
  position: absolute;
}

.rotate-circle {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.rotate-circle.heading {
  margin-bottom: 0;
  transition: all .2s;
}

.rotate-circle.heading:hover {
  transform: scale(1.1);
}

.spinned-outer {
  justify-content: flex-end;
  align-items: flex-end;
  width: 130px;
  display: none;
  position: absolute;
  inset: auto 5% 3% auto;
}

.circle-badge {
  width: 100%;
}

.image-11 {
  z-index: 2;
  width: .2em;
  position: absolute;
}

.image-11:hover {
  filter: blur(5px);
}

.image-11.rotate {
  transform: rotate(-90deg);
}

.image-11.rotate.invert {
  filter: invert();
}

.circle {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.container-marquee {
  z-index: 2;
  width: 100%;
  height: auto;
  margin-bottom: 8%;
  padding-top: 4vh;
  padding-bottom: 4vh;
  position: relative;
  overflow: hidden;
}

.container-marquee.testimonial {
  width: 100%;
  margin-bottom: 2%;
}

.line-1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4em;
  display: flex;
  position: static;
  overflow: visible;
}

.looping-heading-copy {
  color: #fff;
  letter-spacing: -.07em;
  white-space: nowrap;
  margin-left: -1.5vw;
  margin-right: 4vw;
  padding-bottom: 2vw;
  font-size: 10vw;
  font-weight: 300;
  line-height: 1.15em;
  display: block;
}

.looping-heading-copy.home {
  color: #fff;
}

.line-2 {
  margin-top: 0;
  margin-bottom: 4em;
  margin-left: 4em;
  display: none;
  position: static;
  overflow: hidden;
}

.text-intro-name {
  color: #242424;
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  font-size: 1.2em;
  line-height: 1.4em;
  display: flex;
  position: static;
}

.link-container {
  border-bottom: 1px #000;
  width: auto;
  margin-top: 3em;
  display: flex;
}

.link-container.sm, .link-container.hidden {
  display: none;
}

.link-container.sm {
  width: 100%;
  position: absolute;
}

.text-link {
  color: #000;
  letter-spacing: -.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 27px;
  text-decoration: none;
}

.text-link:hover {
  color: var(--pink-red);
}

.text-link.pd-left {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 500;
}

.text-link.sm {
  color: var(--white);
  font-size: 17px;
}

.text-link.sm:hover {
  color: var(--white);
}

.text-link.sm.no-cap {
  text-transform: none;
}

.text-link.sm.xl {
  font-size: 24px;
  font-weight: 600;
}

.text-link.sm.white {
  color: var(--white);
  letter-spacing: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  transition: color .28s;
}

.text-link.sm.white:hover {
  color: var(--c45883);
  -webkit-text-stroke-color: var(--a78dff);
}

.text-link.sm.black {
  z-index: 101;
  background-color: var(--color);
  color: var(--black);
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 26px;
  position: relative;
}

.text-link.sm.black:hover {
  color: var(--purple-2);
}

.text-link.sm.black.intro {
  text-align: center;
  font-size: .8em;
  line-height: 1.2em;
  transition: all .2s;
}

.text-link.sm.black.intro:hover {
  color: var(--black);
  letter-spacing: 2px;
  font-weight: 500;
}

.text-link.sm.black.intro.align-left {
  background-color: var(--white);
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 500;
  display: block;
}

.text-link.sm.black.intro-name {
  z-index: 15;
  background-color: var(--white);
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4em;
  transition: all .2s;
  position: fixed;
}

.text-link.sm.black.intro-name:hover {
  color: var(--black);
  letter-spacing: 1px;
  font-weight: 500;
}

.text-link.xl {
  color: var(--white);
  letter-spacing: -.4px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.3em;
  transition: color .28s;
}

.text-link.project {
  text-transform: none;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.text-link.bold {
  font-weight: 500;
}

.text-link.bold:hover {
  color: var(--purple-2);
}

.arrow-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 31px;
  margin-top: -5px;
  margin-left: 10px;
  transition: transform .28s;
  display: flex;
}

.arrow-container:hover {
  color: var(--orange);
  transform: rotate(45deg);
}

.section-3 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-3.work-track {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 400vh;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.portfolio-image {
  object-fit: cover;
  width: 100%;
  height: 50vh;
  display: none;
}

.portfolio-detail {
  z-index: 1;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 100%;
  margin-top: -5px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.portfolio-detail.project {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.frame-item {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 100vh;
  margin-right: 15px;
  display: flex;
}

.frame {
  width: 100%;
  height: 100%;
  margin-left: 5%;
  display: flex;
  position: relative;
}

.single-project-title {
  color: var(--color-2);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: 500;
  line-height: 36px;
}

.single-project-title.h2 {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.single-project-title.h1 {
  font-size: 8em;
  font-weight: 300;
  line-height: .8em;
}

.single-project-title.h1.me-work {
  color: #000;
  letter-spacing: -8px;
  font-size: 8vw;
  font-weight: 300;
  line-height: 1.2em;
  position: static;
  top: 0%;
  left: 0%;
}

.camera {
  width: 400vw;
  height: 100%;
  display: flex;
  position: static;
  top: auto;
  overflow: visible;
}

.portfolio-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  cursor: e-resize;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.portfolio-block:hover {
  color: #6445e5;
}

.panel4 {
  background-image: url('../images/and-machines-YLplJ9m_RKE-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 80%;
}

.track-flex {
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -100vw;
  display: flex;
  position: static;
}

.track {
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 300px;
  display: flex;
  position: relative;
  transform: translate(0%);
}

.section-height {
  width: 100%;
  height: 500vw;
}

.panel1 {
  background-image: url('../images/and-machines-mAiFQrt9xMc-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  flex: none;
  width: 820px;
  height: 80%;
  display: flex;
}

.sticky-element {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.sticky-element.disable-overflow {
  flex-flow: row;
  align-items: stretch;
  height: 100vh;
  overflow: hidden;
}

.sticky-wrapper {
  position: absolute;
  inset: 0%;
}

.horizontal-scroll {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 100vh;
  display: none;
  position: relative;
}

.panel3 {
  background-image: url('../images/and-machines-odNU0f3jmUg-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 80%;
}

.panel5 {
  background-image: url('../images/and-machines-vqTWfa4DjEk-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 80%;
}

.panel2 {
  background-image: url('../images/and-machines-SZd_V4A8gYo-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 80%;
}

.panel-6 {
  background-image: url('../images/and-machines-vqTWfa4DjEk-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 820px;
  height: 90%;
}

.title-wrapper {
  margin-bottom: 200px;
  position: absolute;
  top: 5%;
  left: 5%;
}

.container-3 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
}

.container-3.is--sticky {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  min-height: 30em;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.sticky_title {
  white-space: nowrap;
  flex: none;
  padding-right: 1em;
}

.sticky_top {
  z-index: 30;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 3.5em;
  display: block;
  position: relative;
}

.sticky_top.left {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2%;
  display: flex;
}

.horizontal-sticky {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.work-section {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100vw;
  margin-top: -130px;
  margin-bottom: 200px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.wrapper {
  z-index: 10;
  width: 150%;
  display: flex;
  position: absolute;
  right: -150vw;
}

.wrapper.hidden {
  display: none;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.horizontal-item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex: none;
  width: 500px;
  height: auto;
  margin-right: 1em;
  padding: 2em;
  display: flex;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.sticky_top-line {
  background-color: #5c31ff52;
  width: 100%;
  height: 2px;
}

.cursor-circle-next {
  z-index: 1000000;
  background-color: #000;
  border: 1px #00000030;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
}

.arrow-down-link {
  width: auto;
  margin-left: auto;
  position: relative;
  inset: auto 0% 34% auto;
}

.arrow-down-link.large {
  height: 6.75em;
  position: static;
  inset: auto 4em 4em auto;
}

.arrow-down-link.large.home {
  color: #c2c2c2;
  height: auto;
}

.arrow-down-link.large.home.link {
  position: absolute;
  bottom: auto;
  right: auto;
}

.link {
  color: #000;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 100px;
  text-decoration: none;
  position: relative;
}

.link.wavy-link {
  display: flex;
}

.link.wavy-link.footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-self: auto;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  display: block;
}

.link.wavy-link.footer.last {
  margin-right: 0;
}

.link.wavy-link.nav {
  align-self: flex-start;
}

.link.wavy-link.project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-self: auto;
  width: 50%;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 15px;
  display: none;
}

.link.wavy-link.project.last {
  margin-right: 0;
}

.link.wavy-link.project.hidden {
  display: none;
}

.link.wavy-link.white-footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 60%;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  display: block;
}

.link.wavy-link.white-footer.last {
  margin-right: 0;
}

.link.wavy-link.menu-sm-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-self: auto;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  display: block;
}

.link.wavy-link.menu-sm-links.last {
  margin-right: 0;
}

.link.wavy-link.footer-black {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-self: auto;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  display: block;
}

.link.wavy-link.footer-black.last {
  margin-right: 0;
}

.link.wavy-link.home-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  width: auto;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  font-size: 1.2em;
  display: block;
}

.link.wavy-link.home-link.last {
  margin-right: 0;
}

.link.wavy-link.home-link.large {
  width: 20%;
}

.link.wavy-link.home-link._404 {
  top: 100px;
}

.link.wavy-link.menu-social {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-self: auto;
  margin-bottom: 7px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 8px;
  display: block;
}

.link.wavy-link.menu-social.last {
  margin-right: 0;
}

.link.curved-underline {
  flex-flow: row;
  align-items: center;
  margin-top: 150px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.link.curved-underline.black {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
}

.link.curved-underline.footer {
  justify-content: flex-start;
  margin-top: 0;
}

.link.curved-underline.footer.left {
  justify-content: flex-start;
}

.link.curved-underline.footer.pd-left {
  justify-content: flex-start;
  margin-bottom: 0;
  margin-left: 15px;
}

.link.curved-underline.footer.tiny-link-footer, .link.curved-underline.footer.no-pd, .link.curved-underline.footer.no-bt-pd {
  justify-content: flex-start;
  margin-bottom: 0;
}

.line-graphic.footer {
  margin-left: -250px;
  position: relative;
}

.custom-styles {
  display: block;
}

.custom-styles.footer {
  position: relative;
}

.background {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 101%;
  display: flex;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.background__fill {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  display: block;
}

.background__lottie {
  filter: brightness(0%);
  background-color: #0000;
  width: 100%;
  margin-top: -1%;
  display: block;
}

.main-hero_section {
  border-bottom: 2px solid #fff3;
}

.container-4 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-padding {
  padding: 5em 6%;
}

.page-padding.is-main-hero {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.main-hero_layout {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: static;
}

.main-hero_layout.testimonial {
  align-items: center;
  padding-left: 0%;
}

.main-hero_sub-heading {
  border: 1.5px solid #ffffff3d;
  border-radius: 100vw;
  padding: .3em 1.5em;
  font-weight: 700;
  display: inline-block;
}

.main-hero_heading {
  color: #000;
  letter-spacing: -2.5px;
  width: 100%;
  max-width: none;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1.2em;
}

.main-hero_heading.sm {
  letter-spacing: -2.5px;
  font-size: 1.7em;
  line-height: 1.2em;
}

.main-hero_heading.white {
  color: #fff;
  text-align: center;
  letter-spacing: -.04px;
  text-transform: uppercase;
  align-self: center;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 3.2em;
  font-weight: 200;
  line-height: 1em;
  display: block;
  position: relative;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.wrappper-color-layer {
  z-index: 0;
  position: fixed;
  inset: 0%;
}

.bg-color {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-color.beige {
  background-color: #fff;
  display: block;
}

.bg-color.blue {
  background-color: #c8daea;
}

.bg-color.black {
  background-color: #000;
}

.bg-color.green {
  background-color: #b3c2af;
}

.section-4 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.section-4.gris {
  flex-flow: column;
  margin-top: 200px;
  margin-bottom: 0;
  display: flex;
}

.wrapper-img {
  width: 60vw;
  height: 30vw;
  margin-bottom: -50px;
  display: none;
}

.img {
  object-fit: cover;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  width: 100%;
  height: 100%;
  display: block;
}

.about {
  z-index: 2;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100vh;
  margin-top: 100px;
  margin-bottom: 50px;
  padding-top: 10%;
  padding-bottom: 10%;
  display: flex;
  position: relative;
}

.text-size-xsmall {
  font-size: .8rem;
}

.home-work-block {
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.line-fill {
  background-color: #2e313a;
  width: 100%;
  height: 1px;
}

.line-fill.light-line-fill {
  background-color: #e7eeee;
}

.home-service-intro {
  z-index: 3;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 5%;
  display: flex;
  position: relative;
}

.home-work-cms {
  padding-bottom: 2rem;
}

.hover-text.bottom-hover-text {
  position: absolute;
  inset: auto 0% -100%;
}

.home-work-bottom {
  position: relative;
}

.clip {
  position: relative;
  overflow: hidden;
}

.home-work-top {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5rem;
  display: flex;
}

.text-size-large {
  font-size: 1.4rem;
  line-height: 1.45;
}

.text-size-large.text-align-center {
  text-align: center;
  letter-spacing: -3px;
  font-size: 3.1em;
  line-height: 1.1;
}

.button-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2e313a;
  border-radius: 100rem;
  padding: .75rem 1.05rem .75rem 1.15rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
}

.button-2.is-light {
  color: #000;
  border-color: #e7eeee;
}

.line {
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.line.line-wrap_topleft {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  inset: 0% 0% auto;
}

.overlay {
  background-color: #0b0c0f26;
  position: absolute;
  inset: 0%;
}

.overlay.light-overlay {
  background-color: #0b0c0f1a;
  background-image: url('../images/sebastian-svenson-LpbyDENbQQg-unsplash_1sebastian-svenson-LpbyDENbQQg-unsplash.webp');
  background-position: 0 0;
  background-size: auto;
}

.home-banner_slider {
  cursor: grab;
  display: flex;
}

.home-banner_bkg {
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

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

.home-banner_nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #e7eeee;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.curve-arrow {
  background-color: #000;
  border: 1px solid #e7eeee;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 3.1rem;
  height: 3.1rem;
  display: flex;
  position: absolute;
  top: .5rem;
}

.curve-block-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  grid-auto-columns: 1fr;
  place-content: end center;
  align-items: flex-end;
  width: 50%;
  height: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
}

.home-service_card {
  grid-column-gap: 1.625rem;
  grid-row-gap: 1.625rem;
  border-right: 1px dashed #e7eeee;
  flex-direction: column;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.home-service_card.end {
  border-right-style: none;
}

.letter-1 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.text-size-small {
  font-size: .975rem;
  line-height: 1.35;
}

.letter-8 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service {
  flex-flow: row;
  margin-top: 60px;
  display: flex;
  position: relative;
  overflow: visible;
}

.home-service-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 4rem;
  padding-bottom: 8rem;
  display: grid;
}

.letter-7 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-banner_credit {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  align-items: center;
  display: flex;
}

.letter-animation {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-banner {
  margin-top: 0;
}

.home-faq-number {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  display: flex;
}

.home-banner_avatar {
  border-radius: .4rem;
  width: 3rem;
  height: 3rem;
  position: relative;
  overflow: hidden;
}

.letter-5 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.skills-block {
  background-color: #fff;
  border-radius: 25px;
  flex-flow: column;
  align-self: center;
  width: 100%;
  height: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
  display: block;
  position: relative;
  top: 0;
}

.skills-block.no-bkg {
  background-color: #0000;
}

.letter-6 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-service_top {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 20rem;
  display: flex;
}

.home-service_base {
  border-top: 1px solid #e7eeee;
  width: 80%;
}

.row-title-clip {
  overflow: hidden;
}

.hame-faq-bottom {
  flex-direction: column;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-banner_slide {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  display: flex;
}

.letter-9 {
  display: inline-block;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(2rem, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid-large.full {
  grid-auto-columns: minmax(2rem, 1fr);
  align-self: auto;
}

.icon {
  filter: invert();
  color: #0b0c0f;
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  display: none;
  overflow: hidden;
}

.row-title-block {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: block;
  position: static;
}

.slider-arrow {
  grid-column-gap: .35rem;
  grid-row-gap: .25rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.slider-arrow.swiper-prev {
  border-right: 1px solid #e7eeee;
}

.icon-1x1-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  overflow: hidden;
}

.home-faq-icon {
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.hover-arrow.top {
  position: absolute;
  inset: -100% 0% auto;
}

.hover-arrow.right {
  position: absolute;
  inset: 0% -100% 0% auto;
}

.hover-arrow.left {
  position: absolute;
  inset: 0% auto 0% -100%;
}

.home-faq-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #ddd0;
  border-top: 1px solid #e7eeee;
  border-bottom: 1px #e7eeee;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: stretch stretch;
  width: 100%;
  padding: 0;
  transition: all .8s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.home-faq-item.w--current {
  background-color: #ddd0;
  overflow: hidden;
}

.home-faq-item.no-border {
  border-top-style: none;
  position: relative;
}

.row-title {
  width: 100%;
  display: flex;
}

.home-service_intro {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-faq-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #e7eeee;
  border-left: 1px #e7eeee;
  border-right: 1px #e7eeee;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 5rem 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: center start;
  width: 100%;
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  display: grid;
}

.letter-3 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.slider-arrow_text {
  padding-bottom: .25rem;
}

.testimonial {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.testimonial.padding-small {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-bottom: 200px;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.testimonial.padding-medium {
  width: 90%;
}

.testimonial.padding-large {
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
}

.home-service-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 15%;
  margin-right: 15%;
  padding-top: 0;
  padding-bottom: 2rem;
  display: flex;
}

.icon-1x1-tiny {
  justify-content: center;
  align-items: center;
  width: .9rem;
  height: .9rem;
  display: flex;
  overflow: hidden;
}

.home-faq-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7eeee;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem 2rem;
  display: flex;
  overflow: hidden;
}

.home-faq-content {
  background-color: #0b0c0f;
  border: 1px #e7eeee;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 2.5rem;
  padding: 4rem 2rem 4rem 6rem;
  display: flex;
  overflow: hidden;
}

.home-service_height {
  border-radius: .625rem;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
}

.home-banner_com {
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 100%;
  padding-top: 3rem;
  padding-bottom: 2rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.letter-2 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.home-faq-block {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-direction: column;
  justify-content: space-between;
  min-height: 35rem;
  display: flex;
}

.home-banner_content {
  z-index: 3;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: .625rem;
  flex-direction: column;
  width: 100%;
  max-width: 35rem;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-banner_content.slider-component {
  display: none;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-huge {
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
}

.row-title-text {
  letter-spacing: -.35vw;
  text-transform: uppercase;
  margin-bottom: -3.5vw;
  font-size: 13.5vw;
  font-weight: 400;
  line-height: .89;
}

.home-faq-text {
  max-width: 30rem;
}

.curve-link {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -1px;
  padding: 0;
  display: flex;
  position: relative;
}

.home-service_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6rem;
  display: flex;
}

.line-client {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 93%;
  padding-left: 4em;
  display: flex;
  position: relative;
  overflow: visible;
}

.brix---paragraph-large {
  font-size: 24px;
  line-height: 38px;
}

.brix---mg-bottom-8px {
  margin-bottom: 8px;
}

.brix---testimonial-v14-left-right {
  background-color: #f7f7fc00;
  border-radius: 18px;
  flex-flow: column;
  align-self: center;
  align-items: flex-start;
  width: 60%;
  padding: 0;
  display: flex;
}

.brix---testimonial-v14-left-side {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 60%;
  margin-top: 50px;
  margin-right: 0;
  display: block;
}

.brix---slider-wrapper {
  z-index: 3;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.brix---flex-horizontal {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.brix---btn-slider-arrow-left---testimonial-v12 {
  border: 1px solid var(--black);
  box-shadow: none;
  color: #211f54;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: 50%;
  left: 50px;
  transform: translate(20px);
}

.brix---btn-slider-arrow-left---testimonial-v12:hover {
  left: 60px;
  transform: scale(.95)translate(0%);
}

.brix---card-testimonial-v14 {
  background-color: #fff0;
  border: 1px #eff0f6;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 40px;
  display: flex;
}

.brix---slider-mask-width-1012px {
  aspect-ratio: auto;
  align-self: auto;
  width: 100%;
  overflow: visible;
}

.brix---color-neutral-700 {
  color: #4a4566;
}

.brix---text-200 {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  -webkit-text-stroke-color: #b1c0ad;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 21px;
}

.brix---text-200.black {
  color: #000;
}

.brix---mg-bottom-0 {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  font-size: .9em;
  line-height: 1.5em;
}

.brix---mg-bottom-0.black {
  color: var(--black);
  font-size: 1em;
}

.brix---color-neutral-800 {
  color: #211f54;
}

.brix---slide-item-mg {
  vertical-align: middle;
  width: 100%;
  margin-right: 0;
}

.brix---avatar-circle-04 {
  border-radius: 50%;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
  overflow: hidden;
  transform: translate(0);
}

.brix---color-accent-1 {
  color: #4a3aff;
}

.brix---btn-slider-arrow-right---testimonial-v12 {
  border: 1px solid var(--black);
  box-shadow: none;
  color: #211f54;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  top: 50%;
  bottom: 0;
  right: 50px;
  transform: translate(-20px);
}

.brix---btn-slider-arrow-right---testimonial-v12:hover {
  right: 60px;
  transform: scale(.95)translate(0%);
}

.brix---hidden-desktop {
  display: none;
}

.brix---text-200-bold {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
}

.brix---text-200-bold.black {
  color: #000;
}

.brix---mg-bottom-32px {
  margin-bottom: 32px;
}

.filter-project-title {
  color: var(--white);
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
}

.filter-project-title.h2 {
  color: var(--black);
  margin-top: 0;
  font-size: 21px;
  font-weight: 300;
  line-height: 36px;
}

.filter-project-title.h1 {
  font-size: 8em;
  font-weight: 300;
  line-height: .8em;
}

.filter-project-title.h1.me-work {
  color: #000;
  letter-spacing: -8px;
  font-size: 9vw;
  font-weight: 300;
  position: static;
  top: 0%;
  left: 0%;
}

.image-12 {
  filter: invert() contrast(200%) grayscale() brightness(0%) hue-rotate(14deg) invert();
  width: 25px;
}

.div-block-72 {
  margin-top: 10px;
  font-style: normal;
}

.image-13 {
  filter: hue-rotate(75deg) contrast(200%);
  width: .7em;
  height: .7em;
  transform: rotate(45deg);
}

.image-14 {
  filter: contrast(200%);
  width: .7em;
  height: .7em;
  transform: rotate(-135deg);
}

.bold-text {
  color: #fff;
}

.testimonial-slider {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.testimonial-slider.padding-small {
  z-index: 10;
  color: #0000;
  flex-flow: column;
  align-items: center;
  margin: 3% 0% 0%;
  display: flex;
  position: relative;
}

.testimonial-slider.padding-large {
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
}

.link-block-15 {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.link-block-15.w--current {
  display: none;
  position: relative;
  inset: -82% auto auto -15%;
}

.link-block-15.move {
  inset: auto 0% 0%;
}

.link-block-15.move.w--current {
  position: absolute;
  inset: auto 0% 0%;
}

.link-block-15.heading {
  z-index: 6;
  margin-bottom: 0;
}

.link-block-15.project {
  background-color: var(--bg);
  border-radius: 200px;
  width: 110px;
  height: 110px;
  margin-bottom: 0;
  padding: 10px;
  transition: all .2s, opacity .2s;
  inset: 3% 15% auto auto;
  box-shadow: 0 2px 5px #0003;
}

.link-block-15.project-link {
  background-color: var(--white);
  border: 1px solid #0000001a;
  border-radius: 200px;
  width: 110px;
  height: 110px;
  margin-bottom: 0;
  padding: 10px;
  transition: opacity .2s;
  inset: auto;
  box-shadow: 0 2px 5px #0003;
}

.link-block-15.project-link.home {
  z-index: 5;
  background-color: var(--black);
  width: 115px;
  height: 115px;
  inset: 2% 15% auto auto;
}

.link-block-15.project-link.about-link {
  z-index: 5;
  background-color: var(--black);
  border-color: #ffffff3d;
  align-self: flex-start;
  width: 115px;
  height: 115px;
  padding: 15px;
  position: relative;
  inset: 77px 0 auto 41px;
}

.link-block-15.project-link.mobille {
  display: none;
}

.text-block-15 {
  color: #fff;
  letter-spacing: -2px;
  font-size: 45px;
  font-weight: 400;
  line-height: 1.1em;
  transition: transform .28s;
}

.text-block-15:hover {
  transform: translate(20px);
}

.text-block-15.black {
  color: #000;
  font-size: 2.8em;
}

.text-block-15.black:hover {
  color: var(--purple-2);
}

.trail-image-effect_list-wrapper {
  z-index: 2;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
}

.trail-image-effect_list-wrapper.hidden {
  display: none;
}

.trail-image-effect_list {
  display: block;
}

.trail-image-effect_image {
  object-fit: cover;
  width: 20rem;
  max-width: 100%;
  height: 25rem;
}

.section-trial-testimonial {
  z-index: 2;
  flex-flow: column;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 5%;
  display: flex;
  position: relative;
}

.testimonial-main {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-start;
  align-self: flex-start;
  place-items: stretch start;
  margin-top: 80px;
  display: block;
  position: relative;
}

.testimonial-main.testimonial {
  align-items: center;
  padding-left: 0%;
}

.title-container {
  order: 0;
  display: block;
}

.service-container {
  width: 60em;
  margin-left: 100px;
  display: block;
}

.heading-11 {
  color: var(--black);
  font-size: 35px;
  font-weight: 400;
}

.showcase_column_graphic-wrapper {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0% 2rem;
}

.section_showcase {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-self: auto;
  place-items: flex-end start;
  height: 20vh;
  margin: 4% 0% 5%;
  display: flex;
}

.showcase_column_graphic {
  justify-content: center;
  align-items: center;
  width: 120%;
  display: flex;
  position: absolute;
  right: 0;
  transform: translate(50%);
}

.showcase_column-content_paragraph {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.c--text-x5 {
  letter-spacing: -.019em;
  font-size: 1.5rem;
  line-height: 1.3;
}

.c--text-x5.text-weight-semibold {
  color: #000;
  letter-spacing: -.04em;
  margin-left: 10px;
  font-size: 1.2rem;
  font-weight: 500;
}

.showcase_column-title_line {
  background-color: #0c111c;
  width: 100%;
  height: 1px;
  display: none;
  position: absolute;
}

.showcase_columng-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.showcase_column {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.showcase_column.move {
  transform: none;
}

.showcase_column-title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2.2;
  display: flex;
  position: relative;
}

.image-15 {
  transform: rotate(90deg);
}

.skills-title-container {
  display: flex;
}

.hidden {
  display: none;
}

.quick-stack {
  padding-top: 0;
}

.about-section {
  z-index: 1;
  flex-flow: column;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-top: 100px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
  transform: none;
}

.footer-logo-wrapper {
  z-index: 999;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin-top: 3%;
  margin-bottom: 5%;
  margin-left: 0%;
  padding-bottom: 0;
  display: none;
  position: relative;
  inset: 0% auto auto 0%;
}

.link-footer {
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.link-footer.wavy-link {
  display: flex;
}

.link-footer.wavy-link.sm {
  align-self: flex-end;
}

.link-footer.curved-underline {
  font-weight: 700;
  text-decoration: none;
}

.section-hero {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-main {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: 0%;
  padding-left: 0%;
  display: flex;
  position: relative;
}

.hero-main.testimonial {
  align-items: center;
  padding-left: 0%;
}

.columns-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  width: 100%;
  display: flex;
}

.column-13 {
  align-self: flex-start;
  margin-top: 10px;
  padding-left: 10%;
}

.item_description {
  margin-top: -.5em;
  font-size: 1.1em;
}

.item_description.text-orange {
  overflow: hidden;
}

.item_paragraph--2 {
  max-width: 33ch;
  font-size: 1.5em;
}

.is--light {
  color: #d8d8d8;
}

.accordion-item {
  border-top: 2px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding: 4em 2em;
  display: flex;
}

.accordion-item.is--last {
  border-bottom-width: 3px;
}

.accordion-item.is--first {
  color: #fff;
  border: 1px #000;
  border-bottom: 1px solid #ffffff80;
  padding: 2em 0;
  text-decoration: none;
}

.accordion-item.is--first.top {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
}

.accordion-item.is--first.bottom {
  cursor: pointer;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
}

.accordion-item.is--first.top-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
}

.item_paragraph--4 {
  max-width: 33ch;
  font-size: 1.5em;
}

.icon_line {
  background-color: var(--color-2);
  width: .15em;
  padding-top: 1.5em;
  transform: rotate(90deg);
}

.icon_line.is--2 {
  background-color: var(--color-2);
  width: .15em;
  padding-top: 1.5em;
  position: absolute;
  transform: none;
}

.accordion-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.item_paragraph--3 {
  max-width: 33ch;
  font-size: 1.5em;
}

.title_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.accordion_paragraph {
  flex-direction: column;
  display: flex;
}

.item_paragraph {
  color: var(--white);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}

.item_paragraph.grey {
  color: var(--text);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
}

.item_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
  display: flex;
}

.item_content-wrapper {
  flex-flow: column;
  align-items: flex-end;
  width: 70%;
  display: flex;
  overflow: hidden;
}

.item_title {
  letter-spacing: .03em;
  font-size: 1.7em;
  font-weight: 400;
}

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

.item_number {
  font-size: 6.5em;
  font-weight: 400;
}

.item_number.text-orange {
  font-size: 1.4em;
  display: none;
}

.icon_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 4.1em;
  padding: 0 .9em 0 0;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.skills {
  flex-flow: column;
  align-self: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.skills.padding-small {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  width: 93%;
  margin: -371px 5% 5%;
  display: flex;
  position: relative;
}

.skills.padding-medium {
  width: 90%;
}

.skills.padding-large {
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
}

.home-service-2 {
  margin-top: 60px;
  overflow: hidden;
}

.row-title-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-client-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 4em;
  display: flex;
  position: static;
  overflow: visible;
}

.image-16 {
  width: 110%;
}

.explore-circle {
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  margin-bottom: 0%;
  margin-right: 0%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
}

.explore-cirlce {
  z-index: 500;
  float: none;
  clear: none;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 40%;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: 20% auto 0% -20%;
}

.explore-cirlce.quote-text, .explore-cirlce.move {
  order: -1;
  width: 32%;
  margin-bottom: -2vh;
  display: block;
  position: relative;
  inset: auto 0% 0;
}

.explore-cirlce.explore-text, .explore-cirlce.skills-text-circle {
  order: 0;
  width: 33%;
  display: block;
  position: static;
  inset: auto 0% 0;
}

.explore-div {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-mouse {
  z-index: 2;
  width: 25px;
  position: relative;
  inset: -49px 35px 0% auto;
}

.icon-mouse.no-pd {
  width: 19px;
  position: static;
  inset: -7px 0 0% 8px;
}

.arrow-down-copy {
  width: auto;
  margin-left: auto;
  position: relative;
  inset: auto 0% 34% auto;
}

.arrow-down-copy.large {
  height: 6.75em;
  position: static;
  inset: auto 4em 4em auto;
}

.arrow-down-copy.large.home {
  color: #c2c2c2;
  height: auto;
}

.arrow-down-copy.large.home.link {
  position: absolute;
  bottom: auto;
  right: auto;
}

.arrow-down-copy.large.home.rotate {
  transition: transform .28s;
}

.arrow-down-copy.large.home.rotate:hover {
  transform: rotate(90deg);
}

.menu-email {
  z-index: 99;
  color: #fff;
  text-align: left;
  letter-spacing: -2px;
  font-family: DM Sans, sans-serif;
  font-size: 3.9em;
  font-weight: 300;
  line-height: 1.4em;
  transition: transform .28s;
  position: relative;
}

.menu-email:hover {
  color: var(--pink-red);
  transform: translate(25px);
}

.menu-email.email {
  letter-spacing: -2px;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 60px;
}

.menu-email.email:hover {
  color: var(--a78dff);
}

.menu-email.social {
  letter-spacing: 0;
  margin-bottom: 15px;
  font-size: 2.9em;
  font-weight: 100;
}

.div-block-73 {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: transform .28s;
  display: flex;
}

.div-block-73:hover {
  transform: none;
}

.div-block-73._2 {
  margin-left: 150px;
}

.animation-hand {
  background-color: #0000;
  width: 60%;
  display: block;
  position: absolute;
  inset: 0% auto 179px -50%;
}

.page {
  z-index: 50;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-12 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 30vh;
}

.accordion-section {
  z-index: 5;
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.accordion-section.suite {
  margin-top: 0;
}

.italic-text-2, .italic-text-3 {
  font-style: normal;
  font-weight: 400;
}

.div-block-74 {
  font-family: DM Sans, sans-serif;
  font-weight: 100;
}

.text-about-bkg {
  z-index: 5;
  color: var(--white);
  text-align: left;
  letter-spacing: .2px;
  text-transform: uppercase;
  align-self: auto;
  width: 150px;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  position: static;
  inset: 0% 7% 0% auto;
  transform: none;
}

.div-block-75 {
  justify-content: center;
  align-self: center;
  width: 100%;
  display: flex;
}

.lottie-animation-3 {
  z-index: 3;
  filter: brightness(110%);
  width: 8%;
  position: absolute;
  inset: 0% 14% 0% auto;
}

.move-mouse-div {
  align-self: flex-end;
  display: flex;
  position: absolute;
  inset: auto 5% 5% auto;
}

.lottie-animation-4 {
  filter: saturate(200%);
  width: 24%;
}

.div-block-77 {
  align-self: center;
  width: 25px;
  margin-right: 15px;
  display: none;
}

.text-span {
  color: var(--color-2);
  vertical-align: top;
}

.text-span-2 {
  color: var(--color-2);
  font-size: 3.2em;
  line-height: 1.2em;
}

.asterix {
  z-index: 5;
  color: var(--white);
  text-align: left;
  letter-spacing: .2px;
  text-transform: uppercase;
  align-self: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 3.1em;
  font-weight: 300;
  line-height: 1.2rem;
  position: absolute;
  inset: auto;
  transform: none;
}

.menu-email-block {
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.menu-email-block:hover {
  opacity: 1;
  color: #353535;
}

.menu-email-block.w--current {
  font-size: 1em;
  line-height: 1.3;
  transition: opacity .2s;
  display: block;
}

.menu-email-block.w--current:hover {
  opacity: 1;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
}

.menu-email-block.email {
  opacity: 1;
  margin-bottom: 5vh;
  padding-top: 10px;
}

.menu-email-block.email-2 {
  padding-top: 10px;
}

.menu-email-block.social {
  font-size: 7px;
}

.div-block-78 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-j {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 64vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-j.j-italic {
  margin-bottom: 40px;
  margin-left: 30px;
  margin-right: -30px;
  font-size: 40vw;
}

.heading-j.j-italic.intro {
  margin: 0 -30px 70px 0;
  position: static;
}

.heading-o {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-right: -30px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
}

.heading-o.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-o.o-italic-2 {
  margin-top: 35px;
  margin-bottom: 0;
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-o.o-italic-2.white {
  color: var(--white);
}

.heading-o.heading {
  font-size: 40vw;
  line-height: .7em;
}

.heading-o.heading.intro {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -30px;
}

.heading-o.l-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-o.o-italic-2-copy {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-o.o-italic-2-copy.white {
  color: var(--white);
}

.heading-o-last {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.heading-o-last.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-o-last.heading {
  font-size: 40vw;
}

.heading-o-last.heading.intro {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-o-sec {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-o-sec.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-o-sec.o-italic.heading {
  margin-top: 0;
  margin-bottom: 55px;
  margin-right: 14px;
  padding-bottom: 0;
  font-size: 44vw;
  line-height: .8em;
  display: block;
  position: static;
}

.heading-o-sec.o-italic.heading.intro {
  margin-bottom: 70px;
  margin-right: 0;
}

.heading-o-sec.o-italic-about {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-o-sec.o-italic-about.heading {
  font-size: 41vw;
}

.loading-text {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 26px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
  position: static;
}

.loading-text.sm {
  color: var(--color-2);
  margin-top: 5px;
}

.loading-text.sm.yellow {
  color: var(--color-2);
  text-align: center;
  font-size: 1.4em;
}

.loading-text.sm-text {
  font-size: 1.4em;
}

.italic {
  letter-spacing: 0;
  text-transform: uppercase;
  vertical-align: baseline;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 700;
  line-height: .7em;
  display: inline;
  position: static;
}

.italic.footer {
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 500;
  line-height: .7em;
}

.italic.skills {
  font-size: 1em;
  line-height: 1.2em;
}

.italic.spacing {
  letter-spacing: 0;
}

.italic.testimonial {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 12vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2em;
}

.italic.title-skills {
  text-align: left;
  text-transform: none;
  margin-top: -14px;
  margin-left: 10px;
  font-size: 43px;
  line-height: 37px;
  display: block;
  position: static;
  top: 0%;
}

.italic.email {
  letter-spacing: -2px;
  font-family: Cormorant, sans-serif;
  font-size: .8em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.1em;
}

.italic.social {
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}

.italic.about {
  font-size: 20px;
}

.italic.header {
  letter-spacing: -1px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

.italic.header.black {
  color: var(--black);
}

.italic.footer-copy {
  font-family: Cormorant, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 500;
}

.italic.yellow, .italic.transiition-text {
  font-family: Cormorant, sans-serif;
  font-size: 28px;
  font-style: italic;
  line-height: 26px;
}

.italic.transiition-text.before {
  margin-left: 5px;
  font-size: 1.1em;
}

.italic.transiition-text.after {
  margin-right: 5px;
}

.italic.text-intro {
  font-style: italic;
}

.italic.bold {
  font-weight: 600;
}

.italic.pd-right {
  margin-right: 7px;
}

.italic.oups {
  margin-right: 20px;
}

.text-span-3 {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
}

.italic-intro {
  color: var(--color-2);
  letter-spacing: -1.5px;
  text-transform: uppercase;
  vertical-align: top;
  font-family: Cormorant, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 500;
}

.text-span-4 {
  position: static;
}

.text-span-5 {
  text-transform: uppercase;
}

.work-text-div {
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.work-text-div.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.work-text-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.work-text-container.project {
  background-image: linear-gradient(to top, #1b1a1a 7%, #373d46), linear-gradient(to bottom, var(--bg), var(--bg));
}

.work-text-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.work-text-wrap.bottom {
  justify-content: flex-end;
}

.work-text-wrap.top {
  justify-content: flex-start;
  align-items: center;
}

.work-text-block {
  z-index: 3;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.work-text-block.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  width: auto;
  height: 100%;
  margin-bottom: 20px;
}

.div-block-79 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 3vh;
}

.div-block-80 {
  justify-content: center;
  align-items: center;
  margin-left: -30px;
  display: flex;
}

.div-block-81 {
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.about-text-title {
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: auto 0%;
}

.about-text-title.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.skills-text {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: relative;
}

.skills-text.testimonial {
  align-items: center;
  padding-left: 0%;
}

.skills-container {
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.skills-container.project {
  background-image: linear-gradient(to top, #1b1a1a 7%, #373d46), linear-gradient(to bottom, var(--bg), var(--bg));
}

.horizontal-skill-section {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  position: relative;
}

.heading-l-last {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-l-last.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-s {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: static;
  bottom: 60px;
}

.list-skills {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.skills-heading {
  color: #000;
  text-align: left;
  letter-spacing: -2.5px;
  text-transform: uppercase;
  width: 100%;
  max-width: none;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1.2em;
}

.skills-heading.sm {
  letter-spacing: -2.5px;
  font-size: 1.7em;
  line-height: 1.2em;
}

.skills-heading.white {
  color: #fff;
  text-align: center;
  letter-spacing: -.04px;
  text-transform: uppercase;
  align-self: center;
  font-size: 68px;
  font-weight: 400;
  line-height: 67px;
  display: block;
  position: relative;
}

.about-text {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.skills-layout {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: relative;
}

.skills-layout.testimonial {
  align-items: center;
  padding-left: 0%;
}

.main-hero_heading-copy {
  color: #000;
  letter-spacing: -2.5px;
  width: 100%;
  max-width: none;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1.2em;
}

.main-hero_heading-copy.sm {
  letter-spacing: -2.5px;
  font-size: 1.7em;
  line-height: 1.2em;
}

.main-hero_heading-copy.white {
  color: #fff;
  text-align: center;
  letter-spacing: -.04px;
  text-transform: uppercase;
  align-self: center;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  display: block;
  position: relative;
}

.skill-hero-text {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
  position: relative;
}

.skill-hero-text.testimonial {
  align-items: center;
  padding-left: 0%;
}

.skills-hero-heading {
  color: #000;
  letter-spacing: -2.5px;
  width: 100%;
  max-width: none;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1.2em;
}

.skills-hero-heading.sm {
  letter-spacing: -2.5px;
  font-size: 1.7em;
  line-height: 1.2em;
}

.skills-hero-heading.white {
  color: #fff;
  text-align: center;
  letter-spacing: -.04px;
  text-transform: uppercase;
  align-self: center;
  font-size: 80px;
  font-weight: 400;
  line-height: 80px;
  display: block;
  position: relative;
}

.skills-hero-heading.skills-black {
  color: #000;
  text-align: left;
  letter-spacing: -.5px;
  text-transform: uppercase;
  align-self: center;
  font-size: 49px;
  font-weight: 300;
  line-height: 55px;
  display: block;
  position: relative;
}

.skill-text-italic {
  color: var(--purple-2);
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 46px;
  font-weight: 300;
  line-height: 59px;
  position: relative;
  top: -3px;
}

.skills-circle {
  z-index: 30;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: auto;
  margin-top: 0;
  margin-bottom: 0%;
  display: none;
  position: relative;
  inset: 0% 0% -262px 3%;
}

.skills-circle.mobile {
  display: none;
  bottom: 0;
}

.skills-div {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: relative;
}

.skills-div.about {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 0%;
}

.asterix-skills {
  z-index: 5;
  filter: none;
  color: var(--color-2);
  text-align: left;
  letter-spacing: .2px;
  text-transform: uppercase;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 1.2rem;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: -11% 0% 0%;
}

.skills-circle-div {
  z-index: 500;
  float: none;
  clear: none;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 40%;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: 20% auto 0% -20%;
}

.skills-circle-div.quote-text, .skills-circle-div.move {
  order: -1;
  width: 32%;
  margin-bottom: -2vh;
  display: block;
  position: relative;
  inset: auto 0% 0;
}

.skills-circle-div.explore-text {
  order: 0;
  width: 33%;
  display: block;
  position: static;
  inset: auto 0% 0;
}

.skills-circle-div.skills-text-circle {
  filter: contrast(200%) invert();
  order: 0;
  width: 5em;
  display: block;
  position: static;
  inset: auto 0% 0;
}

.asteric-skills {
  color: var(--purple-2);
  font-weight: 400;
}

.asterix-skills-color {
  color: var(--color-2);
  vertical-align: top;
  font-weight: 400;
}

.asterix-skills-color.sm {
  filter: invert();
  line-height: .6rem;
}

.skills-cercle-div {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
}

.skills-cercle-div.w--current {
  display: none;
  position: relative;
  inset: -82% auto auto -15%;
}

.skills-cercle-div.move {
  inset: auto 0% 0%;
}

.skills-cercle-div.move.w--current {
  position: absolute;
  inset: auto 0% 0%;
}

.title-italic {
  color: var(--white);
  letter-spacing: -.8px;
  margin-bottom: 15px;
  font-family: Cormorant, sans-serif;
  font-size: 1.6em;
  font-style: italic;
  font-weight: 500;
  line-height: 1em;
}

.title-italic.yellow {
  color: var(--white);
  text-align: left;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 33px;
  font-weight: 600;
  display: flex;
}

.lottie-animation-5 {
  align-self: flex-end;
  margin-bottom: -15px;
}

.container-5 {
  z-index: 3;
  letter-spacing: -.04px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 70vh;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  display: flex;
  position: relative;
}

.about_item {
  z-index: 30;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80vh;
  padding: 7%;
  font-family: DM Sans, sans-serif;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about_image-2 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-2.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-2.is-3 {
  margin-bottom: -22%;
}

.about_heading {
  z-index: 3;
  color: var(--white);
  text-align: center;
  letter-spacing: -.5px;
  text-transform: uppercase;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
  position: relative;
}

.about_heading.about {
  text-align: left;
  text-transform: uppercase;
  width: 95%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3%;
  padding-bottom: 0%;
  font-size: 2em;
  line-height: 1.1em;
}

.text-italic {
  z-index: 1;
  color: var(--color-2);
  cursor: pointer;
  border-bottom: 3px #000;
  font-family: Cormorant, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.about_image-3 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-3.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-3.is-3 {
  margin-bottom: -22%;
}

.about_image-2-copy {
  opacity: 0;
  width: 24%;
  transform: scale(.5);
}

.about_image-2-copy.is-1 {
  margin-top: -22%;
}

.about_image-2-copy.is-3 {
  margin-bottom: -22%;
}

.about_image-4 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-4.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-4.is-3 {
  margin-bottom: -22%;
}

.about_image-5 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-5.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-5.is-3 {
  margin-bottom: -22%;
}

.skills-section {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.skills-section.padding-small {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  width: 93%;
  margin: 0 5% 5%;
  padding-top: 2rem;
  display: flex;
  position: relative;
}

.skills-section.padding-medium {
  width: 90%;
}

.skills-section.padding-large {
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: none;
}

.skills-section.skills-sm-padding {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.skills-section.padding-sm {
  z-index: 10;
  flex-flow: column;
  align-items: center;
  width: 85vw;
  height: auto;
  margin-top: 100px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.skills-grid-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(2rem, 1fr);
  grid-auto-columns: minmax(2rem, 1fr);
  place-content: stretch;
  align-self: center;
  width: 90%;
  height: auto;
  display: grid;
}

.title-skills {
  text-align: center;
  letter-spacing: 1px;
  flex-flow: row;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 1em;
  display: flex;
  position: absolute;
  inset: 0 auto auto;
}

.title-skills.right {
  flex-flow: row;
  justify-content: flex-end;
  inset: 0% 18% auto auto;
}

.about_image-6 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-6.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-6.is-3 {
  margin-bottom: -22%;
}

.about_image-7 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-7.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-7.is-3 {
  margin-bottom: -22%;
}

.about_image-8 {
  opacity: 0;
  width: 35%;
  transform: scale(.5);
}

.about_image-8.is-1 {
  width: 35%;
  margin-top: -22%;
}

.about_image-8.is-3 {
  margin-bottom: -22%;
}

.about_image-9 {
  opacity: 0;
  width: 24%;
  transform: scale(.5);
}

.about_image-9.is-1 {
  margin-top: -22%;
}

.about_image-9.is-3 {
  margin-bottom: -22%;
}

.image-menu-div {
  align-self: flex-end;
  width: 200px;
  margin-right: 50px;
  display: none;
}

.image-menu-1, .image-menu-2, .image-menu-3 {
  border-radius: 20px;
  width: 180px;
  height: 130px;
}

.text-span-6 {
  letter-spacing: 0;
  font-size: 35px;
}

.text-block-16 {
  margin-top: -20px;
  display: none;
}

.arrow-container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 31px;
  margin-top: -5px;
  margin-left: 10px;
  transition: transform .28s;
  display: flex;
}

.arrow-container-2:hover {
  color: #f60;
  transform: rotate(45deg);
}

.text-link-2 {
  color: var(--white);
  letter-spacing: -.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 27px;
  text-decoration: none;
}

.marquee-wrapper {
  color: #dfdfdf;
  background-color: #fff0;
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.marquee-container {
  grid-column-gap: 4.5vw;
  grid-row-gap: 4.5vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 1.5vw;
  display: flex;
}

.marquee-content-contaier {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 2vw;
  display: flex;
}

.marquee-text {
  white-space: nowrap;
  font-size: 3.5vw;
  line-height: 1.5em;
}

.marquee-text.project, .marquee-text.project-copy {
  color: var(--white);
  letter-spacing: -.07em;
  -webkit-text-stroke-color: var(--black);
  text-transform: none;
  margin-right: 20px;
  font-size: 150px;
  font-weight: 300;
  line-height: 1.15em;
}

.marquee-icon {
  filter: invert();
  width: 4vw;
}

.marquee-icon.black {
  width: 5vw;
}

.marquee-icon.isp {
  filter: none;
  width: 5vw;
  margin-right: 20px;
}

.marquee-icon.poke-guru {
  margin-bottom: -27px;
  transform: rotate(180deg);
}

.marquee-icon.lcc {
  width: 3vw;
  margin-bottom: -27px;
}

.project-text-section {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 85vw;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 5%;
  padding-bottom: 5%;
  display: flex;
  position: relative;
}

.project-text-section._2-col {
  align-self: center;
  width: 75vw;
  margin-top: 50px;
  margin-bottom: 50px;
}

.project-text-section._2-col.no-pd {
  width: 85vw;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.project-text-section.no-pd-top {
  margin-top: 0;
}

.quick-stack-2 {
  grid-column-gap: 50px;
  padding-left: 0;
  padding-right: 0;
}

.project-heading {
  color: #000;
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 39px;
  font-weight: 500;
  line-height: 39px;
}

.project-heading.no-cap {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 43px;
}

.intro-text {
  color: var(--black);
  letter-spacing: -.3px;
  font-family: Cormorant, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.intro-text.pd-top {
  text-align: right;
  margin-top: 5px;
  font-size: 1.1em;
  line-height: 1.5em;
}

.intro-text.pd-top.website {
  justify-content: flex-end;
  margin-left: 10px;
  display: flex;
}

.intro-text.pd-top.left {
  text-align: left;
}

.intro-text.pd-top.xl {
  margin-top: 40px;
}

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

.project-paragraph {
  color: var(--black);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
}

.project-paragraph.no-pd {
  margin-top: 0;
}

.cell {
  align-items: flex-start;
}

.cell.quote {
  padding-right: 0;
}

.arrow-project {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 29px;
  margin-top: 3px;
  margin-left: 5px;
  transition: transform .28s;
  display: none;
}

.arrow-project:hover {
  color: #f60;
  transform: rotate(45deg);
}

.text-link-project {
  color: #000;
  letter-spacing: -.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 27px;
  text-decoration: none;
}

.text-link-project.pd-left {
  margin-left: 10px;
  font-size: 18px;
  font-weight: 500;
}

.text-link-project.sm {
  font-size: 17px;
}

.text-link-project.sm:hover {
  color: var(--purple-2);
}

.text-link-project.sm.no-cap {
  text-transform: none;
}

.text-link-project.sm.xl {
  font-size: 24px;
  font-weight: 600;
}

.text-link-project.sm.white {
  color: var(--white);
  letter-spacing: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  transition: color .28s;
}

.text-link-project.sm.white:hover {
  color: var(--c45883);
  -webkit-text-stroke-color: var(--a78dff);
}

.text-link-project.xl {
  color: var(--black);
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 2.2em;
  font-weight: 300;
  line-height: .8em;
  transition: color .28s;
}

.text-link-project.xl:hover {
  color: var(--purple-2);
  -webkit-text-stroke-color: var(--a78dff);
}

.text-link-project.project {
  letter-spacing: -.5px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
}

.project-content {
  z-index: 3;
  width: 85vw;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.project-content.no-pd {
  margin-bottom: 0;
}

.project-content.last {
  margin-bottom: 200px;
}

.project-content.pd-100 {
  margin-top: 100px;
  margin-bottom: 100px;
  display: block;
}

.project-content.hiddem, .project-content.rolli-hidden {
  display: none;
}

.project-2-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.project-2-col.pd-top {
  margin-top: 30px;
}

.project-2-col.pd-top.pd-bottom {
  margin-bottom: 150px;
}

.project-2-col.pd-top.last-project {
  grid-column-gap: 0px;
}

.project-2-col.left-img-sm {
  height: 45vh;
  margin-bottom: 10px;
}

.project-2-col.left-img-big {
  height: 80vh;
  margin-bottom: 10px;
}

.project-2-col.left-img-big._60vh {
  height: 60vh;
}

.project-2-col.grid-right {
  height: auto;
  margin-bottom: 10px;
}

.project-2-col.grid-right._60vh {
  height: 60vh;
}

.image-18 {
  width: 450px;
}

.cell-2 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.cell-2.align-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-2.left {
  align-items: flex-start;
}

.image-19 {
  margin-bottom: 60px;
}

.image-19.no-pd {
  margin-bottom: 0;
}

.cell-3 {
  justify-content: flex-end;
  align-items: flex-end;
}

.cell-3.align-top {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-3.stretch {
  justify-content: space-between;
  align-items: flex-end;
}

.image-21 {
  width: 350px;
}

.image-21.rotate {
  transform: translate(0, -97px)rotate(90deg);
}

.project-description {
  grid-column-gap: 79px;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.project-description._2col {
  grid-column-gap: 100px;
  padding-left: 0%;
  padding-right: 0%;
}

.project-list {
  width: 100%;
}

.project-list-description {
  color: var(--black);
  margin-top: 20px;
  font-size: 18px;
}

.project-list-description.no-pd {
  margin-top: 0;
}

.list-item {
  border-bottom: 1px solid #0003;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}

.project-list-div {
  width: 100%;
  margin-top: 50px;
}

.image-22, .image-23 {
  z-index: 2;
  border-radius: 20px;
  margin-bottom: 5px;
  position: relative;
}

.col-1 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 50px;
}

.col-2.pd {
  padding-top: 0;
  padding-bottom: 0;
}

.full-image {
  background-image: url('../images/pexels-максим-11896927.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
}

.project-horizontal-section {
  z-index: 30;
  background-color: #0000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 200px;
  position: relative;
}

.project-horizontal-sticky {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.project-horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.testimonial-project {
  flex-flow: column;
  align-self: auto;
  width: 75vw;
  margin-top: 100px;
  margin-bottom: 200px;
  display: flex;
}

.testimonial-project-text {
  background-color: #f7f7fc00;
  border-radius: 18px;
  flex-flow: column;
  align-self: center;
  align-items: flex-start;
  width: 60%;
  padding: 0;
  display: flex;
}

.testimonial-project-title {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 60%;
  margin-top: 50px;
  margin-right: 0;
  display: block;
}

.brix---color-neutral-700-copy {
  color: #4a4566;
}

.text-testimonial {
  color: #000;
  text-align: left;
  margin-bottom: 0;
  font-size: .9em;
  line-height: 1.5em;
}

.text-testimonial.xl {
  font-size: 1.1em;
}

.text-title {
  color: #000;
  text-align: left;
  letter-spacing: .5px;
  -webkit-text-stroke-color: #b1c0ad;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 21px;
}

.text-name {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
}

.quote-image-black {
  filter: contrast(200%) grayscale();
}

.project-horizontal-item {
  flex: none;
  width: 600px;
  height: 600px;
  padding-right: 20px;
}

.project-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  cursor: e-resize;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.project-block:hover {
  color: #6445e5;
}

.container-6 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
}

.container-6.is--sticky {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  min-height: 100vh;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.stack_content-grid-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.track_content-wrapper {
  background-image: url('../images/jakob-owens-DQPP9rVLYGQ-unsplash-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.track_content-wrapper.div {
  background-image: url('../images/Screenshot-2024-07-02-160227.png');
  box-shadow: 3px 3px 15px #0003;
}

.track_content-wrapper.div.poke {
  background-image: url('../images/Screenshot-2024-07-02-160201.png');
  background-size: cover;
  box-shadow: 3px 3px 15px #0003;
}

.track_content-wrapper.div.poke._2 {
  background-image: url('../images/Screenshot-2024-07-02-160227.png');
}

.track_content-wrapper.div.poke._3 {
  background-image: url('../images/Screenshot-2024-07-02-160415.png');
}

.track_content-wrapper.div.poke._4 {
  background-image: url('../images/Screenshot-2024-07-02-161801.png');
}

.track_content-wrapper.div.poke._5 {
  background-image: url('../images/Screenshot-2024-07-02-160454.png');
}

.track_content-wrapper.div._270 {
  background-image: url('../images/Branding-Presentation---intro.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.track_content-wrapper.div._270._2 {
  background-image: url('../images/Branding-Presentation---002.jpg');
}

.track_content-wrapper.div._270._3 {
  background-image: url('../images/Branding-Presentation---003.jpg');
}

.track_content-wrapper.div._270._4 {
  background-image: url('../images/Branding-Presentation---004.jpg');
}

.track_content-wrapper.div._270._5 {
  background-image: url('../images/Branding-Presentation---005.jpg');
}

.track_content-wrapper.div._270.web {
  background-image: url('../images/Screenshot-2024-07-03-193328.png');
}

.track_content-wrapper.div._270.web._3 {
  background-image: url('../images/Screenshot-2024-07-03-193405.png');
}

.track_content-wrapper.div._270.web._4 {
  background-image: url('../images/Screenshot-2024-07-08-095853.png');
}

.track_content-wrapper.div._270.web._5 {
  background-image: url('../images/Screenshot-2024-07-03-193704.png');
}

.track_content-wrapper.div.moncha {
  background-image: url('../images/monchabevco-home.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.track_content-wrapper.div.moncha._2 {
  background-image: url('../images/monchabevco-home-green-tea.jpg');
  width: auto;
}

.track_content-wrapper.div.moncha._3 {
  background-image: url('../images/monchabevco-products-shot.jpg');
}

.track_content-wrapper.div.moncha._4 {
  background-image: url('../images/monchabevco-product-oolong-tea.jpg');
}

.track_content-wrapper.div.moncha._5 {
  background-image: url('../images/monchabevco-product-labels.jpg');
}

.track_content-wrapper.div.isp {
  background-image: url('../images/ISP-Branding-Presentation-7.jpg');
}

.track_content-wrapper.div.isp._2 {
  background-image: url('../images/ISP-Branding-Presentation-2.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp2 {
  background-image: url('../images/ISP-Branding-Presentation-2_1.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp3 {
  background-image: url('../images/ISP-Branding-Presentation-3.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp4 {
  background-image: url('../images/ISP-Branding-Presentation-4.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp5 {
  background-image: url('../images/ISP-Branding-Presentation-5.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp6 {
  background-image: url('../images/ISP-Branding-Presentation-6.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp7 {
  background-image: url('../images/ISP-Branding-Presentation-7.jpg');
  width: auto;
}

.track_content-wrapper.div.isp.isp-web {
  background-image: url('../images/isp-website-mockup-services.jpg');
  background-size: contain;
}

.track_content-wrapper.div.isp.isp-web._2 {
  background-image: url('../images/isp-website-mockup-works.jpg');
}

.track_content-wrapper.div.isp.isp-web._3 {
  background-image: url('../images/isp-website-mockup-works-2.jpg');
}

.track_content-wrapper.div.isp.isp-web._4 {
  background-image: url('../images/isp-website-mockup-solutions.jpg');
}

.track_content-wrapper.div.isp.isp-web._5 {
  background-image: url('../images/isp-website-mockup-contact.jpg');
}

.track_content-wrapper.div.isp {
  background-image: url('../images/ISP-Branding-Presentation.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.track_content-wrapper.div.isp._2 {
  background-image: url('../images/Branding-Presentation---002.jpg');
}

.track_content-wrapper.div.isp._3 {
  background-image: url('../images/Branding-Presentation---003.jpg');
}

.track_content-wrapper.div.isp._4 {
  background-image: url('../images/Branding-Presentation---004.jpg');
}

.track_content-wrapper.div.isp._5 {
  background-image: url('../images/Branding-Presentation---005.jpg');
}

.track_content-wrapper.div.isp.web {
  background-image: url('../images/Screenshot-2024-07-03-193328.png');
}

.track_content-wrapper.div.isp.web._2 {
  background-image: url('../images/Screenshot-2024-07-03-193553.png');
}

.track_content-wrapper.div.isp.web._3 {
  background-image: url('../images/Screenshot-2024-07-03-193405.png');
}

.track_content-wrapper.div.isp.web._4 {
  background-image: url('../images/Screenshot-2024-07-08-095853.png');
}

.track_content-wrapper.div.isp.web._5 {
  background-image: url('../images/Screenshot-2024-07-03-193704.png');
}

.track_content-wrapper.div.rolli {
  background-image: url('../images/Brand-Guidelines2.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.track_content-wrapper.div.rolli._2 {
  background-image: url('../images/Branding-Presentation---002.jpg');
}

.track_content-wrapper.div.rolli._3 {
  background-image: url('../images/Branding-Presentation---003.jpg');
}

.track_content-wrapper.div.rolli._4 {
  background-image: url('../images/Branding-Presentation---004.jpg');
}

.track_content-wrapper.div.rolli._5 {
  background-image: url('../images/Branding-Presentation---005.jpg');
}

.track_content-wrapper.div.rolli.web {
  background-image: url('../images/Screenshot-2024-07-03-193328.png');
}

.track_content-wrapper.div.rolli.web._3 {
  background-image: url('../images/Screenshot-2024-07-03-193405.png');
}

.track_content-wrapper.div.rolli.web._4 {
  background-image: url('../images/Screenshot-2024-07-08-095853.png');
}

.track_content-wrapper.div.rolli.web._5 {
  background-image: url('../images/Screenshot-2024-07-03-193704.png');
}

.track_content-wrapper.div.rolli.rolli-2 {
  background-image: url('../images/Brand-Guidelines3_1Brand Guidelines3.png');
}

.track_content-wrapper.div.rolli.rolli-3 {
  background-image: url('../images/Brand-Guidelines4.jpg');
  width: auto;
}

.track_content-wrapper.div.rolli.rolli-4, .track_content-wrapper.div.rolli.rolli-5 {
  background-image: url('../images/Brand-Guidelines6.jpg');
}

.track_content-wrapper.div.rolli.rolli-4 {
  background-image: url('../images/Brand-Guidelines5_1Brand Guidelines5.png');
}

.track_content-wrapper.div.rolli.rolli-6 {
  background-image: url('../images/Brand-Guidelines9.jpg');
}

.track_content-wrapper.div.rolli.rolli-7 {
  background-image: url('../images/Brand-Guidelines10.jpg');
}

.track_content-wrapper.div.rolli.rolli-8 {
  background-image: url('../images/Brand-Guidelines15.jpg');
}

.track_content-wrapper.div.rolli.rolli-9 {
  background-image: url('../images/Brand-Guidelines17.jpg');
}

.track_content-wrapper.div.rolli.rolli-7-copy {
  background-image: url('../images/Brand-Guidelines10.jpg');
}

.track_content-wrapper.div.rolli.website-01 {
  background-image: none;
  background-size: auto;
  justify-content: center;
  padding: 0;
}

.track_content-wrapper.div.rolli.website-02 {
  background-image: url('../images/rolli-website-home-2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding: 0;
}

.track_content-wrapper.div.rolli.website-02.hidden {
  display: none;
}

.track_content-wrapper.div.rolli.website-03 {
  background-image: url('../images/rolli-catering.png');
  background-position: 50%;
  background-size: cover;
}

.track_content-wrapper.div.rolli.website-04, .track_content-wrapper.div.rolli.website-05 {
  background-image: url('../images/rolli-catering.png');
  background-position: 50%;
  background-size: contain;
}

.track_content-wrapper.div.rolli.website1 {
  background-image: url('../images/rolli-catering.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website2 {
  background-image: url('../images/rolli-menu.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website3 {
  background-image: url('../images/rolli-catering-2.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website4 {
  background-image: url('../images/rolli-carroussel.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website5 {
  background-image: url('../images/rolli-home.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website6 {
  background-image: url('../images/rolli-taste.jpg');
  background-size: cover;
}

.track_content-wrapper.div.rolli.website7 {
  background-image: url('../images/rolli-about.jpg');
  background-size: cover;
}

.container-large {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.track_content-section {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.track_work-section {
  height: 400vw;
}

.track_work-section.xl {
  height: 600vw;
}

.track_content-grid {
  align-self: flex-end;
}

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.heading-style-h4.text-color-white {
  color: #ffffffc2;
  margin-top: 0;
  margin-bottom: 0;
}

.track_text {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #fdfdfd;
  text-align: center;
  background-color: #3a373775;
  border: 1px solid #4e4e4e;
  border-radius: 20px;
  padding: 15px;
}

.text_frame-wrapper {
  object-fit: cover;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  display: flex;
}

.text_frame-wrapper._1 {
  width: 80%;
  height: 70%;
  margin-right: 0;
  padding: 2rem;
}

.text_frame-wrapper._1.video {
  width: 60vw;
  height: 56vh;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.text_frame-wrapper._1.video2 {
  background-image: url('../images/rolli-catering.png');
  background-position: 50%;
  background-size: cover;
  width: 60vw;
  height: 56vh;
  margin-left: 2em;
  margin-right: 2em;
}

.text_frame-wrapper._1.video-copy {
  width: 60vw;
  height: 54vh;
  margin-right: 2em;
  padding: 0;
}

.text_frame-wrapper._1.video3 {
  background-image: url('../images/rolli-website-menu.jpg');
  background-position: 50%;
  background-size: cover;
  width: 60vw;
  height: 54vh;
  margin-left: 2em;
  margin-right: 2em;
}

.text_frame-wrapper._1.video4 {
  background-image: url('../images/rolli-website-home-2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 60vw;
  height: 54vh;
  margin-left: 2em;
  margin-right: 2em;
}

.text_frame-wrapper._1.rolli-web {
  width: 58vw;
  height: 50vh;
}

.track_content {
  justify-content: space-between;
  display: flex;
}

.padding-global {
  padding-left: 0;
  padding-right: 0;
}

.track_frame {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.text_content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  display: flex;
}

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

.marquee-project-wrapper {
  color: #dfdfdf;
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.marquee-project-container {
  grid-column-gap: 4.5vw;
  grid-row-gap: 4.5vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 1.5vw;
  display: flex;
}

.marquee-content-container-project {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  flex-wrap: nowrap;
  align-items: center;
  margin-right: 3vw;
  display: flex;
}

.image-animation {
  z-index: 5;
  background-image: url('../images/pexels-alleksana-4051642.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 650px;
  height: 450px;
  display: none;
  position: absolute;
}

.next-project-link-block {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-top: 100px;
  margin-bottom: 100px;
  text-decoration: none;
}

.project-3-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-left: 0;
  padding-right: 0;
}

.project-3-col.pd-top {
  margin-top: 30px;
}

.project-3-col.project {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
}

.col-3 {
  padding-top: 50px;
}

.image-24 {
  z-index: 2;
  border-radius: 20px;
  margin-bottom: 5px;
  position: relative;
}

.image-25, .image-26 {
  border-radius: 20px;
  margin-bottom: 60px;
}

.work-text-project {
  z-index: 20;
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.work-text-project.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.project-block-list {
  flex-flow: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 45px;
  text-decoration: none;
  display: flex;
}

.project-img {
  z-index: 2;
  background-image: url('../images/Image-1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 400px;
  transition: transform .28s;
  display: flex;
  position: relative;
}

.project-img:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-1.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.project-img._2 {
  background-image: url('../images/Image-2.jpg');
  background-position: 50%;
}

.project-img._2:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._3 {
  background-image: url('../images/Image-3.jpg');
  background-position: 50%;
}

.project-img._3:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._4 {
  background-image: url('../images/Image-14.jpg');
  background-position: 50%;
}

.project-img._4:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._5 {
  background-image: url('../images/Image-5.jpg');
}

.project-img._5:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._1:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-1.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.project-img._6 {
  background-image: url('../images/Image-4.jpg');
}

.project-img._6:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-4.jpg'), linear-gradient(to bottom, transparent, transparent);
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
}

.project-img._7 {
  background-image: url('../images/Image-11.jpg');
}

.project-img._7:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-11.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._8 {
  background-image: url('../images/Image-6.jpg');
}

.project-img._8:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-6.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._9 {
  background-image: url('../images/Image-9.jpg');
}

.project-img._9:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._10 {
  background-image: url('../images/Image-7.jpg');
}

.project-img._10:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._11 {
  background-image: url('../images/Image-10.jpg');
}

.project-img._11:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-img._12 {
  background-image: url('../images/Image-13.jpg');
}

.project-img._12:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.project-list-home {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  order: 0;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.home-projects-img {
  z-index: 2;
  background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-1_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 500px;
  max-width: 100%;
  height: 800px;
  transition: transform .28s;
  display: flex;
  position: relative;
}

.home-projects-img:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-1.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.home-projects-img._2 {
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
  background-position: 50%;
}

.home-projects-img._2:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._3 {
  background-image: url('../images/ISP-Brand--Web-Identity-by-JoooStudio.jpg');
  background-position: 50%;
}

.home-projects-img._3:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._4 {
  background-image: url('../images/270-menuiserie-digital-brochure.jpg');
  background-position: 50%;
}

.home-projects-img._4:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._5 {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white);
}

.home-projects-img._5:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._1:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-1.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.home-projects-img._6 {
  background-image: url('../images/Image-4.jpg');
}

.home-projects-img._6:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-4.jpg'), linear-gradient(to bottom, transparent, transparent);
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
}

.home-projects-img._7 {
  background-image: url('../images/Image-11.jpg');
}

.home-projects-img._7:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-11.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._8 {
  background-image: url('../images/Image-6.jpg');
}

.home-projects-img._8:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-6.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._9 {
  background-image: url('../images/Image-9.jpg');
}

.home-projects-img._9:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._10 {
  background-image: url('../images/Image-7.jpg');
}

.home-projects-img._10:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._11 {
  background-image: url('../images/Image-10.jpg');
}

.home-projects-img._11:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.home-projects-img._12 {
  background-image: url('../images/Image-13.jpg');
}

.home-projects-img._12:hover {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--pink-red), white), url('../images/Image-5.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
}

.div-video {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-video.center {
  border: 1px solid #0000001f;
  justify-content: center;
}

.cell-4 {
  align-items: flex-end;
}

.image-30 {
  margin-bottom: 60px;
}

.image-30.no-pd {
  margin-bottom: 0;
}

.image-30.no-pd.sm {
  width: 350px;
}

.pd-bottom {
  margin-bottom: 100px;
}

.div-block-83 {
  margin-bottom: 15px;
}

._270-img-2 {
  margin-bottom: 60px;
}

._270-img-2.no-pd {
  margin-bottom: 0;
}

._270-img-1 {
  width: 400px;
}

.project-1-col {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  padding-left: 0;
  padding-right: 0;
}

.project-1-col.pd-top {
  margin-top: 30px;
}

.pd {
  margin-left: 100px;
}

.cell-5 {
  justify-content: flex-end;
}

.background-video {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 350px;
  height: 450px;
  display: flex;
}

.moncha._2, .moncha-2 {
  width: 400px;
}

.div-block-84 {
  width: 350px;
  height: 450px;
  margin-top: 100px;
}

.div-block-85 {
  width: 350px;
  margin-top: 100px;
}

.isp-1 {
  width: 400px;
}

.isp-img-2 {
  margin-bottom: 60px;
}

.isp-img-2.no-pd {
  margin-bottom: 0;
}

.image-18-copy {
  width: 400px;
}

.rolli-img-1 {
  width: 180px;
}

.rolli-img2.rotate {
  transform: translate(0, -97px)rotate(90deg);
}

.rolli-3 {
  width: 400px;
}

.rolli-4, .rolli-7 {
  width: 150px;
}

.rolli-7.rotate {
  transform: translate(0, -97px)rotate(90deg);
}

.link-5 {
  position: static;
}

.video-project {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 35vh;
}

.project-full {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-bottom: 10px;
  padding: 0;
}

.project-full.pd-top {
  margin-top: 30px;
}

.project-full.pd-top.pd-bottom {
  margin-bottom: 150px;
}

.project-full.pd-top.last-project {
  grid-column-gap: 0px;
}

.project-full._70vh {
  height: 70vh;
}

.project-full.sm {
  height: 30vh;
}

.project-full.video {
  height: auto;
}

.project-full.rolli-hide {
  height: 60vh;
}

.moncha-lg-01 {
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-87 {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.moncha-lg-02 {
  background-image: url('../images/moncha-bev-co-pure-water-can-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.column-14 {
  justify-content: center;
  padding-left: 10px;
  display: flex;
}

.project-duo-image {
  flex-flow: column;
  display: flex;
}

.columns-5 {
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.img-project {
  width: 100%;
  margin-bottom: 0;
}

.img-project.no-pd {
  margin-bottom: 0;
}

.project-3-cols {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
  padding: 0;
}

.project-3-cols.pd-top {
  margin-top: 30px;
}

.project-3-cols.pd-top.pd-bottom {
  margin-bottom: 150px;
}

.project-3-cols.pd-top.last-project {
  grid-column-gap: 0px;
}

.project-3-cols.pd-sm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  height: 35vh;
  margin-bottom: 10px;
}

.project-3-cols.pd-sm.vertical.large, .project-3-cols.height {
  height: auto;
}

.div-img {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.div-img.rolli-01 {
  background-image: url('../images/04-Box-Front-Inside.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 500px;
}

.div-img.rolli-02 {
  background-image: url('../images/rolli-stacked-3-boxes.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 500px;
}

.cell-1 {
  align-items: stretch;
}

.cell-1.left {
  align-items: flex-start;
}

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

.div-text-legende {
  margin-bottom: 30px;
}

.moncha-lg-03 {
  background-image: url('../images/monchabevco-XL-bubble-tea.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.moncha-lg-04 {
  background-image: url('../images/monchabevco-man-holding-dl-flyers.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.moncha-sm-01 {
  background-image: url('../images/monchabevco-boba-tea-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.moncha-sm-02 {
  background-image: url('../images/monchabevco-medium-bubble-tea-2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slide1 {
  z-index: 1;
  object-fit: contain;
  justify-content: center;
  max-width: 100%;
  max-height: 90vh;
  display: inline-flex;
  position: relative;
  transform: none;
}

.slide1.stroke {
  object-fit: contain;
  border: 1px solid #0000001a;
}

.slide1.border {
  border-radius: 1em;
}

.splide__arrows {
  z-index: 3;
  grid-column-gap: 55%;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 0% 10%;
}

.splide__track {
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.splide {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.splide.slider1, .splide.slider2, .splide.slider1-copy {
  z-index: 1;
  background-image: linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: center;
}

.image-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.splide__list {
  align-items: stretch;
  height: 100%;
  display: flex;
}

.splide__slide {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-right: 100px;
  display: flex;
}

.text {
  font-size: 9vw;
  line-height: 1;
}

.text.yellow {
  color: #d91538;
  mix-blend-mode: normal;
  font-size: 60px;
}

.heading-div {
  z-index: 2;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-embed-2 {
  filter: drop-shadow(0 2px 5px #ffffff80) invert();
  color: var(--black);
  background-image: linear-gradient(#f0f0f0, #f0f0f0);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-family: Cormorant, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  display: flex;
  box-shadow: 0 2px 5px 2px #00000080;
}

.slide-image-2 {
  z-index: 1;
  object-fit: contain;
  width: 50%;
  height: 100%;
  transform: rotate(-2deg);
}

.container-7 {
  max-width: 1400px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}

.section-5 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.splide__track-2 {
  width: 55%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.all-hero-content-div {
  width: 100%;
  height: 100%;
}

.splide__slide-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.code-embed-3 {
  border: 1px solid var(--white);
  filter: drop-shadow(0 2px 5px #ffffff80) invert();
  color: var(--black);
  background-image: linear-gradient(#f0f0f0, #f0f0f0);
  border-radius: 200px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-family: Cormorant, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 26px;
  display: flex;
  box-shadow: 0 2px 5px 2px #00000080;
}

.services-list {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-top: 1px #889ea833;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hover-line-fill-1 {
  background-color: #dfdfdf;
  width: 100%;
  height: 100%;
}

.service-item-top {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.subtitle-7 {
  color: #626d86;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-self: center;
  font-size: 11px;
  text-decoration: none;
}

.service-bottom-content {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 24px;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  display: grid;
}

.service-list-item {
  cursor: pointer;
  border-bottom: 1px #889ea833;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 80px 0;
  display: flex;
  position: relative;
}

.plus-lottie {
  justify-content: center;
  align-items: center;
  width: 30px;
  padding: 6px;
  display: flex;
}

.hover-line {
  height: 2px;
  display: block;
  position: absolute;
  inset: auto 0% -1px;
  overflow: hidden;
}

.service-overview {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.service-item-bottom {
  overflow: hidden;
}

.small-width {
  max-width: 300px;
}

.body-display {
  color: #626d86;
  font-size: 17px;
  line-height: 1.6em;
}

.body-display.small {
  text-align: center;
  font-size: 14px;
  line-height: 1.45em;
}

.heading-19 {
  color: #1b1a1a;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 41px;
}

.hover-line-fill-2, .hover-line-fill-3, .hover-line-fill-4 {
  background-color: #dfdfdf;
  width: 100%;
  height: 100%;
}

.slider-section {
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-section.no-pd {
  margin-top: 0;
  margin-bottom: 200px;
  padding-top: 50px;
}

.slider-section.no-pd.bt.hidden {
  display: none;
}

.slider-section.no-pd.no-pd-bt {
  margin-bottom: 0;
}

.slider-section.pd-lg {
  margin-top: 200px;
}

.slider-section.pd-lg.hidden {
  display: none;
}

.slider-section.work {
  margin-top: 200px;
  margin-bottom: 200px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.slider-section.work.no-pd-bt {
  margin-bottom: 0;
}

.slider-section.work.hidden, .slider-section.hidden {
  display: none;
}

.slider-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slider-div {
  background-image: linear-gradient(#fff, #fff);
  width: 100%;
  height: 100%;
}

.nav-button-3 {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 100px;
  padding: 12px 32px;
  font-size: 9px;
  text-decoration: none;
  overflow: hidden;
}

.nav-button-3:hover {
  color: #fff;
}

.nav-button-3.top-padding {
  z-index: 5;
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  transition-property: none;
  display: none;
  position: absolute;
  inset: auto 30% 0%;
  transform: rotate(-2deg);
}

.button-text-5 {
  font-size: 10px;
}

.button-text-5:hover {
  color: var(--white);
}

.nav-button {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 100px;
  margin-top: 30px;
  padding: 12px 15%;
  font-size: 9px;
  text-decoration: none;
  overflow: hidden;
  transform: rotate(-2deg);
}

.button-text {
  font-size: 10px;
}

.button-text:hover {
  opacity: 1;
  color: #fff;
}

.button-2 {
  z-index: 8;
  color: #000;
  white-space: nowrap;
  filter: url('../images/');
  border-style: none;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  transition-property: all;
  transition-duration: .9s;
  transition-timing-function: cubic-bezier(.135, .9, .15, 1);
  display: flex;
  position: relative;
}

.svg-filter_embed {
  display: none;
}

.button-2_content-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  background-color: var(--black);
  border-radius: 3rem;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .8rem .25rem 1.75rem;
  display: flex;
}

.button-2_arrow-wrapper {
  color: #fff;
  background-color: #000212;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.button_arrow-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.button-div {
  z-index: 5;
  justify-content: flex-end;
  margin-top: 0;
  margin-right: 10%;
  display: none;
  position: relative;
  transform: rotate(-2deg);
}

.text-block-17 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 600;
}

.button-default {
  z-index: 1;
  color: #000;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
  place-content: center;
  padding: .75rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-default.is-glide-and-slide {
  border-radius: .1875rem;
  overflow: clip;
}

.button-default__container {
  z-index: 1;
  padding-top: .75rem;
  padding-bottom: .75rem;
  position: relative;
  overflow: clip;
}

.button-default__text {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.button-default__background {
  z-index: -1;
  background-color: #ffe32e;
  border-radius: 1.1875rem;
  place-self: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
}

.button-default__background.is-glide-and-slide {
  background-color: var(--purple-2);
  border-radius: .25rem;
}

.rolli-large-01 {
  background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-large.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.project-2-cols {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
  padding: 0;
}

.project-2-cols.pd-top {
  margin-top: 30px;
}

.project-2-cols.pd-top.pd-bottom {
  margin-bottom: 150px;
}

.project-2-cols.pd-top.last-project {
  grid-column-gap: 0px;
}

.project-2-cols.pd-sm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 10px;
}

.rolli-large-02 {
  background-image: url('../images/rolli-restaurant-deisgn.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.rolli-sm-01 {
  background-image: url('../images/Kraft-Paper-Front-Angled.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.rolli-sm-02 {
  background-image: url('../images/rolli-small-takeaway-bag.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.no-pd {
  padding: 0 0 30px;
}

._270-lg-img-01 {
  background-image: url('../images/270-menuiserie-business-card-front-large.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-01 {
  background-image: url('../images/270-Menuiserie-Brand--Web-Identity-by-JoooStudio.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-02 {
  background-image: url('../images/270-menuiserie-digital-brochure.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.moncha-lg-03-copy {
  background-image: url('../images/monchabevco-XL-bubble-tea.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-lg-img-02 {
  background-image: url('../images/270-menuiserie-envelop.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-03 {
  background-image: url('../images/Signage-Wall-05.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-04 {
  background-image: url('../images/270-menuiserie-business-card-closeup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-lg-img-03 {
  background-image: url('../images/270-menuiserie-windows-banner-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-05 {
  background-image: url('../images/270-menuiserie-business-card-back-large.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-lg-img-04 {
  background-image: url('../images/270-menuiserie-book.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slide-2, .slide-3, .slide-4, .slide-5 {
  z-index: 1;
  object-fit: contain;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  transform: rotate(-2deg);
}

.image-holder-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.splide-list {
  background-image: linear-gradient(#ffffff80, #ffffff80);
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-6 {
  object-fit: contain;
  background-image: url('../images/Branding-Presentation---intro-02.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.mask-2 {
  width: 100%;
  height: 100%;
}

._270-lg-img-05 {
  background-image: url('../images/270-Menuiserie-correspondance-card.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-01 {
  background-image: url('../images/isp-website-presentation-home-page.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-sm-02 {
  background-image: url('../images/ISP-PWP-Presentation-4-pages.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.isp-sm-01 {
  background-image: url('../images/isp-projet-domaine-des-helianthemes.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.isp-large-02 {
  background-image: url('../images/ISP-PWP-Presentation-4-pages.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.poke-large-01 {
  background-image: url('../images/poke-guru-menu-a5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.article---image-inner {
  perspective: 600px;
  position: relative;
}

.article---mask {
  transform-style: preserve-3d;
  background-color: #000;
  border-radius: 50%;
  width: 150vh;
  height: 300vh;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 1px);
}

.article---mask.x-right {
  width: 70vh;
  height: 130vh;
  left: 92%;
}

.article---mask.x-right.white {
  background-color: var(--white);
  width: 90vh;
  left: 88%;
}

.article---mask.x-left {
  width: 70vh;
  height: 130vh;
  right: 90%;
}

.article---mask.x-left.white {
  background-color: #fff;
}

.article---mask.x-right {
  background-color: #fff;
  width: 150vh;
  height: 300vh;
  left: 90%;
}

.article---mask.x-left {
  background-color: #fff;
  width: 150vh;
  height: 300vh;
  right: 90%;
}

.article {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.scroll {
  z-index: 2;
  width: 100vw;
  height: 100vh;
  margin-top: 150px;
  position: relative;
  inset: 0%;
  transform: rotate(-10deg);
}

.scroll.next {
  width: 100vw;
  position: relative;
}

.scroll---inner {
  position: absolute;
  inset: 0%;
}

.article---image {
  object-fit: contain;
  width: 80vw;
  max-width: none;
  height: auto;
  max-height: 80vh;
  display: block;
}

.article---mask-wrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.page-2 {
  z-index: 5;
  position: relative;
}

.heading-20 {
  font-size: 8rem;
  line-height: 1em;
}

.heading---char {
  transform-style: preserve-3d;
  font-family: DM Sans, sans-serif;
  font-size: 5.7rem;
  transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
  display: inline-block;
  transform: translate3d(0, 0, 1px);
}

.heading---char.italic {
  font-family: Cormorant, sans-serif;
  font-size: .8em;
  font-style: italic;
}

.heading---char.italic.title-work-pd, .heading---char.title-work-pd {
  margin-right: 20px;
}

.heading---char.work-title-italic {
  font-family: Cormorant, sans-serif;
  font-size: 6rem;
  font-style: italic;
  line-height: .7em;
}

.heading---char.work-title-italic.title-work-pd {
  margin-right: 20px;
}

.div-block-88 {
  z-index: 20;
  background-color: var(--black);
  position: relative;
  inset: 0 0%;
}

.project-section {
  width: 90vw;
  height: 100vh;
  margin-bottom: 3em;
}

.project-section.col {
  flex-flow: column;
  justify-content: center;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.project-section.col._2 {
  height: auto;
  margin-top: 0;
}

.project-section.col.top {
  align-items: stretch;
  height: 100%;
  margin-top: 0;
  position: relative;
}

.project-link-1 {
  text-transform: none;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.project-img-1 {
  text-transform: none;
  background-image: url('../images/jooostudio-packaging-chopsticks-rolli-large.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: flex-end;
  height: 80vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.project-img-1:hover {
  background-image: url('../images/jooostudio-packaging-takeaway-box-small-rolli-over.jpg');
  background-position: 0 100%;
}

.title-project {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: uppercase;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: .7em;
  text-decoration: none;
  display: block;
  position: relative;
}

.title-project.black {
  color: var(--black);
  font-size: 50px;
  line-height: 56px;
}

.columns-6 {
  flex: 1;
  margin-top: 2em;
}

.column-15 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.project-categorie {
  z-index: 3;
  color: var(--purple);
  text-align: left;
  text-transform: uppercase;
  align-self: auto;
  margin: 0;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 56px;
  position: relative;
}

.project-categorie.sm {
  z-index: 0;
  letter-spacing: -1.5px;
  margin-top: 0;
  font-family: Cormorant, sans-serif;
  font-size: 1.3em;
  font-style: italic;
  font-weight: 500;
  line-height: 1em;
}

.project-categorie.large {
  z-index: 15;
  background-color: var(--black);
  color: var(--white);
  letter-spacing: -1.5px;
  border-radius: 2px;
  margin-top: -15px;
  padding: 5px 10px;
  font-family: Cormorant, sans-serif;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 500;
  line-height: 1em;
  display: none;
}

.project-2 {
  text-transform: none;
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 5em;
  padding-left: 5em;
  padding-right: 5em;
  text-decoration: none;
  display: flex;
}

.project-3 {
  text-transform: none;
  background-image: url('../images/filip-mroz-531492-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 5em;
  padding-left: 5em;
  padding-right: 5em;
  text-decoration: none;
  display: flex;
}

.project-4 {
  text-transform: none;
  background-image: url('../images/270-menuiserie-book.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 5em;
  padding-left: 5em;
  padding-right: 5em;
  text-decoration: none;
  display: flex;
}

.project-img-2 {
  text-transform: none;
  background-image: url('../images/jooostudio-branding-lucky-cat-catering-takeaway-bag.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 35vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.project-img-2:hover {
  background-image: url('../images/jooostudio-branding-lucky-cat-catering-trailer.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.project-link-2 {
  text-transform: none;
  flex-flow: column;
  align-self: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.project-col {
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  height: auto;
  margin-top: 200px;
  display: block;
}

.project-col.last {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-self: stretch;
  align-items: stretch;
  margin-top: -54px;
  display: flex;
}

.project-col._1 {
  height: 50vh;
}

.project-col._2 {
  margin-top: 0;
}

.project-col._4 {
  height: auto;
}

.col-moncha {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -100px;
  display: flex;
}

.col-moncha.pd-top {
  margin-top: -180px;
  padding-left: 100px;
}

.col-moncha.no-pd-top {
  grid-column-gap: 16px;
  grid-row-gap: 131px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  margin-top: 185px;
  padding-left: 0;
  display: grid;
}

.title-div {
  align-self: flex-start;
  margin-top: 2em;
}

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

.project-img-3 {
  text-transform: none;
  background-image: url('../images/jooostudio-branding-isp-large.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 50vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.project-img-3:hover {
  background-image: url('../images/jooostudio-branding-isp-sm.jpg');
  background-position: 0 100%;
}

.project-link-3 {
  text-transform: none;
  width: 80%;
  height: 100%;
  text-decoration: none;
}

.col-270 {
  margin-top: -100px;
  padding-right: 0;
  display: flex;
}

.project-link-4 {
  text-transform: none;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
}

.project-link-5 {
  text-transform: none;
  flex-flow: column;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.project-img-4 {
  text-transform: none;
  background-image: url('../images/jooostudio-branding-270-menuiserie-business-card-large.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: flex-start;
  height: 70vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.project-img-4:hover {
  background-image: url('../images/jooostudio-branding-270-menuiserie-window-sm.jpg');
  background-position: 0 100%;
}

.project-img-5 {
  text-align: right;
  text-transform: none;
  background-image: url('../images/jooostudio-branding-moncha-bev-co-tea.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: auto;
  height: 29vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.project-img-5:hover {
  background-image: url('../images/monchabevco-medium-bubble-tea-2.jpg');
}

.project-link6 {
  text-transform: none;
  align-self: flex-start;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.project-img-6 {
  text-transform: none;
  background-image: url('../images/jooostudio-branding-poke-guru-bowl.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: 45vh;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.project-img-6:hover {
  background-image: url('../images/poke-guru-flyer-a5-city-market.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.col-rolli {
  padding-right: 0;
}

.section-6 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.section-6.hero {
  height: 100vh;
  max-height: none;
}

.wrapper-2 {
  width: 100%;
  max-width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  display: flex;
  position: relative;
}

.heading-21 {
  z-index: 999;
  color: #30276ec7;
  text-align: center;
  text-transform: uppercase;
  font-size: 20vw;
  line-height: 1em;
  position: relative;
}

.content__img {
  z-index: 1;
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.frame-2 {
  z-index: 200;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.demo-links {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.frame__prev:hover {
  color: #969696;
}

.image-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.meta__title {
  font-size: clamp(2rem, 5vw, 5rem);
  line-height: 1.2;
}

.demos__link {
  color: #969696;
}

.demos__link:hover, .demos__link.w--current {
  color: #fff;
}

.demos__variations:hover {
  color: #969696;
}

.content__img-2 {
  background-color: #0d0d0d00;
}

.demos {
  z-index: 200;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  background-color: #ffffff0d;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 13px 13px 4.6rem;
  display: flex;
  position: relative;
}

.demo {
  aspect-ratio: 1;
  color: #969696;
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  padding: 5px;
  display: flex;
}

.demo:hover, .demo.w--current {
  color: #fff;
}

.content-bg {
  z-index: -1;
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  pointer-events: none;
  color: #303030;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.trail-effect {
  background-color: #ffffff0d;
  position: relative;
}

.frame__title:hover {
  color: #969696;
}

.content__title {
  pointer-events: none;
  white-space: nowrap;
  font-size: 13vw;
  line-height: 1.2;
}

.main-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: .7fr;
  min-height: 100vh;
  padding: 1.25rem;
  display: grid;
}

.image-wrap {
  position: absolute;
  top: 25px;
  left: 25px;
}

.section-100 {
  height: 100vh;
}

.body-2 {
  min-height: 100vh;
}

.trail-component {
  width: 100vw;
  height: 100vh;
  display: none;
}

.app {
  z-index: 20000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: relative;
}

.grid {
  z-index: 3000;
  position: relative;
}

.link6 {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2.5rem 23px;
  display: flex;
}

.h1 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .9rem;
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-size: 7rem;
  font-weight: 400;
  line-height: 5.3rem;
  display: inline-block;
}

.text-2 {
  color: #ffffff80;
  margin-top: .2rem;
  line-height: 1rem;
}

.smalll-text-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-bottom: -5%;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.smalll-text-container.mobile, .smalll-text-container.mobile.top, .smalll-text-container.mobile.top.pd-left {
  display: none;
}

.smalll-text-container.mobile.black {
  z-index: 3;
  align-self: center;
  width: 90%;
  margin-top: 2%;
  margin-left: 50px;
  margin-right: 50px;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.smalll-text-container.top {
  align-self: center;
  inset: 10% auto auto;
}

.smalll-text-container.no-mobile, .smalll-text-container.no-mobile.top {
  display: none;
}

.smalll-text-container.no-mobile.top.pd-left {
  z-index: 30;
  display: none;
  top: 2%;
}

.smalll-text-container.no-mobile.black {
  z-index: 3;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-left: 50px;
  margin-right: 50px;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.smalll-text-container.hidden {
  display: none;
}

.smalll-text-container.about {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 85vw;
  height: auto;
  margin-top: 5%;
  margin-bottom: 10%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: block;
  position: static;
}

.sm-text-white {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.sm-text-white.align-right {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}

.sm-text-white.center {
  text-align: center;
  font-size: 14px;
}

.sm-text-white.center.italic.yellow {
  color: var(--color-2);
  text-align: right;
  font-family: Cormorant, sans-serif;
  font-size: 19px;
  font-style: italic;
}

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

.sm-text-white.black.intro {
  text-align: center;
  font-weight: 500;
}

.column-19 {
  text-align: right;
  justify-content: flex-end;
  padding-right: 0;
  display: flex;
}

.columns-7 {
  align-self: stretch;
  width: 100%;
}

.columns-8 {
  cursor: default;
  width: 100%;
}

.sm-text-fluo {
  text-align: left;
  text-transform: uppercase;
  width: 10%;
  font-size: 14px;
  font-weight: 300;
}

.sm-text-fluo.align-right {
  text-align: right;
}

.column-text {
  justify-content: flex-end;
  display: flex;
}

.product_link {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: flex;
  position: relative;
}

.skills_img {
  opacity: 0;
  pointer-events: none;
  color: var(--purple-2);
  width: 25%;
  max-width: 100%;
  position: absolute;
}

.product_content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 3vw;
  display: flex;
  position: relative;
}

.product_title {
  font-size: 2rem;
  line-height: 1;
}

.heading-w {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: -70px;
  margin-bottom: 0;
  margin-right: -96px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
  bottom: 60px;
}

.heading-w.white {
  color: #fff;
}

.heading-r {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: -70px;
  margin-bottom: 0;
  margin-right: -87px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
  bottom: 60px;
}

.heading-r.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-r.white {
  color: var(--white);
}

.heading-k {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.heading-k.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-k.white {
  color: #fff;
}

.col-isp {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -100px;
  display: flex;
}

.col-isp.pd-top {
  margin-top: 0;
  padding-left: 100px;
}

.col-isp.no-pd-top {
  grid-column-gap: 16px;
  grid-row-gap: 131px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  margin-top: 185px;
  padding-left: 0;
  display: grid;
}

.col-lcc {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: -100px;
  display: flex;
}

.col-lcc.pd-top {
  margin-top: -180px;
  padding-left: 100px;
}

.col-lcc.no-pd-top {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: flex-end;
  place-items: center end;
  margin-top: 0;
  margin-bottom: -200px;
  padding-left: 100px;
  display: grid;
  position: relative;
}

.small-text-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.sm-text-black {
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;
}

.sm-text-black.align-right {
  text-align: right;
}

.sm-text-black.center {
  text-align: center;
}

.smooth-content {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.unit_she-creates {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: .8em;
  display: flex;
}

.global-footer {
  color: #86868b;
  letter-spacing: -.01em;
  background-color: #1d1d1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 1024px;
  font-size: 12px;
  line-height: 1.33337em;
  display: flex;
}

.image-collection {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-collection.module_canvas-0 {
  margin: 100px;
}

.image-collection.module_canvas-2 {
  z-index: auto;
  margin: 100px;
}

.image-collection.module-canvas-3 {
  z-index: auto;
  pointer-events: none;
  margin: 100px;
}

.image-collection.module_canvas-1 {
  margin: 100px;
}

.image-collection.module_canvas-1:hover {
  z-index: 5;
}

.unit_programs {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 400px;
  padding-bottom: 0;
  display: flex;
}

.ac-gf-directory-column-section-title {
  color: #f5f5f7;
  letter-spacing: -.01em;
  margin-top: 0;
  padding-top: 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3337em;
}

.ac-gf-directory-column-section-title.top {
  padding-top: 0;
}

.module_heading {
  max-width: 510px;
  margin-top: 17px;
}

.paragraph-4 {
  color: #86868b;
  letter-spacing: .011em;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.19048em;
}

.ac-gf-directory-column-section-link {
  color: #a1a1a6;
  text-decoration: none;
}

.ac-gf-directory-column-section-link:hover {
  text-decoration: underline;
}

.ac-gf-footer {
  padding-top: 34px;
  padding-bottom: 21px;
}

.cta-links {
  margin-top: .8em;
}

.cta-links.more-programs {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-link-blue {
  color: #2997ff;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
}

.text-link-blue:hover {
  text-decoration: underline;
}

.project_image {
  z-index: 1;
  transition: width .4s;
  position: relative;
}

.project_image:hover {
  width: 640px;
}

.project_image.more-programs {
  object-fit: cover;
  object-position: 40% 50%;
  width: 100%;
  height: 100%;
}

.image-36 {
  padding-right: 5px;
}

.bio-right {
  color: #a1a1a6;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  width: 250px;
  padding: 10px 10px 5px 15px;
  font-weight: 500;
  transform: translate(150px, 34.5px);
}

.footer-column-2 {
  flex-direction: column;
}

.ac-gf-footer-legal {
  align-items: stretch;
  margin-top: 5px;
  display: flex;
  position: relative;
}

.copy-wrapper.more-programs {
  max-width: 360px;
}

.copy-wrapper.she-creates {
  max-width: 580px;
}

.page-wrapper-2 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.ac-gf-footer-legal-link {
  cursor: pointer;
  border-bottom: 1px #ffffffeb;
  border-right: 1px solid #424245;
  margin-right: 7px;
  padding-right: 10px;
  font-weight: 300;
}

.ac-gf-footer-legal-link:hover {
  text-decoration: underline;
}

.ac-gf-footer-legal-link.last {
  border-right-style: none;
  margin-right: 0;
  padding-right: 0;
}

.scroll-for-more {
  z-index: 6;
  background-image: linear-gradient(#0000, #000);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.text-link-icon {
  margin-left: 5px;
}

.mobile-burger-line {
  background-color: #fff;
  width: 60%;
  height: 1px;
}

.gn-content {
  z-index: 5;
  max-width: 996px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.gn-list {
  justify-content: space-between;
  align-items: center;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
}

.project_image-wrap {
  width: 100%;
  position: relative;
}

.project_image-wrap.matrix-1 {
  perspective: 200px;
  transform: ;
}

.project_image-wrap.more-programs {
  height: 458px;
}

.cta-link {
  color: #86868b;
  letter-spacing: .011em;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  font-size: 21px;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
}

.cta-link:hover {
  filter: brightness(200%);
}

.globalnav {
  z-index: 9999;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: #000c;
  justify-content: center;
  width: 100%;
  height: 44px;
  font-size: 12px;
  line-height: 1.33337em;
  position: fixed;
}

.description {
  color: #86868b;
  margin-top: .8em;
  font-weight: 400;
}

.description.more-programs {
  margin-top: 1.4em;
}

.ac-gf-directory-column-section-item {
  margin-bottom: .8em;
}

.headline {
  letter-spacing: -.003em;
  margin-top: 1.5em;
  margin-bottom: 1.08em;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.gn-link {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  text-decoration: none;
  transition: opacity .2s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.gn-link:hover {
  opacity: .7;
}

.gn-link.gn-apple {
  background-image: url('../images/apple-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 44px;
}

.gn-link.search {
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.gn-link.bag {
  background-image: url('../images/bag.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.hero-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-top: -150px;
  margin-bottom: 200px;
  display: flex;
  position: relative;
}

.item-bio {
  z-index: 1;
  color: #f5f5f7;
  letter-spacing: .012em;
  width: 291px;
  font-size: 19px;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 0%;
}

.item-bio:hover {
  opacity: 1;
}

.gf-accordion-title {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3337em;
}

.ac-gf-footer-shop {
  letter-spacing: normal;
  border-bottom: 1px solid #424245;
  margin-bottom: 7px;
  padding-bottom: 8px;
  display: flex;
}

.bio-left {
  color: #a1a1a6;
  text-align: left;
  width: 300px;
  transform: translate(-150px, 34.5px);
}

.bio-left:hover {
  display: block;
}

.she-creates-image {
  width: 820px;
  max-width: 1068px;
  height: 460px;
}

.button-3 {
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 23px;
  padding: 8px 17px;
}

.button-3:hover {
  outline-offset: 0px;
  outline: 1px solid #fff;
}

.ac-gf-footer-locale {
  float: right;
  color: #d2d2d7;
  display: flex;
  position: relative;
}

.gf-accordion-wrapper {
  display: none;
}

.headline-mask {
  display: inline-block;
}

.container-8 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  text-align: center;
  background-color: #141414;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 400px) minmax(200px, 400px);
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 100px;
}

.container-8.she-creates {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.container-8.more-programs {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 400px) minmax(200px, 400px);
  grid-auto-columns: 1fr;
  display: grid;
}

.ac-gf-directory.with-5-columns {
  grid-column-gap: 20px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-content: stretch space-between;
  margin-top: 20px;
}

.canvas__item {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  margin: 50px;
  padding: 30px;
  position: absolute;
  transform: translate(0);
}

.canvas__item:hover {
  z-index: 2;
}

.canvas__item.module_item-17 {
  transform: translate(326px, 850px);
}

.canvas__item.module_item-19 {
  transform: translate(730px, 1000px);
}

.canvas__item.module_item-6 {
  transform: translate(-675px, -639px);
}

.canvas__item.module_item-13 {
  transform: translate(-1127px, -324px);
}

.canvas__item.module_item-18 {
  transform: translate(772px, 494px);
}

.canvas__item.module_item-9 {
  transform: translate(-60px, -380px);
}

.canvas__item.module_item-9:hover {
  z-index: 30;
}

.canvas__item.module_item-10 {
  transform: translate(689px, -760px);
}

.canvas__item.module_item-0 {
  transform: translate(-331px, 395px);
}

.canvas__item.module_item-20 {
  transform: translate(940px, 150px);
}

.canvas__item.module_item-8 {
  transform: translate(509px, 72px);
}

.canvas__item.module_item-5 {
  transform: translate(-600px, 800px);
}

.canvas__item.module_item-15 {
  transform: translate(1125px, -590px);
}

.canvas__item.module_item-3 {
  transform: translate(-670px, -257px);
}

.canvas__item.module_item-11 {
  transform: translate(-531px, 80px);
}

.canvas__item.module_item-4 {
  transform: translate(87px, -800px);
}

.canvas__item.module_item-16 {
  transform: translate(808px, -288px);
}

.canvas__item.module_item-7 {
  transform: translate(-230px, 755px);
}

.canvas__item.module_item-1 {
  width: 550px;
  transform: translate(213px, 423px);
}

.canvas__item.module_item-12 {
  transform: translate(-1062px, 86px);
}

.canvas__item.module_item-2 {
  transform: translate(350px, -362px);
}

.canvas__item.module_item-14 {
  transform: translate(-777px, 422px);
}

.canvas__item.module_item-30 {
  transform: translate(193px, 423px);
}

.canvas__item.module_item-21 {
  transform: translate(-990px, 780px);
}

.canvas__item.module_item-22 {
  transform: translate(1100px, 700px);
}

.canvas__item.module_item-23 {
  transform: translate(1200px, -200px);
}

.canvas__item.module_item-24 {
  transform: translate(-600px, 800px);
}

.canvas__item.module_item-25 {
  transform: translate(-50px, 1100px);
}

.canvas__item.module_item-26 {
  transform: translate(-1300px, 500px);
}

.ac-gf-footer-legal-copyright {
  margin-right: 30px;
}

.text-link-3 {
  color: #f5f5f7;
  letter-spacing: normal;
  text-decoration: none;
}

.text-link-3:hover {
  text-decoration: underline;
}

.subhead {
  letter-spacing: .007em;
  margin-top: 1.3em;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.125em;
}

.subhead.more-programs {
  letter-spacing: .004em;
  margin-top: 1.35em;
}

.image-37 {
  margin-left: 10px;
}

.section {
  display: block;
  position: relative;
}

.ac-gf-content {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 980px;
  padding-left: 22px;
  padding-right: 22px;
}

.gn-bread {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.canvas-grid {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ac-gf-footer-legal-links {
  color: #ffffffeb;
  margin-right: 30px;
  display: flex;
}

.footer-playground {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  inset: 0 0% 0%;
}

.footer-playground.black {
  z-index: 3;
  background-color: var(--white);
  position: relative;
  inset: auto 0% 0%;
}

.arrow-white {
  filter: invert();
  border: 1px #000;
  width: 30px;
  height: 30px;
  transition: transform .28s;
  display: block;
  transform: rotate(-90deg);
}

.arrow-white:hover {
  transform: translate(0, -10px)rotate(-90deg);
}

.bold-text-2 {
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-weight: 800;
}

.ground-warp {
  z-index: 20;
  color: #1a1b1f;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.ground-warp.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.play-warp {
  z-index: 20;
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.play-warp.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.more-work {
  z-index: 5;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  min-height: 500px;
  margin-top: 200px;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.more-work.project {
  background-image: linear-gradient(to top, #1b1a1a 7%, #373d46), linear-gradient(to bottom, var(--bg), var(--bg));
}

.more-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 0;
  text-decoration: none;
  display: block;
  position: static;
}

.more-wrap.bottom {
  justify-content: flex-end;
}

.more-block {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.more-block.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
}

.m {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15vw;
  line-height: .7em;
  text-decoration: none;
  position: relative;
  bottom: 30px;
  right: -15px;
}

._0 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
}

._0.o-italic, ._0.o-italic-2 {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

._0.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 15vw;
  font-style: italic;
  font-weight: 400;
  line-height: .5em;
  position: relative;
  right: 22px;
}

.r {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15vw;
  line-height: .7em;
  position: relative;
  bottom: 30px;
  right: 46px;
}

.r.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.e {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15vw;
  line-height: .7em;
  position: relative;
  right: 74px;
}

.e.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.link-more {
  flex-flow: row;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  height: auto;
  margin-top: 140px;
  text-decoration: none;
  transition: all .2s, opacity .2s;
  display: block;
  position: static;
  bottom: auto;
}

.link-more:hover {
  transform: scale(.7);
}

.black-div {
  position: relative;
}

.column-22 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 500px;
  padding-left: 98px;
  display: flex;
}

.heading-a {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 100px;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
  bottom: 100px;
}

.heading-a.o-italic, .heading-a.o-italic-2 {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-a.about-page {
  margin-bottom: 70px;
}

.heading-t {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin: -70px 0 0 -25px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
  bottom: 100px;
  left: -42px;
}

.heading-t.o-italic, .heading-t.o-italic-2 {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-t.about-page {
  margin-top: 0;
  margin-bottom: 70px;
  margin-left: -25px;
}

.column-23 {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.heading-o-about {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-o-about.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-o-about.o-italic.heading {
  font-size: 41vw;
}

.heading-o-about.o-italic-about {
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-o-about.o-italic-about.heading {
  font-size: 41vw;
}

.poke-guru-col {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-left: 70px;
  display: flex;
}

.poke-guru-col.pd-top {
  margin-top: 0;
  padding-left: 100px;
}

.poke-guru-col.no-pd-top {
  grid-column-gap: 16px;
  grid-row-gap: 131px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center end;
  margin-top: 185px;
  padding-left: 0;
  display: grid;
}

.columns-9 {
  width: 90%;
}

.column-24 {
  padding-left: 0;
  padding-right: 0;
}

.column-25 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.black-pd {
  padding-bottom: 150px;
}

.letter-o-about {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.letter-o-about.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 300;
  line-height: .7em;
}

.letter-o-about.heading {
  font-size: 40vw;
}

.letter-o-about.o-italic-about {
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 38vw;
  font-style: italic;
  font-weight: 300;
  line-height: .6em;
}

.letter-o-about.o-italic-about._2 {
  margin-top: -50px;
}

.letter-o-about.o-italic-about.about-page {
  margin-bottom: 70px;
  margin-left: -25px;
}

.div-block-o {
  justify-content: center;
  align-items: center;
  margin-top: -126px;
  margin-left: 0;
  display: flex;
  position: relative;
  bottom: 0;
}

.rotate-circle-about {
  z-index: 500;
  float: none;
  clear: none;
  object-fit: fill;
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 40%;
  margin-left: 0;
  padding: 0;
  position: absolute;
  inset: 20% auto 0% -20%;
}

.rotate-circle-about.quote-text {
  order: -1;
  width: 1em;
  margin-bottom: 0;
  display: block;
  position: static;
  inset: 17px 0% 0;
}

.rotate-circle-about.move {
  order: -1;
  width: 32%;
  margin-bottom: -2vh;
  display: block;
  position: relative;
  inset: auto 0% 0;
}

.rotate-circle-about.about-circle {
  order: -1;
  width: 5em;
  margin-bottom: 0;
  display: block;
  position: static;
  inset: 17px 0% 0;
}

.link-about {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 30%;
  height: 30%;
  display: block;
  position: absolute;
}

.link-about.w--current {
  filter: none;
  display: block;
  position: relative;
  inset: -82% auto auto -15%;
}

.link-about.move {
  inset: auto 0% 0%;
}

.link-about.move.w--current {
  position: absolute;
  inset: auto 0% 0%;
}

.link-about.heading {
  margin-bottom: 0;
}

.rotate-about {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.rotate-about.heading {
  margin-bottom: 0;
}

.rotate-about.heading-about {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.heading-u {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -25px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.heading-u.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-u.heading {
  font-size: 40vw;
}

.heading-b {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 0 -25px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
}

.heading-b.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-b.o-italic-2 {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-b.heading {
  font-size: 40vw;
  line-height: .7em;
}

.about-circle-link {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 30%;
  height: 30%;
  margin-right: -19px;
  transition-property: none;
  display: none;
  position: absolute;
}

.about-circle-link.sm {
  width: 10%;
  height: 13%;
}

.about-circle-link.sm.w--current {
  width: 10%;
  height: 13%;
  display: block;
}

.about-circle-div {
  align-self: center;
  width: 100%;
  height: 100%;
}

.circle-about-gfx {
  width: 100%;
}

.circle-about-gfx.white {
  filter: invert();
}

.column-social {
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: auto;
}

.poke-guru-sm {
  background-image: url('../images/poke-guru-restaurant-thegarage-vertical.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.poke-guru-sm-2 {
  background-image: url('../images/poke-guru-digital-menu-the-garage-2.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.poke-guru-large-2 {
  background-image: url('../images/poke-guru-open-bowl-with-chopsticks-and-te-horizontal.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.poke-guru-large-3 {
  background-image: url('../images/poke-guru-cargo-bike.jpg');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.italic-text-4, .italic-text-5, .italic-text-6, .italic-text-7 {
  font-weight: 500;
}

.lcc-large-1 {
  background-image: url('../images/lcc-black-trailer-md.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lcc-large-2 {
  background-image: url('../images/lcc-poke-bowl-large-2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lcc-large-3 {
  background-image: url('../images/lcc-illustration-horinzontal.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.lcc-large-4 {
  background-image: url('../images/lcc-restaurant-design-4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lcc-large-5 {
  background-image: url('../images/lcc-illustration-pattern.jpg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: contain;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
}

.heading-p {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 100px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: relative;
  bottom: 0;
}

.heading-p.j-italic {
  margin-left: 30px;
  margin-right: -30px;
  font-size: 40vw;
}

.heading-a-sec {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-a-sec.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-a-sec.o-italic.heading {
  font-size: 41vw;
}

.heading-a-sec.o-italic-about {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-a-sec.o-italic-about.heading {
  font-size: 41vw;
}

.heading-y {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.heading-y.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-y.heading {
  font-size: 40vw;
}

.heading-w-work {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-w-work.j-italic {
  margin-left: 30px;
  margin-right: -30px;
  font-size: 40vw;
}

.heading-r-work {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 30vw;
  line-height: .7em;
  position: relative;
  bottom: 60px;
}

.heading-r-work.o-italic {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-r-work.o-italic.heading {
  font-size: 41vw;
}

.heading-r-work.o-italic-about {
  font-family: Cormorant, sans-serif;
  font-size: 41vw;
  font-style: italic;
  font-weight: 100;
  bottom: 100px;
}

.heading-r-work.o-italic-about.heading {
  font-size: 41vw;
}

.heading-k-work {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
}

.heading-k-work.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 300;
  line-height: .5em;
}

.heading-k-work.heading {
  font-size: 40vw;
}

.footer-play {
  background-color: var(--black);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 10%;
  padding-bottom: 5%;
  display: flex;
}

.div-block-90 {
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 90%;
  height: 90vh;
  margin-top: 15%;
  margin-bottom: 5%;
  display: flex;
}

.nav-menu-links {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 5vw;
  display: flex;
  position: relative;
}

.nav-menu-link {
  text-align: right;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu-link.nav-menu-link-1 {
  color: #fff;
  text-transform: none;
  text-decoration: none;
}

.nav-menu-link.nav-menu-link-2, .nav-menu-link.nav-menu-link-3, .nav-menu-link.nav-menu-link-4 {
  text-decoration: none;
}

.nav-menu-link-text {
  direction: ltr;
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-family: DM Sans, sans-serif;
  font-size: 7vw;
  font-style: normal;
  font-weight: 400;
  line-height: .8;
  text-decoration: none;
  transition: letter-spacing .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}

.nav-menu-link-text:hover {
  letter-spacing: 3px;
}

.nav-menu-photo-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.nav-menu-photo-image.nav-menu-photo-image-4, .nav-menu-photo-image.nav-menu-photo-image-1, .nav-menu-photo-image.nav-menu-photo-image-2, .nav-menu-photo-image.nav-menu-photo-image-3, .nav-menu-photo-image.nav-menu-photo-image-1, .nav-menu-photo-image.nav-menu-photo-image-2, .nav-menu-photo-image.nav-menu-photo-image-3, .nav-menu-photo-image.nav-menu-photo-image-1, .nav-menu-photo-image.nav-menu-photo-image-2, .nav-menu-photo-image.nav-menu-photo-image-3 {
  display: none;
}

.nav-menu-photo-mask {
  object-fit: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40vh;
  height: 48vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu-photo-mask.nav-menu-photo-mask-2 {
  width: 33vh;
  height: 42vh;
}

.nav-menu-photos {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-menu-photo-direction {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
}

.nav-menu-photo-direction.nav-menu-photo-direction-3 {
  align-items: flex-end;
  transform: translate(-8vw, 13vh)rotate(-3deg);
}

.nav-menu-photo-direction.nav-menu-photo-direction-1 {
  align-items: flex-start;
  transform: translate(-16vw)rotate(-7deg);
}

.nav-menu-photo-direction.nav-menu-photo-direction-2 {
  transform: translate(19vw, -10vh)rotate(17deg);
}

.nav-menu-footer {
  z-index: 30;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.small-links-wrapper {
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding: 10px;
  display: flex;
  position: relative;
  left: -10px;
  overflow: hidden;
}

.small-links {
  color: #fff;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  display: none;
  position: relative;
}

.o-italic {
  letter-spacing: 0;
  text-transform: uppercase;
  vertical-align: baseline;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 300;
  line-height: .8em;
  display: inline;
}

.o-italic.footer {
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 500;
  line-height: .7em;
}

.o-italic.skills {
  font-size: 1em;
  line-height: 1.2em;
}

.o-italic.spacing {
  letter-spacing: 0;
}

.o-italic.testimonial {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 13vw;
  font-style: italic;
  line-height: 1.15em;
}

.o-italic.title-skills {
  text-align: left;
  text-transform: none;
  margin-top: -14px;
  margin-left: 10px;
  font-size: 43px;
  line-height: 37px;
  display: block;
  position: static;
  top: 0%;
}

.o-italic.email {
  letter-spacing: -2px;
  font-family: Cormorant, sans-serif;
  font-size: .8em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.1em;
}

.o-italic.social {
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}

.o-italic.about {
  font-size: 20px;
}

.o-italic.header {
  letter-spacing: -1px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

.o-italic.header.black {
  color: var(--black);
}

.o-italic.footer-copy {
  font-family: Cormorant, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 500;
}

.o-italic.yellow {
  font-family: Cormorant, sans-serif;
  font-size: 28px;
  font-style: italic;
  line-height: 26px;
}

.l-italic {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 300;
  line-height: .8em;
}

.l-italic.footer {
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 500;
  line-height: .7em;
}

.l-italic.skills {
  font-size: 1em;
  line-height: 1.2em;
}

.l-italic.spacing {
  letter-spacing: 0;
}

.l-italic.testimonial {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 13vw;
  font-style: italic;
  line-height: 1.15em;
}

.l-italic.title-skills {
  text-align: left;
  text-transform: none;
  margin-top: -14px;
  margin-left: 10px;
  font-size: 43px;
  line-height: 37px;
  display: block;
  position: static;
  top: 0%;
}

.l-italic.email {
  letter-spacing: -2px;
  font-family: Cormorant, sans-serif;
  font-size: .8em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.1em;
}

.l-italic.social {
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}

.l-italic.about {
  font-size: 20px;
}

.l-italic.header {
  letter-spacing: -1px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

.l-italic.header.black {
  color: var(--black);
}

.l-italic.footer-copy {
  font-family: Cormorant, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 500;
}

.l-italic.yellow {
  font-family: Cormorant, sans-serif;
  font-size: 28px;
  font-style: italic;
  line-height: 26px;
}

.lottie-animation-6, .lottie-animation-7 {
  display: block;
  position: relative;
}

.nav-bar-menu-icon {
  z-index: 100;
  width: 120%;
  height: 120%;
  display: none;
  position: relative;
}

.lottie-animation-8 {
  z-index: 98;
  display: block;
  position: relative;
}

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

.arrow_image {
  filter: invert();
  width: 5em;
  transition: all .2s;
}

.container-9 {
  width: 1920px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.container-9.hero {
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 8.6em;
  display: flex;
}

.hero_left {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 46%;
  height: 100%;
  padding-top: 5.8em;
  padding-bottom: 2em;
  display: flex;
}

.hero_wrap {
  position: relative;
  overflow: hidden;
}

.hero_right {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.arrow-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 1.3em;
  display: flex;
}

.arrow-3.next {
  margin-top: 0;
  margin-bottom: 0;
}

.recent_line {
  background-color: #d7d1b9;
  width: 4em;
  height: 1px;
}

.button-4 {
  color: #d7d1b9;
  background-color: #0000;
  border: 1px solid #d7d1b9;
  border-radius: 100vw;
  margin-top: 2.8em;
  padding: .5em 2.4em;
  font-size: .9em;
  font-weight: 500;
  transition: all .2s cubic-bezier(.165, .84, .44, 1);
}

.button-4:hover {
  color: #2d2d2f;
  background-color: #d7d1b9;
}

.hero_text {
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
}

.splide__slide-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 4.3em;
  padding-bottom: 4.3em;
  display: flex;
}

.splide__track-3 {
  width: 100%;
}

.recent_text {
  letter-spacing: .2em;
  text-transform: uppercase;
  white-space: nowrap;
  margin-left: 1em;
  font-size: .8em;
  font-weight: 500;
}

.hero_content {
  padding-top: 3em;
  padding-bottom: 3em;
}

.splide-2.splide2 {
  justify-content: center;
  align-items: center;
  width: 48em;
  height: 100%;
}

.hero_top {
  width: 100%;
  height: 0;
}

.splide__list-2 {
  width: 100%;
}

.recent {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2em;
  display: flex;
}

.container-10 {
  width: 1920px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.container-10.hero {
  background-image: none;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 8.6em;
  display: flex;
}

.splide__slide-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 4.3em;
  padding-bottom: 4.3em;
  display: flex;
}

.splide__track-4 {
  width: 100%;
}

.section-7.hero {
  background-color: #000;
  transition: all .2s;
  display: none;
  position: relative;
}

.splide-3.splide2 {
  justify-content: center;
  align-items: center;
  width: 48em;
  height: 100%;
}

.splide__list-3 {
  width: 100%;
}

.link1, .text1, .text2 {
  display: none;
}

.color {
  width: 0;
  height: 0;
  display: none;
  position: absolute;
}

.slide2_img {
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100vw;
  width: 100%;
  height: 29em;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  transform: rotate(-16deg);
}

.slide3_img {
  background-image: url('../images/lcc-black-trailer-large.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100vw;
  width: 100%;
  height: 29em;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  transform: rotate(-16deg);
}

.slide4_img {
  background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-large.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100vw;
  width: 100%;
  height: 29em;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  transform: rotate(-16deg);
}

.heading-project {
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 8rem;
  line-height: .8em;
}

.scroll-2 {
  z-index: 3;
  height: 100vh;
  position: fixed;
  inset: 0% 0% 200%;
  transform: rotate(-10deg);
}

.article---mask-wrap-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.heading-play {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-right: -30px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
}

.heading-play.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-play.o-italic-2 {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-play.heading {
  font-size: 40vw;
  line-height: .7em;
}

.heading-play.l-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-work {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-right: -30px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
}

.heading-work.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-work.o-italic-2 {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-work.heading {
  font-size: 40vw;
  line-height: .7em;
}

.heading-work.l-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-22 {
  font-size: 8rem;
  line-height: 1em;
}

.heading---char-2 {
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
  display: inline-block;
  transform: translate3d(0, 0, 1px);
}

.project-div {
  z-index: 1;
  letter-spacing: -.4px;
  cursor: auto;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  text-decoration: none;
  position: static;
}

.heading-23 {
  font-size: 8rem;
  line-height: 1em;
}

.heading---char-3 {
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1);
  display: inline-block;
  transform: translate3d(0, 0, 1px);
}

.link-block-16 {
  flex-flow: column;
  display: flex;
}

.menu-o-italic {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 300;
  line-height: .8em;
}

.menu-o-italic.footer {
  font-family: Cormorant, sans-serif;
  font-size: 8vw;
  font-style: italic;
  font-weight: 500;
  line-height: .7em;
}

.menu-o-italic.skills {
  font-size: 1em;
  line-height: 1.2em;
}

.menu-o-italic.spacing {
  letter-spacing: 0;
}

.menu-o-italic.testimonial {
  color: var(--white);
  letter-spacing: -.04em;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 13vw;
  font-style: italic;
  line-height: 1.15em;
}

.menu-o-italic.title-skills {
  text-align: left;
  text-transform: none;
  margin-top: -14px;
  margin-left: 10px;
  font-size: 43px;
  line-height: 37px;
  display: block;
  position: static;
  top: 0%;
}

.menu-o-italic.email {
  letter-spacing: -2px;
  font-family: Cormorant, sans-serif;
  font-size: .8em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.1em;
}

.menu-o-italic.social {
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
}

.menu-o-italic.about {
  font-size: 20px;
}

.menu-o-italic.header {
  letter-spacing: -1px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 1.7em;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

.menu-o-italic.header.black {
  color: var(--black);
}

.menu-o-italic.footer-copy {
  font-family: Cormorant, sans-serif;
  font-size: 54px;
  font-style: italic;
  font-weight: 500;
}

.menu-o-italic.yellow {
  font-family: Cormorant, sans-serif;
  font-size: 28px;
  font-style: italic;
  line-height: 26px;
}

.heading-works {
  z-index: 3;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 7rem;
  line-height: .8em;
  display: block;
  position: static;
  inset: 0;
}

.text-span-7 {
  opacity: 0;
  color: #fff0;
  width: 20px;
  text-decoration: none;
}

.section-101 {
  width: 100%;
}

.slider-2 {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.slide-nav-2 {
  position: relative;
  bottom: -30px;
}

.mask-4 {
  width: 102%;
  transform: rotate(-2deg);
}

.slide-work {
  width: 75%;
  height: 100%;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.slide-work.first {
  margin-left: 65px;
}

.link-work {
  z-index: 3;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none;
  transition: all .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10%;
  right: 5%;
}

.link-work:hover {
  transform: scale(1.2);
}

.link-work.hidden {
  transition-property: none;
  display: flex;
}

.link-work.hidden:hover {
  transform: none;
}

.gallery-wrapper {
  z-index: 3;
  flex-flow: row;
  flex: none;
  align-items: center;
  width: 100%;
  margin-top: 10vh;
  margin-bottom: 30vh;
  display: block;
  position: static;
}

.gallery-wrapper.hidden {
  display: block;
}

.gallery-wrapper.pd-top {
  margin-top: -5vh;
  margin-bottom: 13vh;
  position: relative;
}

.carousel {
  z-index: 3;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: static;
}

.image-wrapper {
  opacity: .6;
  cursor: grab;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90vh;
  margin-right: 7px;
  padding: 0 5px;
  transition: opacity .2s;
  display: flex;
  position: relative;
  transform: none;
}

.image-wrapper.slick-center {
  opacity: 1;
}

.image-38 {
  object-fit: contain;
  max-height: 76vh;
}

.tittle-work-block {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gallery-wrapper-2 {
  z-index: 3;
  flex: none;
  padding-top: 6vh;
  padding-bottom: 6vh;
  display: none;
  position: relative;
}

.carousel-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-wrapper-3 {
  opacity: .6;
  margin-right: 5px;
  padding: 1vh 5px;
  transition: opacity .2s;
  display: flex;
}

.image-wrapper-3.slick-center {
  opacity: 1;
}

.image-39 {
  object-fit: contain;
  max-height: 76vh;
}

.slide-hover {
  z-index: 1;
  border-radius: 20px;
  max-width: 100%;
  max-height: 75vh;
  display: none;
  position: absolute;
  transform: none;
}

.div-block-91 {
  z-index: 3;
  position: absolute;
  inset: auto 5% 8% auto;
}

.slide-work-2, .slide-work-3, .slide-work-4, .slide-work-5, .slide-work-6, .slide-work-7 {
  z-index: 1;
  border-radius: 20px;
  max-width: 100%;
  max-height: 75vh;
  display: inline-flex;
  transform: none;
}

.gallery-wrapper-3 {
  background-color: #e9e5e5;
  flex: none;
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.carousel-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-40 {
  object-fit: contain;
  max-height: 76vh;
}

.image-inner-rotated {
  margin-top: 0;
  margin-bottom: 0;
}

.hero-text {
  z-index: 6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: auto 0%;
}

.container-gallery {
  z-index: 99;
  width: 100%;
  margin-top: -5px;
  padding-left: 6em;
  padding-right: 6em;
  position: relative;
}

.hero-text-gallery {
  z-index: 5;
  color: #1a1b1f;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  inset: 0%;
}

.hero-text-gallery.product-hero-xl {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 95%;
  height: 100vh;
}

.hero-text-gallery-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text-gallery-container.project {
  background-image: linear-gradient(to top, #1b1a1a 7%, #373d46), linear-gradient(to bottom, var(--bg), var(--bg));
}

.hero-texte-gallery-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: static;
}

.hero-texte-gallery-wrap.bottom {
  justify-content: flex-end;
}

.hero-texte-gallery-wrap.top {
  justify-content: flex-start;
  align-items: center;
}

.hero-text-center {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.hero-text-center.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  width: auto;
  height: 100%;
}

.hero-text-center.play {
  z-index: 1;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.section-gallery {
  z-index: 2;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.grid-wrapper {
  margin-bottom: 150px;
}

.gallery-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  grid-template-rows: .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr .5fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: .5fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  max-width: 100%;
  position: relative;
  inset: 0%;
}

.gallery-grid.mobile {
  display: none;
}

.grid-element {
  object-fit: cover;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

.grid__item-img {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.grid__item-img._2 {
  opacity: .19;
  display: none;
}

.div-block-92 {
  flex-flow: column;
  position: static;
}

.grid-item-img-1 {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.grid-element-1 {
  object-fit: cover;
  flex-flow: column;
  width: 100%;
  height: 100%;
}

.page-container {
  position: relative;
}

.display-2xs {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: .8rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2em;
}

.display-m {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.2em;
}

.card-title {
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.card-button-icon-outer-wrapper {
  overflow: hidden;
}

.card-1 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-1:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-packaging-sauvage-2024.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-button-icon {
  width: 1.25rem;
}

.card-button-icon.card-button-icon-absolute {
  position: absolute;
  top: 100%;
}

.card-image {
  border-radius: .25rem;
}

.card-button {
  background-color: #fff;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 1px #0000001a;
}

.card-content {
  flex-direction: column;
  justify-content: space-between;
  width: 90%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.card-button-icon-inner-wrapper {
  flex-direction: column;
  display: flex;
  position: relative;
}

.card-2 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-2:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-branding-sculptor.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-3 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-3:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-sahara-osteopath-website.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-4 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-4:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-white-fox-island.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-5 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-5:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-ceramic.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-6 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-6:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-aura.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-7 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-7:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-print-design-tshirt-octanerender.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-8 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-8:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-digital-painting-kill-bill-over.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-9 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-9:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/Moncha-Bev-Co-Boba-Drink-Packaging.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-10 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-10:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-website-aric-logo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-11 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-11:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-print-design-pub-stading.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-12 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-12:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-packaging-chopsticks-rolli.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-13 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-13:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-dragon-tatoo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-14 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-14:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illustration-typography-trust-yourself.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-15 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-15:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-digital-painting-elfic-over.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-16 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-16:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/poke-guru-business-card-vertical.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-17 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-17:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-chinese-painting.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-18 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-18:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-luna.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-19 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  max-width: 50vw;
  max-height: 75vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-19:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-digital-painting-woman.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-20 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-20:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-print-t-shirt-snake-illustration.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-21 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-21:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-illutration-sun-interior-mexican-house.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.card-22 {
  z-index: 4;
  background-color: var(--black);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-22:hover {
  background-image: linear-gradient(#0009, #0009), url('../images/jooostudio-print-design-whitericementi-over.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.italic-name-project {
  font-family: Cormorant, sans-serif;
  font-size: .9rem;
  font-style: italic;
}

.heading-o-italic {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -75px;
  padding-bottom: 0;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  line-height: .7em;
  position: static;
}

.heading-o-italic.o-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-o-italic.o-italic-2 {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-o-italic.o-italic-2.white {
  color: var(--white);
}

.heading-o-italic.heading {
  font-size: 40vw;
  line-height: .7em;
}

.heading-o-italic.l-italic {
  font-family: Canela Trial, Palatino Linotype, sans-serif;
  font-weight: 100;
  line-height: .5em;
}

.heading-o-italic.o-italic-2-copy {
  margin-right: -82px;
  font-family: Cormorant, sans-serif;
  font-size: 37vw;
  font-style: italic;
  font-weight: 100;
  line-height: .5em;
}

.heading-o-italic.o-italic-2-copy.white {
  color: var(--white);
}

.heading-o-italic.no-pd {
  margin-right: 0;
}

.hero-text-about-wrap {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  padding-bottom: 42px;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.hero-text-about-wrap.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  width: auto;
  height: 100%;
}

.container-about-text {
  z-index: 3;
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  letter-spacing: -.04px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  margin-top: 10em;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  display: flex;
  position: relative;
}

.about-text-h2 {
  z-index: 5;
  color: var(--white);
  text-align: left;
  letter-spacing: -.4px;
  text-transform: none;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.about-text-h2.grey {
  color: var(--text);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
}

.skills-about {
  width: 100%;
  height: auto;
}

.text-skills {
  text-transform: uppercase;
  margin-left: 50px;
  font-family: Cormorant, sans-serif;
  font-size: 1.4em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2em;
}

.div-block-93 {
  flex-flow: row;
  align-items: center;
  display: flex;
}

.div-block-94 {
  width: 100%;
}

.about-text-h1 {
  z-index: 5;
  color: var(--white);
  text-align: left;
  letter-spacing: -.4px;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  font-size: 3em;
  font-weight: 400;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.about-text-h1.grey {
  color: var(--text);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
}

.italic-letter {
  font-family: Cormorant, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  line-height: 1.1em;
}

.div-block-95 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
}

.about-text-section {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 85vw;
  margin-top: 5%;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 5%;
  display: block;
  position: relative;
}

.about-text-section._2-col {
  align-self: center;
  width: 75vw;
  margin-top: 50px;
  margin-bottom: 50px;
}

.about-text-section._2-col.no-pd {
  width: 85vw;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.about-text-section.no-pd-top {
  margin-top: 0;
}

.about-text-section.text {
  width: 80vw;
  display: block;
}

.about-grid {
  grid-column-gap: 15px;
  padding-left: 0;
  padding-right: 0;
}

.about-grid.column {
  grid-column-gap: 30px;
  flex-flow: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.skills-section-accordion {
  z-index: 2;
  flex-flow: column;
  align-self: auto;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 5%;
  display: flex;
  position: relative;
}

.testimonial-main-copy {
  z-index: 2;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-start;
  align-self: flex-start;
  place-items: stretch start;
  margin-top: 80px;
  display: block;
  position: relative;
}

.testimonial-main-copy.testimonial {
  align-items: center;
  padding-left: 0%;
}

.polaroid-frame {
  z-index: 5;
  box-shadow: none;
  background-color: #fcfcfc00;
  border-radius: .25rem;
  width: 22.5rem;
  height: 27.5rem;
  padding: 1.25rem;
  position: absolute;
}

.polaroid-frame._4 {
  z-index: 4;
  transform: rotate(0);
}

.polaroid-frame._2 {
  z-index: 2;
  transform: rotate(3deg);
}

.polaroid-frame._3 {
  z-index: 3;
  transform: rotate(-3deg);
}

.polaroid-frame._5 {
  z-index: 5;
}

.polaroid-frame._1 {
  z-index: 1;
  box-shadow: none;
  transform: rotate(13deg);
}

.full-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.polaroid-image-wrapper {
  border-radius: .125rem;
  width: 20rem;
  height: 22.5rem;
  overflow: hidden;
}

.polaroids-wrapper {
  z-index: 5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28rem;
  height: 32rem;
  display: flex;
  position: absolute;
}

.polaroid-text {
  text-align: center;
  text-transform: uppercase;
  padding-top: 1rem;
  font-family: Cormorant, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  display: none;
}

.about-paragraph {
  color: var(--white);
  margin-top: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
}

.about-paragraph.no-pd {
  margin-top: 0;
}

.about-heading {
  color: #fff;
  text-transform: uppercase;
  margin-top: 25px;
  font-size: 2.1em;
  font-weight: 500;
  line-height: 1em;
}

.about-heading.no-cap {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 43px;
}

.about-italic-text {
  color: var(--white);
  letter-spacing: -.3px;
  text-transform: none;
  font-family: Cormorant, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
}

.about-italic-text.pd-top {
  text-align: right;
  margin-top: 5px;
  font-size: 1.1em;
  line-height: 1.5em;
}

.about-italic-text.pd-top.website {
  justify-content: flex-end;
  margin-left: 10px;
  display: flex;
}

.about-italic-text.pd-top.left {
  text-align: left;
}

.about-italic-text.pd-top.xl {
  margin-top: 40px;
}

.about-italic-text.yellow {
  color: var(--color-2);
  text-transform: none;
  font-size: 26px;
}

.column-26 {
  padding-left: 0;
}

.div-block-96 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  width: 100vw;
  margin-left: -175px;
  display: flex;
  position: relative;
}

.div-block-97 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 50px;
  display: grid;
}

.link-text {
  z-index: 99;
  color: #131313;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.35;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: perspective(725px);
}

.link-text:hover {
  text-transform: none;
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
  transform: perspective(725px);
}

.link-text.is-09 {
  color: var(--white);
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 7em;
}

.arrow-wrapper {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  top: 2px;
}

.arrow-wrapper.is-after {
  align-self: flex-end;
  width: 50px;
  margin-bottom: 21px;
  margin-left: 5px;
  position: relative;
  top: auto;
}

.arrow-wrapper.is-before {
  flex-flow: row;
  flex: none;
  align-self: center;
  align-items: center;
  height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
  inset: auto auto 20% -1rem;
}

.link-09_underline {
  background-color: #131313;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.link-09 {
  grid-column-gap: 1rem;
  color: #131313;
  justify-content: flex-end;
  align-self: center;
  align-items: baseline;
  margin-right: 25px;
  text-decoration: none;
  display: none;
  position: relative;
  inset: 80% auto auto 0;
  overflow: hidden;
}

.arrow_image-2 {
  filter: invert();
  object-fit: contain;
  background-color: #0000;
  border: 1px solid #0000;
  width: 50px;
  height: auto;
  transform: rotate(-90deg);
}

.link-04_svg-arrow-embed {
  color: var(--white);
  flex: none;
  align-self: flex-end;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0%;
  transform: rotate(90deg);
}

.hero-text-top {
  z-index: 105;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  place-items: center stretch;
  width: 100vw;
  display: grid;
  position: fixed;
  inset: auto 0% 3%;
  overflow: visible;
}

.hero-text-top.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  width: auto;
  height: 100%;
}

.link-block-17 {
  text-decoration: none;
}

.hero-text-bottom {
  z-index: 101;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  place-items: center;
  height: 40px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.hero-text-bottom.white {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert();
  width: auto;
  height: 100%;
}

.text-span-8 {
  vertical-align: text-top;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 1em;
  font-weight: 900;
  line-height: .9em;
}

.heading-w-copy {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: -70px;
  margin-bottom: 0;
  margin-right: -96px;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35vw;
  line-height: .7em;
  position: static;
  bottom: 60px;
}

.heading-w-copy.white {
  color: #fff;
}

.poke-guru-large-4 {
  background-image: url('../images/poke-guru-takeaway-bag-street-horinzotal.jpg');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-sm-08 {
  background-image: url('../images/270-menuiserie-cat-right-side-vertical.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._270-lg-img-09 {
  background-image: url('../images/270-menuiserie-camion-right-side-vertical.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.poke-guru-large-5 {
  background-image: url('../images/jooostudio-poke-guru-branding-4.jpg');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.poke-guru-large-6 {
  background-image: url('../images/poke-guru-landscape-dl-flyer.jpg');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-03 {
  background-image: url('../images/isp-flyer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-04 {
  background-image: url('../images/isp-website-presentation-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-05 {
  background-image: url('../images/isp-front-horizontal-business-card-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-06 {
  background-image: url('../images/isp-branding-bookjpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.isp-large-07 {
  background-image: url('../images/isp-branding-website-mobile-version-services.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.cell-2-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  display: grid;
}

.cell-2-grid.align-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-2-grid.left {
  align-items: flex-start;
}

.isp-large-08 {
  background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.rolli-large-06 {
  background-image: url('../images/rolli-sushi-restaurant-rolls-packaging-hero.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.project-4-col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 10px;
  padding: 0;
}

.project-4-col.pd-top {
  margin-top: 30px;
}

.project-4-col.pd-top.pd-bottom {
  margin-bottom: 150px;
}

.project-4-col.pd-top.last-project {
  grid-column-gap: 0px;
}

.project-4-col.left-img-sm {
  height: 45vh;
  margin-bottom: 10px;
}

.project-4-col.left-img-big {
  height: 80vh;
  margin-bottom: 10px;
}

.project-4-col.left-img-big._60vh {
  height: 60vh;
}

.project-4-col.grid-right {
  height: auto;
  margin-bottom: 10px;
}

.project-4-col.grid-right._60vh {
  height: 60vh;
}

.link-block-18 {
  z-index: 101;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: fixed;
  inset: 50% 30% 0%;
}

.div-block-98 {
  margin-bottom: 10px;
  display: flex;
}

.bold-text-3, .bold-text-4 {
  font-weight: 500;
}

@media screen and (min-width: 1280px) {
  .text-link.sm.black {
    z-index: 101;
    background-color: var(--color);
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
  }

  .link-block-15.project {
    height: 110px;
    top: 3%;
  }

  .service-item-top {
    grid-column-gap: 30px;
    grid-template-columns: 2.5fr 1.75fr .25fr;
    grid-auto-columns: .25fr;
  }

  .project-section.col {
    margin-top: 2em;
  }

  .smalll-text-container.no-mobile.top.pd-left {
    top: 2%;
  }

  .col-lcc.no-pd-top {
    margin-top: 0;
    top: 0;
  }
}

@media screen and (min-width: 1440px) {
  .body {
    z-index: 5;
  }

  .next-project {
    height: 65vh;
  }

  .next-project.rolli {
    height: 75vh;
  }

  .next-project.isp {
    height: 80vh;
  }

  .next-project.moncha {
    height: 75vh;
  }

  .footer-desktop.black {
    z-index: 1;
  }

  .smooth-wrapper.bkg-color.white, .smooth-wrapper.bkg-black.white {
    margin-bottom: -30px;
  }

  .heading-7.black {
    color: var(--black);
  }

  .cs-img-wrap {
    max-width: 28rem;
  }

  .container-2 {
    flex-direction: row;
    align-items: center;
  }

  .about-wrapper {
    flex-direction: row;
    height: auto;
    display: block;
  }

  .link-box {
    align-items: center;
    display: flex;
  }

  .arrow-down.large.home, .arrow-down.large.project {
    position: static;
  }

  .text-link.sm.black {
    color: var(--black);
  }

  .text-link.sm.black:hover {
    color: var(--purple-2);
  }

  .portfolio-detail.project {
    margin-top: 5px;
  }

  .arrow-down-link.large.home {
    position: static;
  }

  .custom-styles {
    color: var(--purple-2);
  }

  .home-banner_com {
    width: 70%;
  }

  .link-block-15.project {
    height: 110px;
  }

  .text-block-15.black {
    color: #000;
  }

  .text-block-15.black:hover {
    color: var(--purple-2);
  }

  .arrow-down-copy.large.home {
    position: static;
  }

  .image-21 {
    width: 400px;
  }

  .image-22 {
    margin-bottom: 0;
    transition: background-color .2s;
  }

  .image-22:hover {
    background-color: var(--color-2);
  }

  .image-23, .image-24 {
    border-radius: 20px;
    margin-bottom: 0;
  }

  .image-25, .image-26 {
    border-radius: 20px;
  }

  .project-img, .home-projects-img {
    height: 400px;
  }

  .rolli-3 {
    width: 500px;
  }

  .rolli-4 {
    width: 180px;
  }

  .rolli-7 {
    width: 200px;
  }

  .project-full {
    padding-top: 0;
    padding-bottom: 0;
  }

  .img-project {
    margin-bottom: 0;
  }

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

  .splide__track-2 {
    width: 60%;
  }

  .service-item-top {
    grid-column-gap: 30px;
  }

  .service-bottom-content {
    grid-column-gap: 60px;
  }

  .body-display {
    font-size: 15px;
  }

  .title-project.black {
    color: var(--black);
  }

  .footer-playground.black {
    z-index: 1;
  }

  .project-div {
    z-index: 5;
  }

  .about-grid {
    width: 100%;
  }

  .about-grid.column {
    display: block;
  }

  .about-text-div {
    order: 3;
  }
}

@media screen and (min-width: 1920px) {
  .paragraph-bigger.cc-bigger-light {
    color: #000;
    font-family: DM Sans, sans-serif;
  }

  .heading-jumbo {
    text-transform: uppercase;
    column-count: auto;
    font-family: DM Sans, sans-serif;
    font-size: 150px;
    font-weight: 500;
  }

  .hero {
    height: 100%;
  }

  ._404-wrap {
    background-color: var(--color);
  }

  .mouse-icon {
    margin-bottom: 3%;
  }

  .mouse-icon.play {
    margin-bottom: 0%;
  }

  .nav-bar-logo, .nav-bar-menu {
    margin-top: 3%;
  }

  .cursor-wrapper {
    opacity: 0;
    transition: opacity .275s;
  }

  .hero-image.project._270 {
    background-position: 50% 100%;
  }

  .next-project {
    background-image: url('../images/rolli-sushi-female-hand-holding-a-business-card-1.jpg');
  }

  .scroll-top.w--current {
    z-index: 20;
  }

  .footer-desktop.black {
    justify-content: space-between;
    align-items: center;
  }

  .rotate-circle-top.quote-text {
    width: 1.4em;
  }

  .intro-section.no_bkg_color.intro {
    height: 100vh;
  }

  .hero-text-wrap {
    width: 100%;
    margin-bottom: 0;
  }

  .transition2 {
    display: none;
  }

  .transition-content2 {
    display: block;
  }

  .cs-img-wrap {
    max-width: 30rem;
  }

  .hereo-animation-text {
    width: 80%;
    margin-left: 5%;
  }

  .container-2 {
    max-width: 80%;
    padding-left: 6em;
  }

  .about-wrapper {
    display: none;
  }

  .grid-home-hero {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    width: 100%;
    display: grid;
  }

  .link-box.home-hero {
    width: 300px;
    display: flex;
  }

  .image-11 {
    width: .2em;
  }

  .container-marquee {
    margin-bottom: 7%;
  }

  .looping-heading-copy {
    font-size: 9vw;
  }

  .text-intro-name {
    margin-top: -50px;
  }

  .link-container {
    border-bottom-style: none;
    width: auto;
  }

  .portfolio-detail {
    justify-content: space-between;
    display: flex;
  }

  .single-project-title.h2 {
    font-weight: 500;
  }

  .container-3.is--sticky {
    min-height: 40em;
    padding-top: 100px;
  }

  .work-section {
    margin-bottom: 0;
  }

  .arrow-down-link.large.home {
    height: 2.5em;
  }

  .link.wavy-link {
    display: flex;
  }

  .link.wavy-link.home-link.large {
    width: 16%;
  }

  .link.wavy-link.home-link._404 {
    top: 100px;
  }

  .link.curved-underline.footer.tiny-link-footer, .link.curved-underline.footer.no-pd {
    margin-bottom: 10px;
  }

  .link.curved-underline.footer.no-bt-pd {
    margin-bottom: 0;
  }

  .line-graphic.footer {
    flex-flow: column;
    align-items: flex-start;
    margin-left: -650px;
    position: relative;
  }

  .custom-styles {
    -webkit-text-stroke-color: var(--a78dff);
  }

  .main-hero_layout {
    justify-content: center;
    align-items: center;
    width: 70%;
  }

  .main-hero_heading {
    letter-spacing: -3px;
  }

  .bg-color.black {
    display: block;
  }

  .bg-color.green {
    background-color: #fff;
    display: block;
  }

  .img {
    border-top-left-radius: 700px;
    border-top-right-radius: 700px;
  }

  .skills-block {
    flex-flow: column;
    justify-content: space-between;
  }

  .home-banner_com {
    width: 50%;
  }

  .padding-top.padding-huge {
    justify-content: space-between;
    margin-top: 0%;
  }

  .brix---card-testimonial-v14 {
    padding-right: 40px;
  }

  .text-block-15 {
    position: relative;
  }

  .trail-image-effect_list-wrapper {
    display: block;
  }

  .section-trial-testimonial {
    margin-bottom: 0;
  }

  .testimonial-main {
    justify-content: space-between;
  }

  .section_showcase {
    z-index: 30;
    grid-auto-flow: row;
    align-self: center;
    margin: 0 0%;
    position: relative;
  }

  .showcase_column.move {
    transform: none;
  }

  .footer-logo-wrapper {
    margin-top: 3%;
  }

  .link-footer.wavy-link {
    display: flex;
  }

  .section-hero {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .hero-main {
    justify-content: space-between;
    width: 100%;
    height: 100vh;
  }

  .item_content-wrapper {
    width: 65%;
  }

  .animation-hand {
    width: 50%;
    display: none;
    bottom: -153px;
    left: -50%;
  }

  .div-block-78 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .heading-j {
    z-index: 3;
  }

  .heading-j.j-italic {
    font-size: 64vh;
  }

  .heading-j.j-italic.intro {
    margin-right: -56px;
  }

  .heading-o {
    font-size: 30vw;
  }

  .heading-o.o-italic-2 {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: .6em;
  }

  .heading-o.heading {
    font-size: 64vh;
  }

  .heading-o.o-italic-2-copy {
    line-height: .6em;
  }

  .heading-o-last {
    font-size: 30vw;
  }

  .heading-o-last.heading {
    font-size: 64vh;
  }

  .heading-o-last.heading.intro {
    margin-right: -41px;
  }

  .heading-o-sec.o-italic {
    font-size: 30vw;
  }

  .heading-o-sec.o-italic.heading {
    font-size: 64vh;
    position: static;
  }

  .heading-o-sec.o-italic-about {
    font-size: 30vw;
  }

  .heading-o-sec.o-italic-about.heading {
    font-size: 64vh;
  }

  .italic.oups {
    margin-right: 20px;
  }

  .work-text-container {
    display: flex;
  }

  .work-text-block.white {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    color: var(--black);
  }

  .about-text-title {
    display: flex;
  }

  .skills-text {
    justify-content: center;
    align-items: flex-start;
    width: 73%;
  }

  .skills-heading {
    letter-spacing: -3px;
  }

  .skills-layout {
    justify-content: center;
    align-items: flex-start;
    width: 73%;
  }

  .main-hero_heading-copy {
    letter-spacing: -3px;
  }

  .skill-hero-text {
    justify-content: center;
    align-items: flex-start;
    width: 73%;
  }

  .skills-hero-heading {
    letter-spacing: -3px;
  }

  .skills-circle {
    inset: 35% auto 0 35px;
  }

  .asterix-skills-color.sm {
    font-size: 1.1em;
  }

  .about_image-2, .about_image-2.is-1, .about_image-3, .about_image-3.is-1, .about_image-4, .about_image-4.is-1, .about_image-5, .about_image-5.is-1, .about_image-6, .about_image-6.is-1, .about_image-7, .about_image-7.is-1, .about_image-8, .about_image-8.is-1 {
    width: 30%;
  }

  .marquee-icon._270 {
    width: 3vw;
  }

  .project-2-col.left-img-sm {
    height: 75vh;
  }

  .image-18 {
    width: 550px;
  }

  .image-21 {
    width: 500px;
  }

  .col-1, .col-1.no-pd.project, .col-2.pd {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .container-6.is--sticky {
    max-width: 1880px;
    padding-top: 100px;
  }

  .track_content-wrapper.div._270 {
    flex: 0 auto;
  }

  .track_content-wrapper.div._270.web._4 {
    background-image: url('../images/Screenshot-2024-07-03-195437.png');
  }

  .track_content-wrapper.div._270.web._5 {
    background-image: url('../images/Screenshot-2024-07-03-220346.png');
  }

  .track_content-wrapper.div.isp.web._4 {
    background-image: url('../images/Screenshot-2024-07-03-195437.png');
  }

  .track_content-wrapper.div.isp.web._5 {
    background-image: url('../images/Screenshot-2024-07-03-220346.png');
  }

  .track_content-wrapper.div.rolli {
    flex: 0 auto;
  }

  .track_content-wrapper.div.rolli.web._4 {
    background-image: url('../images/Screenshot-2024-07-03-195437.png');
  }

  .track_content-wrapper.div.rolli.web._5 {
    background-image: url('../images/Screenshot-2024-07-03-220346.png');
  }

  .track_content-wrapper.div.rolli.website-01 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 0;
  }

  .track_content-wrapper.div.rolli.website-02 {
    background-image: url('../images/rolli-catering.png');
    background-size: cover;
  }

  .track_content-wrapper.div.rolli.website-03 {
    background-image: url('../images/rolli-website-menu.jpg');
    background-size: cover;
  }

  .track_content-wrapper.div.rolli.website-04 {
    background-image: url('../images/rolli-website-menu-02.jpg');
    background-size: cover;
  }

  .track_content-wrapper.div.rolli.website-05 {
    background-image: url('../images/rolli-website-contact.jpg');
  }

  .text_frame-wrapper._1 {
    width: 73vw;
    height: 85vh;
  }

  .text_frame-wrapper._1.rolli {
    width: 55vw;
    height: 63vh;
  }

  .text_frame-wrapper._1.video, .text_frame-wrapper._1.video2, .text_frame-wrapper._1.video-copy, .text_frame-wrapper._1.video3, .text_frame-wrapper._1.video4 {
    height: 65vh;
  }

  .text_frame-wrapper._1.rolli-web {
    width: 55vw;
    height: 63vh;
  }

  .col-3 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .project-block-list {
    margin-bottom: 0;
  }

  .project-img {
    height: 600px;
  }

  .project-list-home {
    margin-bottom: 0;
  }

  .home-projects-img {
    height: 500px;
  }

  .rolli-img2 {
    width: auto;
  }

  .rolli-3 {
    width: 650px;
  }

  .rolli-7 {
    width: 200px;
  }

  .rounded-video {
    align-self: auto;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .video-project {
    height: 55vh;
  }

  .project-full {
    height: 100vh;
  }

  .project-full.rolli-hide {
    height: 85vh;
  }

  .project-3-cols.pd-sm {
    height: 55vh;
  }

  .project-3-cols.pd-sm.vertical {
    height: auto;
  }

  .container-7 {
    height: 100vh;
  }

  .service-item-top {
    grid-column-gap: 30px;
    grid-template-columns: 3fr 4.25fr;
    grid-auto-columns: minmax(50px, .25fr);
    grid-auto-flow: row;
  }

  .subtitle-7 {
    text-align: center;
    text-transform: uppercase;
    display: flex;
  }

  .body-display {
    font-size: 15px;
  }

  .slider-section {
    margin-top: 150px;
    margin-bottom: 150px;
  }

  .slider-section.no-pd.bt {
    margin-bottom: 0;
  }

  .slider-section.no-pd.hidden {
    display: none;
  }

  .slider-section.work.bt {
    margin-bottom: 0;
  }

  .slider-section.hidden {
    display: none;
  }

  .button-text-5 {
    font-size: 10px;
  }

  .nav-button {
    padding-left: 10%;
    padding-right: 10%;
    transform: rotate(-2deg);
  }

  .button-text {
    font-size: 10px;
  }

  .project-section.col {
    height: 100vh;
  }

  .project-section.col._2 {
    margin-top: 10em;
  }

  .project-img-1 {
    background-position: 0 100%;
    background-size: contain;
  }

  .project-categorie.sm, .project-categorie.large {
    font-weight: 600;
  }

  .project-col.last {
    margin-top: 0;
  }

  .project-col._1 {
    height: 70vh;
    margin-top: 250px;
  }

  .project-col._4 {
    margin-top: 0;
  }

  .col-moncha {
    flex-flow: column;
  }

  .project-img-3 {
    background-position: 0 100%;
  }

  .project-link-5 {
    position: relative;
    top: 0;
  }

  .project-img-4 {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .project-img-5 {
    background-position: 0 100%;
    background-size: contain;
  }

  .project-img-6 {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .smalll-text-container.mobile.experience, .smalll-text-container.no-mobile.experience {
    display: none;
  }

  .smalll-text-container.about {
    margin-top: 55px;
  }

  .heading-w {
    z-index: 3;
  }

  .col-isp, .col-lcc {
    flex-flow: column;
  }

  .col-lcc.no-pd-top {
    margin-bottom: -300px;
  }

  .image-collection.module_canvas-0 {
    margin-bottom: 1px;
  }

  .ground-warp {
    justify-content: flex-start;
    align-items: center;
    top: auto;
  }

  .more-block.white {
    color: var(--black);
  }

  .m {
    z-index: 3;
  }

  .link-more {
    bottom: auto;
  }

  .column-22 {
    align-items: center;
    margin-top: 0;
    bottom: -30em;
  }

  .heading-a, .heading-t, .heading-o-about.o-italic {
    font-size: 30vw;
  }

  .heading-o-about.o-italic.heading {
    font-size: 64vh;
  }

  .heading-o-about.o-italic-about {
    font-size: 30vw;
  }

  .heading-o-about.o-italic-about.heading {
    font-size: 64vh;
  }

  .poke-guru-col {
    flex-flow: column;
  }

  .letter-o-about {
    font-size: 30vw;
  }

  .letter-o-about.heading {
    font-size: 64vh;
  }

  .letter-o-about.o-italic-about {
    font-size: 32vw;
  }

  .rotate-circle-about.quote-text {
    width: 1.4em;
  }

  .rotate-circle-about.about-circle {
    width: 8.4em;
  }

  .heading-u {
    font-size: 30vw;
  }

  .heading-u.heading {
    font-size: 64vh;
  }

  .heading-b {
    font-size: 30vw;
  }

  .heading-b.o-italic-2 {
    line-height: .6em;
  }

  .heading-b.heading {
    font-size: 64vh;
  }

  .lcc-large-5 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .heading-p {
    z-index: 3;
  }

  .heading-p.j-italic {
    font-size: 64vh;
  }

  .heading-a-sec.o-italic {
    font-size: 30vw;
  }

  .heading-a-sec.o-italic.heading {
    font-size: 64vh;
  }

  .heading-a-sec.o-italic-about {
    font-size: 30vw;
  }

  .heading-a-sec.o-italic-about.heading {
    font-size: 64vh;
  }

  .heading-y {
    font-size: 30vw;
  }

  .heading-y.heading {
    font-size: 64vh;
  }

  .heading-w-work {
    z-index: 3;
  }

  .heading-w-work.j-italic {
    font-size: 64vh;
  }

  .heading-r-work.o-italic {
    font-size: 30vw;
  }

  .heading-r-work.o-italic.heading {
    font-size: 64vh;
  }

  .heading-r-work.o-italic-about {
    font-size: 30vw;
  }

  .heading-r-work.o-italic-about.heading {
    font-size: 64vh;
  }

  .heading-k-work {
    font-size: 30vw;
  }

  .heading-k-work.heading {
    font-size: 64vh;
  }

  .nav-menu-footer {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .heading-play {
    font-size: 30vw;
  }

  .heading-play.o-italic-2 {
    line-height: .6em;
  }

  .heading-play.heading {
    font-size: 64vh;
  }

  .heading-work {
    font-size: 30vw;
  }

  .heading-work.o-italic-2 {
    line-height: .6em;
  }

  .heading-work.heading {
    font-size: 64vh;
  }

  .link-work {
    bottom: 4%;
  }

  .gallery-wrapper.pd-top {
    margin-top: 0;
  }

  .carousel {
    z-index: 3;
  }

  .hero-text-gallery-container {
    display: flex;
  }

  .hero-text-center.white {
    color: var(--black);
  }

  .display-2xs, .display-m {
    font-size: 1.2rem;
  }

  .italic-name-project {
    font-size: 1.3rem;
  }

  .heading-o-italic {
    font-size: 30vw;
  }

  .heading-o-italic.o-italic-2 {
    line-height: .6em;
  }

  .heading-o-italic.heading {
    font-size: 64vh;
  }

  .heading-o-italic.o-italic-2-copy {
    line-height: .6em;
  }

  .hero-text-about-wrap.white {
    color: var(--black);
  }

  .skills-section-accordion {
    margin-bottom: 0;
  }

  .testimonial-main-copy {
    justify-content: space-between;
  }

  .polaroids-wrapper {
    z-index: 5;
  }

  .div-block-96 {
    z-index: 3;
  }

  .hero-text-top.white {
    color: var(--black);
  }

  .hero-text-bottom {
    width: auto;
    position: fixed;
  }

  .hero-text-bottom.white {
    color: var(--black);
  }

  .heading-w-copy {
    z-index: 3;
  }

  .project-4-col.left-img-sm {
    height: 75vh;
  }
}

@media screen and (max-width: 991px) {
  .header.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: block;
  }

  .tiny-text.white {
    text-align: left;
  }

  .tiny-text.black-2 {
    flex-flow: row;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .button {
    justify-content: center;
  }

  .button.cc-contact-us {
    display: none;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    margin-left: 30px;
    position: sticky;
  }

  .navigation-wrap {
    background-color: #fff;
  }

  .navigation {
    padding: 25px 30px;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-items {
    background-color: #fff;
    display: none;
  }

  .footer-wrap {
    flex-direction: column;
  }

  .copyright-link.black {
    padding-left: 5px;
    display: block;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .motto-wrap {
    height: 100vh;
  }

  .hero-title {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: block;
  }

  .social-block.white {
    display: none;
  }

  .link-block {
    margin-left: 20px;
    margin-right: 0;
  }

  .link-block-2, .link-block-4 {
    margin-right: 20px;
  }

  .mouse-icon._2, .mouse-icon._3, .mouse-icon._4 {
    margin-top: -50px;
    margin-bottom: 50px;
  }

  .mouse-icon._4.mobile {
    display: block;
  }

  .mouse-icon.insta, .mouse-icon.coming-soon {
    margin-top: -50px;
    margin-bottom: 50px;
  }

  .mouse {
    width: 30px;
  }

  .inner {
    flex-direction: column;
    align-items: center;
  }

  .hero-title-stroke-xl {
    display: none;
  }

  .nav-bar-logo {
    z-index: 1800;
    flex: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 5%;
    margin-left: 30px;
    display: inline-block;
  }

  .menu-text {
    font-size: 2.5em;
    line-height: 80px;
  }

  .menu-text.email {
    font-size: 1.3em;
    line-height: 50px;
  }

  .nav-bar-menu {
    margin-top: 5%;
    margin-right: 30px;
  }

  .div-block-26 {
    align-items: center;
  }

  .menu-text-block, .menu-text-block.w--current {
    font-size: 1.5em;
  }

  .nav-content {
    align-items: center;
  }

  .social-links-white {
    margin-right: 0;
  }

  .cursor-circle {
    display: none;
  }

  .main.no-border, .main.project {
    background-color: #fff;
  }

  .subtitle {
    display: none;
  }

  .subtitle.center {
    margin-top: 0;
    display: block;
  }

  .content-column {
    padding-top: 20px;
    padding-left: 0;
  }

  .hero-image.project.moncha {
    margin-top: 0;
  }

  .body {
    background-color: #fff;
  }

  .description-column {
    width: 100%;
    margin-right: 32px;
  }

  .hero-title-stroke-sm {
    margin-top: -25px;
    margin-left: 0;
    line-height: 20px;
    display: block;
  }

  .social-block-mobile.white {
    margin-bottom: 20px;
    display: block;
  }

  .heading-jumbo-xl-2 {
    font-size: 56px;
    line-height: 70px;
  }

  .heading-jumbo-xl-2.white {
    margin-bottom: 0;
    font-size: 60px;
  }

  .text-stroke-sm-2 {
    margin-top: -8px;
    padding-top: 0;
    font-size: 16px;
    display: block;
  }

  .social-links-2.white {
    margin-left: 0;
  }

  .text-stroke-extra-small-2 {
    display: none;
  }

  .category {
    margin-bottom: 5px;
  }

  .container-project {
    margin-top: 0;
  }

  .project-wrap {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    display: flex;
  }

  .next {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 150px;
    margin-bottom: 200px;
    display: flex;
  }

  .next-title {
    font-size: 50px;
    line-height: 50px;
  }

  .next-project {
    width: 90vw;
    height: 46vh;
  }

  .collection-list-wrapper {
    margin-bottom: 100px;
  }

  .div-stroke-sm-project {
    margin-left: 0;
    display: none;
  }

  .back-home-text {
    text-align: left;
    font-size: 50px;
    line-height: 50px;
  }

  .home-div {
    justify-content: flex-end;
  }

  .div-block-51 {
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: block;
  }

  .div-block-52 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .back-home-text-2 {
    text-align: left;
    font-size: 50px;
    line-height: 50px;
  }

  .next-title-2 {
    font-size: 50px;
    line-height: 50px;
  }

  .footer-desktop {
    justify-content: space-between;
    margin-top: 100px;
    padding-top: 130px;
    display: flex;
  }

  .divider-stroke {
    width: 30px;
    margin-top: 20px;
    display: block;
  }

  .container-cta {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: block;
  }

  .paragraph {
    text-align: center;
  }

  .column.padding-top {
    margin-top: 25px;
  }

  .d-135-card-wrapper {
    margin-bottom: 60px;
  }

  .portfolio-wrap-text-sm {
    height: 100vh;
  }

  .subtitle-3 {
    display: none;
  }

  .text-stroke-sm-3 {
    display: block;
  }

  .smooth-wrapper.bkg-color, .smooth-wrapper.bkg-black {
    background-color: var(--white);
  }

  .loading-animation-wrap {
    background-color: #0000;
    height: 100vh;
    display: none;
  }

  .loading-animation {
    position: relative;
  }

  .contact-wrap-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-3 {
    flex-direction: column;
    justify-content: space-between;
    height: 90vh;
    margin-bottom: 0;
  }

  .address {
    text-align: center;
    margin-top: 2.5em;
  }

  .column-8 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .vertical-text-wrap.center {
    display: flex;
  }

  .vertical-text-wrap.center.padding {
    margin-left: 10px;
  }

  .lottie-scroll-wrapper {
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
  }

  .rotate-circle-top {
    width: 60%;
    left: -35%;
  }

  .rotate-circle-top.quote-text {
    width: 40%;
    min-width: 80px;
  }

  .footer-column.mobile {
    justify-content: center;
    align-items: center;
    max-width: 80%;
  }

  .email-footer-link {
    color: #32343a;
    transition: font-size .2s, opacity .4s;
  }

  .email-footer-link:hover {
    font-size: 18px;
  }

  .email-text {
    color: var(--black);
  }

  .heading-7 {
    text-align: left;
    font-size: 8vw;
  }

  .heading-7.padding_top {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 15px;
  }

  .heading-7.black {
    font-size: 3.9em;
    line-height: 1.2em;
  }

  .copyright-grid {
    grid-column-gap: 50px;
    grid-template-columns: 3.25fr 2fr;
    width: 80%;
    padding-top: 20px;
    padding-bottom: 25px;
  }

  .copyright-link-right {
    margin-top: 0;
  }

  .footer-grid-horizontal.no-top-divider {
    grid-template-rows: auto auto;
  }

  .intro-section.no_bkg_color {
    justify-content: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .intro-section.no_bkg_color.instagram {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .intro-section.no_bkg_color.full_width {
    height: 30vh;
    margin-top: 80px;
  }

  .intro-section.no_bkg_color.sm {
    margin-top: -50px;
  }

  .intro-section.no_bkg_color.image-product {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
  }

  .intro-section.no_bkg_color.image-product.desktop {
    display: none;
  }

  .intro-section.no_bkg_color._1 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .intro-section.no_bkg_color.instagram-home {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .intro-section.pattern_bg {
    justify-content: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .intro-section.pattern_bg.instagram {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .intro-section.pattern_bg.full_width {
    height: 30vh;
    margin-top: 80px;
  }

  .intro-section.pattern_bg.intro {
    height: 800px;
  }

  .intro-section.pattern_bg.sm {
    margin-top: -50px;
  }

  .intro-section.pattern_bg.image-product {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
  }

  .intro-section.pattern_bg.image-product.desktop {
    display: none;
  }

  .intro-section.pattern_bg.product-thumbnail {
    height: 800px;
  }

  .intro-section.pattern_bg._1 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .intro-section.pattern_bg.instagram-home {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .heading-8 {
    margin-top: 0;
  }

  .heading.h2 {
    text-align: center;
  }

  .heading.xl {
    white-space: pre-line;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
    font-size: 75px;
    line-height: 85px;
  }

  .instagram-photo._5 {
    display: none;
  }

  .leaf-wrap.no-padding {
    margin-top: -30px;
    margin-bottom: -100px;
  }

  .leaf-wrap.no-padding.no-padding-bottom {
    align-self: center;
    margin-top: -35px;
    margin-bottom: -100px;
  }

  .lotttie-leaf {
    margin-top: -10px;
  }

  .grid-product {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    width: 100%;
    height: auto;
  }

  .grid-product._2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .ingredient-grid._3-col {
    justify-items: center;
    width: 100%;
  }

  .ingredient-grid._5-col.center {
    grid-column-gap: 40px;
    width: 90%;
  }

  .slider-product {
    height: 500px;
  }

  .text-xl-wrap.no_padding {
    width: 80%;
  }

  .product-effect-wrapper {
    width: 500px;
    height: auto;
  }

  .product-effect-wrapper._2 {
    width: 500px;
    display: block;
  }

  .product-effect-wrapper._2.image_effect_2 {
    height: auto;
    display: block;
  }

  .product-effect-wrapper.image_effect_1, .product-effect-wrapper._3.image_effect_3 {
    height: auto;
  }

  .product-effect-wrapper._4.image_effect_4 {
    width: 100%;
    height: auto;
  }

  .product-effect-wrapper._3 {
    width: 500px;
    display: none;
  }

  .product-effect-wrapper._3.image_effect_2 {
    height: auto;
    display: block;
  }

  .product-parallax-wrapper {
    width: 500px;
    height: 600px;
    position: relative;
  }

  .product-parallax-wrapper._2 {
    width: 500px;
    height: 600px;
  }

  .product-parallax-wrapper._2.image_parallax_2, .product-parallax-wrapper.image_parallax_1 {
    height: 600px;
  }

  .product-parallax-wrapper._4.image_parallax_4 {
    flex-wrap: nowrap;
    align-self: center;
    align-items: center;
    width: 600px;
    height: 600px;
    position: relative;
  }

  .product-parallax-wrapper._3 {
    width: 500px;
    height: 600px;
  }

  .product-parallax-wrapper._3.image_parallax_2 {
    height: 600px;
  }

  .product-image._1, .product-image._2 {
    background-size: cover;
  }

  .product-image._4 {
    background-position: 50%;
    justify-content: center;
    align-items: center;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .product-image._5 {
    position: absolute;
    inset: 0%;
  }

  .product-image._3 {
    background-size: cover;
  }

  .d-59-shine {
    height: 20%;
  }

  .product-caption {
    display: none;
  }

  .grid-4 {
    grid-column-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 90%;
  }

  .hero-product-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .full-image-wrap._2 {
    background-image: none;
  }

  .image-wrap-leaf {
    flex-direction: column;
    height: auto;
  }

  .image-wrap-leaf._1, .image-wrap-leaf._2 {
    height: auto;
  }

  .image-wrap-leaf._3 {
    flex-direction: column;
    height: auto;
  }

  .image-wrap-leaf._5, .image-1 {
    height: auto;
  }

  .subtitile-block {
    width: 50%;
    margin-top: 0;
  }

  .subtitile-block._30 {
    width: 50%;
  }

  .image-2, .image-3 {
    height: auto;
  }

  .image-4 {
    flex-direction: row;
    justify-content: center;
    height: auto;
  }

  .image-5 {
    align-items: center;
    height: auto;
  }

  .instagram {
    justify-content: center;
    height: auto;
    padding-top: 100px;
  }

  .grid-instagram-3 {
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr .25fr;
    width: 80%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .text-block {
    margin-top: 0;
  }

  .subtitle-4 {
    display: none;
  }

  .subtitle-4.center {
    display: block;
  }

  .about-effect-wrapper._1.about_effect_1, .about-effect-wrapper._2.about_effect_2, .about-effect-wrapper._3.about_effect_3 {
    width: 100%;
    height: auto;
  }

  .about-parallax-wrapper._1.about_parallax_1 {
    width: 100%;
    height: 600px;
  }

  .about-parallax-wrapper._3.about_parallax_3 {
    width: 100%;
    height: 600px;
    position: relative;
  }

  .about_image._1, .about_image._2, .about_image._3 {
    background-size: cover;
    width: auto;
    height: auto;
    position: absolute;
    inset: 0%;
  }

  .loading-content {
    align-items: center;
    width: 100%;
  }

  .lottie-animation-2 {
    width: 30px;
  }

  .link-block-13 {
    height: auto;
    margin-bottom: 100px;
  }

  .contact-footer-mobile {
    grid-column-gap: 60px;
    border-top: 1px #7a7b8a5e;
    border-bottom: 1px solid #7a7b8a5e;
    border-radius: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 80%;
    padding-top: 50px;
    padding-bottom: 75px;
  }

  .logo-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .footer-wrap-col {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .footer-wrap-col.top, .footer-wrap-col.play {
    display: flex;
  }

  .footer-wrap-col.play.bottom {
    align-items: flex-start;
  }

  .footer-wrap-col.title-xl {
    display: flex;
  }

  .column-11 {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding-right: 0;
  }

  .column-11.black.no-pd {
    padding-bottom: 0;
  }

  .footer-mobile {
    justify-content: flex-start;
    height: auto;
    display: flex;
  }

  .logo-loading-wrap {
    flex: none;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-left: 0%;
    display: flex;
    position: absolute;
  }

  .logo-loading.w--current {
    margin-top: 0%;
    margin-left: 0%;
  }

  .ctamobile {
    justify-content: center;
    height: 500px;
    display: flex;
  }

  .column-12 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 100px;
    display: block;
  }

  .section-product-mobile.no_bkg_color {
    justify-content: center;
    height: auto;
  }

  .section-product-mobile.no_bkg_color.image-product {
    margin-top: 80px;
    margin-bottom: 150px;
    display: flex;
  }

  .product-effect-wrapper-mobile {
    width: 100%;
    height: auto;
  }

  .product-effect-wrapper-mobile._2 {
    width: 100%;
    display: flex;
  }

  .column-11-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .coming-image {
    height: auto;
  }

  .slidecontent {
    min-width: 300px;
  }

  .slider {
    width: 600px;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
  }

  .slider.mobile {
    display: flex;
  }

  .mask {
    overflow: hidden;
  }

  .hero-text-wrap {
    position: absolute;
    inset: auto 0% 0%;
  }

  .c-arrows-wrapper {
    margin-top: 34px;
    margin-right: 44px;
  }

  .transition2, .modal-wrapper {
    display: none;
  }

  .html-embed-2 {
    width: 80%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .nav1-logo-wrapper-2 {
    flex: none;
    justify-content: space-between;
    align-items: center;
    margin-left: 30px;
    display: inline-block;
  }

  .looping-heading {
    font-size: 48px;
  }

  .container-2 {
    padding: 2em;
    font-size: 14px;
  }

  .arrow-down.large {
    height: 5em;
  }

  .hero-rotate-base-front, .hero-rotate-base-back, .hero-rotate-base {
    width: 30%;
  }

  .image-11 {
    width: 10%;
  }

  .line-1 {
    padding-left: 2em;
  }

  .line-2 {
    margin-left: 2em;
  }

  .text-link.xl {
    text-align: center;
    font-size: 2.4em;
  }

  .section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .frame-item {
    padding-left: 24px;
    padding-right: 24px;
  }

  .single-project-title.h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .single-project-title.h1.me-work {
    font-size: 3.8em;
    left: 16px;
  }

  .panel5, .panel-6 {
    width: 120vw;
  }

  .container-3 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .work-section {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  .horizontal-item {
    width: 52%;
  }

  .cursor-circle-next {
    display: none;
  }

  .arrow-down-link.large {
    height: 5em;
  }

  .link.wavy-link.footer {
    width: 95%;
  }

  .link.wavy-link.project {
    width: 30%;
    display: block;
  }

  .link.wavy-link.project.hidden {
    display: block;
  }

  .link.wavy-link.white-footer {
    width: auto;
  }

  .link.wavy-link.home-link.first {
    display: block;
  }

  .link.curved-underline {
    margin-top: 20px;
  }

  .link.curved-underline.footer {
    margin-bottom: 0;
  }

  .background__fill {
    z-index: 1;
    position: relative;
  }

  .background__lottie {
    z-index: 2;
    flex: none;
    position: relative;
  }

  .main-hero_layout {
    width: 90vw;
  }

  .main-hero_heading {
    font-size: 5em;
  }

  .main-hero_heading.white {
    width: 100%;
    margin-top: 100px;
    display: block;
  }

  .wrapper-img {
    width: 40vw;
    height: 50vw;
  }

  .home-work-cms {
    padding-bottom: 4rem;
  }

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

  .home-service_card {
    border-bottom: 1px dashed #e7eeee;
    border-right-style: none;
    padding: 3rem 0;
  }

  .home-service-list {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .skills-block {
    height: auto;
  }

  .home-service_top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-large {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 104rem) minmax(1rem, 1fr);
  }

  .home-faq-top {
    grid-template-columns: 2rem 1fr auto;
  }

  .testimonial {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial.padding-small {
    margin-bottom: 0;
  }

  .home-service-top {
    padding-top: 3rem;
    padding-bottom: 8rem;
  }

  .home-faq-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
  }

  .home-banner_com {
    align-items: center;
    height: auto;
  }

  .home-banner_content {
    max-width: 70vw;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-service_grid {
    padding-top: 8rem;
  }

  .line-client {
    padding-left: 2em;
  }

  .brix---paragraph-large {
    font-size: 20px;
    line-height: 32px;
  }

  .brix---testimonial-v14-left-right {
    max-width: 100%;
  }

  .brix---testimonial-v14-left-side {
    margin-bottom: 36px;
    margin-right: 0;
  }

  .brix---slider-wrapper {
    flex-flow: column;
    margin-top: 100px;
    display: flex;
  }

  .brix---btn-slider-arrow-left---testimonial-v12 {
    left: 10px;
  }

  .brix---card-testimonial-v14 {
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    padding-left: 32px;
  }

  .brix---slide-item-mg {
    vertical-align: middle;
  }

  .brix---btn-slider-arrow-right---testimonial-v12 {
    right: 10px;
  }

  .brix---mg-bottom-32px {
    margin-bottom: 24px;
  }

  .filter-project-title.h2 {
    font-size: 40px;
    line-height: 48px;
  }

  .filter-project-title.h1.me-work {
    font-size: 3.8em;
    left: 16px;
  }

  .testimonial-slider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial-slider.padding-small {
    height: auto;
    margin-bottom: 5%;
  }

  .link-block-15.project {
    width: 100px;
    height: 100px;
  }

  .link-block-15.project-link {
    display: none;
  }

  .link-block-15.project-link.mobille {
    width: 100px;
    height: 100px;
    margin-top: 50px;
    display: none;
    position: relative;
  }

  .testimonial-main {
    margin-top: 20px;
  }

  .footer-logo-wrapper {
    z-index: 1800;
    flex: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 3%;
    margin-left: 30px;
    display: inline-block;
  }

  .accordion-item.is--first.top {
    margin-top: 5em;
    padding-bottom: 5em;
  }

  .accordion-item.is--first.top-2 {
    margin-top: 0;
    padding-bottom: 5em;
  }

  .accordion_paragraph {
    text-align: center;
    margin-left: 0;
  }

  .item_content-wrapper {
    align-self: center;
    width: 80%;
  }

  .icon_wrapper {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .skills {
    padding-top: 0;
    padding-bottom: 0;
  }

  .line-client-2 {
    padding-left: 2em;
  }

  .explore-cirlce {
    width: 60%;
    left: -35%;
  }

  .arrow-down-copy.large {
    height: 5em;
  }

  .menu-email {
    font-size: 2.5em;
    line-height: 80px;
  }

  .menu-email.email {
    font-size: 1.3em;
    line-height: 50px;
  }

  .animation-hand {
    z-index: 2;
    flex: none;
    position: relative;
  }

  .accordion-section.sm {
    justify-content: center;
    height: 40vh;
  }

  .menu-email-block, .menu-email-block.w--current {
    font-size: 1.5em;
  }

  .div-block-78 {
    flex: 1;
  }

  .heading-j.j-italic {
    margin-left: 20px;
    margin-right: -30px;
    font-size: 42vw;
  }

  .heading-j.j-italic.intro {
    margin-right: -33px;
  }

  .heading-o {
    font-size: 30vh;
  }

  .heading-o.heading {
    font-size: 42vw;
  }

  .heading-o.heading.intro {
    margin-right: -20px;
  }

  .heading-o-last {
    font-size: 30vh;
  }

  .heading-o-last.heading {
    font-size: 41vw;
  }

  .heading-o-last.heading.intro {
    margin-right: -49px;
  }

  .heading-o-sec.o-italic {
    font-size: 30vh;
  }

  .heading-o-sec.o-italic.heading {
    font-size: 43vw;
  }

  .heading-o-sec.o-italic.heading.intro {
    margin-right: -11px;
  }

  .heading-o-sec.o-italic-about {
    font-size: 30vh;
  }

  .italic.footer {
    font-size: 68px;
  }

  .italic.footer-copy {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .work-text-div {
    flex-direction: column;
    justify-content: flex-end;
  }

  .work-text-container {
    flex: 1;
    justify-content: center;
    padding-top: 0;
  }

  .work-text-wrap {
    flex: 0 auto;
    align-self: auto;
    display: block;
  }

  .work-text-block {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .work-text-block.white {
    height: auto;
    bottom: -12%;
  }

  .div-block-79 {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-81 {
    justify-content: flex-start;
  }

  .about-text-title {
    flex-direction: column;
    justify-content: center;
    height: 300px;
  }

  .skills-heading, .main-hero_heading-copy, .skills-hero-heading {
    font-size: 5em;
  }

  .asterix-skills {
    display: flex;
    position: absolute;
    top: auto;
    bottom: -4%;
  }

  .skills-circle-div {
    width: 60%;
    left: -35%;
  }

  .skills-cercle-div {
    bottom: 4.6vh;
    right: -2.1vw;
  }

  .about_heading {
    width: 90%;
    margin-top: 150px;
    font-size: 2.1em;
    line-height: 1.2em;
  }

  .text-italic {
    border-bottom-width: 0;
    border-bottom-color: #000;
  }

  .skills-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .skills-section.padding-sm {
    width: 100vw;
  }

  .skills-grid-large {
    grid-template-columns: minmax(1rem, 1fr) minmax(auto, 104rem) minmax(1rem, 1fr);
  }

  .marquee-text.project-copy {
    margin-right: 10px;
    font-size: 110px;
  }

  .marquee-icon.black {
    width: 6vw;
  }

  .marquee-icon._270 {
    width: 9vw;
  }

  .marquee-icon.poke-guru, .marquee-icon.lcc {
    width: 8vw;
  }

  .project-text-section._2-col.no-pd {
    width: 100vw;
  }

  .quick-stack-2 {
    grid-column-gap: 50px;
  }

  .cell {
    padding-right: 20px;
  }

  .project-2-col.pd-top {
    margin-top: 30px;
  }

  .project-2-col.left-img-sm, .project-2-col.left-img-big {
    height: 40vh;
  }

  .image-18 {
    width: 100%;
  }

  .cell-2.align-bottom {
    justify-content: flex-start;
  }

  .project-description {
    padding-left: 0%;
    padding-right: 0%;
  }

  .project-description._2col {
    grid-column-gap: 20px;
    width: 100vw;
  }

  .testimonial-project {
    width: 100vw;
    margin-top: 50px;
    margin-bottom: 0;
  }

  .testimonial-project-text {
    max-width: 100%;
    padding-top: 46px;
    padding-bottom: 46px;
  }

  .testimonial-project-title {
    margin-bottom: 36px;
    margin-right: 0;
  }

  .project-horizontal-item {
    width: 52%;
  }

  .container-6 {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .text_frame-wrapper {
    height: 60vh;
  }

  .text_frame-wrapper._1 {
    width: 97%;
    height: 50%;
  }

  .padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .project-stack {
    margin-bottom: 100px;
  }

  .marquee-content-container-project {
    margin-right: 4vw;
  }

  .work-text-project {
    background-size: 450px;
    flex-direction: column;
    justify-content: flex-end;
    height: 800px;
  }

  .div-video {
    margin-bottom: 0;
  }

  .cell-4 {
    justify-content: flex-end;
  }

  .image-30.no-pd.sm {
    width: 100%;
  }

  .background-video {
    width: 100%;
    height: 700px;
  }

  .moncha._2 {
    width: 100%;
  }

  .div-block-84 {
    width: 100%;
    height: 700px;
    margin-top: 0;
  }

  .div-block-85 {
    width: 100%;
    margin-top: 0;
  }

  .cell-6 {
    display: none;
  }

  .video-project {
    width: 100%;
    height: 300px;
  }

  .project-full {
    height: auto;
  }

  .project-full.pd-top {
    margin-top: 30px;
  }

  .project-full.video {
    height: auto;
  }

  .project-3-cols.pd-top {
    margin-top: 30px;
  }

  .project-3-cols.pd-sm {
    height: 300px;
  }

  .div-img {
    margin-bottom: 0;
  }

  .slide1.stroke {
    width: 100%;
  }

  .splide__arrows {
    top: 6%;
    bottom: 0%;
  }

  .splide__track {
    width: 100%;
  }

  .image-holder {
    margin-right: 50px;
  }

  .splide__slide {
    margin-right: 0;
  }

  .slide-image-2 {
    width: 58%;
  }

  .splide__track-2 {
    width: 70%;
  }

  .subtitle-7 {
    text-decoration: none;
  }

  .service-bottom-content {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    padding-top: 60px;
  }

  .body-display, .body-display.small {
    text-align: left;
  }

  .slider-section {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .nav-button-3.top-padding {
    margin-top: -105px;
  }

  .button-div {
    margin-top: 0;
  }

  .project-2-cols.pd-top {
    margin-top: 30px;
  }

  .project-2-cols.pd-sm {
    height: 300px;
  }

  .slide-2, .slide-3, .slide-4, .slide-5 {
    width: 90%;
  }

  .image-holder-copy {
    margin-right: 50px;
  }

  .article {
    height: 45vh;
  }

  .page-2 {
    display: block;
  }

  .heading---char {
    font-size: 2.9rem;
  }

  .heading---char.italic {
    font-size: .4em;
  }

  .title-project {
    text-align: left;
    font-size: 70px;
    line-height: 35px;
  }

  .title-project.padding_top {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 15px;
  }

  .title-project.black {
    font-size: 2.4em;
    line-height: 1.5em;
  }

  .project-categorie {
    font-size: 5em;
  }

  .project-categorie.large {
    display: block;
  }

  .project-col._1 {
    margin-top: 100px;
  }

  .app {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .h1 {
    font-size: 6rem;
  }

  .smalll-text-container {
    display: none;
  }

  .smalll-text-container.mobile.top {
    display: block;
  }

  .smalll-text-container.mobile.experience, .smalll-text-container.top {
    display: none;
  }

  .columns-8 {
    flex-flow: column;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .sm-text-fluo {
    text-align: center;
  }

  .column-text {
    justify-content: center;
    align-self: center;
    margin-top: 30px;
  }

  .product_link {
    grid-column-gap: 1rem;
    grid-row-gap: 1.5rem;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .skills_img {
    opacity: 1;
    flex: none;
    align-self: center;
    width: 80%;
    margin-bottom: 50px;
    position: relative;
  }

  .product_content {
    flex-wrap: wrap;
    padding-right: 0;
  }

  .heading-w {
    margin-left: -37px;
    margin-right: -109px;
  }

  .smooth-content {
    background-color: var(--color);
  }

  .global-footer {
    min-width: 768px;
    max-width: 991px;
  }

  .unit_programs {
    width: 340px;
  }

  .footer-column-2 {
    flex-direction: column;
    align-items: stretch;
    max-width: none;
    display: flex;
  }

  .ac-gf-footer-legal {
    flex-direction: column;
  }

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

  .gn-list {
    width: 100%;
    padding-left: 10px;
    padding-right: 0;
  }

  .project_image-wrap.more-programs {
    height: 325px;
  }

  .globalnav {
    height: 48px;
    display: block;
  }

  .gn-link {
    width: 48px;
    height: 48px;
    display: none;
  }

  .gn-link.gn-apple, .gn-link.bag {
    display: block;
  }

  .she-creates-image {
    width: auto;
    max-width: 768px;
    height: 389px;
  }

  .ac-gf-directory.with-5-columns {
    margin-bottom: 20px;
    overflow: visible;
  }

  .ac-gf-content {
    width: auto;
  }

  .gn-bread {
    display: flex;
  }

  .ac-gf-footer-legal-links {
    margin-top: 5px;
  }

  .footer-playground {
    justify-content: space-between;
    margin-top: 100px;
    padding-top: 130px;
    display: flex;
  }

  .ground-warp, .play-warp {
    background-size: 450px;
    flex-direction: column;
    justify-content: flex-end;
    height: 800px;
  }

  .more-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .black-div {
    background-color: #0000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .column-number {
    text-align: center;
    justify-content: center;
    align-self: center;
    margin-bottom: 10px;
    display: flex;
  }

  .heading-a {
    margin-left: -72px;
    margin-right: 0;
    line-height: 2.7em;
    bottom: 80px;
  }

  .heading-a.about-page {
    margin-left: -41px;
    margin-right: -26px;
  }

  .heading-t {
    line-height: 2.7em;
  }

  .heading-o-about.o-italic, .heading-o-about.o-italic-about {
    font-size: 30vh;
  }

  .black-pd {
    padding-bottom: 50px;
  }

  .letter-o-about {
    font-size: 30vh;
  }

  .letter-o-about.o-italic-about {
    margin-right: -15px;
    line-height: 2.7em;
  }

  .letter-o-about.o-italic-about.about-page {
    margin-left: -32px;
    margin-right: 0;
  }

  .rotate-circle-about {
    width: 60%;
    left: -35%;
  }

  .rotate-circle-about.quote-text, .rotate-circle-about.about-circle {
    width: 25%;
  }

  .heading-u {
    margin-right: 0;
    line-height: 2.4em;
  }

  .heading-b {
    margin-left: 0;
    line-height: 2.4em;
  }

  .about-circle-link {
    width: 40%;
    margin-left: 30px;
  }

  .about-circle-div {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .column-social {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 20px;
    display: flex;
    position: static;
  }

  .column-social.black {
    margin-top: 0;
  }

  .heading-p {
    margin-right: 2px;
  }

  .heading-p.j-italic {
    margin-left: 20px;
    margin-right: -30px;
    font-size: 42vw;
  }

  .heading-a-sec.o-italic {
    font-size: 30vh;
  }

  .heading-a-sec.o-italic.heading {
    font-size: 43vw;
  }

  .heading-a-sec.o-italic-about {
    font-size: 30vh;
  }

  .heading-y {
    margin-left: -67px;
    font-size: 30vh;
  }

  .heading-y.heading {
    font-size: 41vw;
  }

  .heading-w-work.j-italic {
    margin-left: 20px;
    margin-right: -30px;
    font-size: 42vw;
  }

  .heading-r-work.o-italic {
    font-size: 30vh;
  }

  .heading-r-work.o-italic.heading {
    font-size: 43vw;
  }

  .heading-r-work.o-italic-about, .heading-k-work {
    font-size: 30vh;
  }

  .heading-k-work.heading {
    font-size: 41vw;
  }

  .nav-menu-links {
    width: 70%;
  }

  .nav-menu-link-text {
    font-size: 10vw;
  }

  .nav-menu-photo-mask {
    width: 32vh;
    height: 45vh;
  }

  .nav-menu-photo-mask.nav-menu-photo-mask-2 {
    width: 22vh;
    height: 27vh;
  }

  .nav-menu-photos {
    width: 50%;
  }

  .nav-menu-photo-direction.nav-menu-photo-direction-3 {
    top: -100px;
  }

  .nav-menu-photo-direction.nav-menu-photo-direction-1 {
    left: 218px;
  }

  .nav-menu-photo-direction.nav-menu-photo-direction-2 {
    top: 156px;
  }

  .nav-menu-footer {
    padding-left: 5vw;
  }

  .o-italic {
    font-size: 10vw;
  }

  .o-italic.footer {
    font-size: 68px;
  }

  .o-italic.footer-copy {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .l-italic {
    text-indent: -3px;
    margin-bottom: 0;
    font-size: 11vw;
    line-height: .6em;
    display: block;
  }

  .l-italic.footer {
    font-size: 68px;
  }

  .l-italic.footer-copy {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .container-9 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container-9.hero {
    flex-direction: column;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .hero_left {
    width: 100%;
    height: auto;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .hero_right {
    height: 58em;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 1vw;
    overflow: hidden;
  }

  .splide__slide-3 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10em;
  }

  .hero_content {
    padding-top: 7.8em;
  }

  .splide-2.splide2 {
    width: 100%;
  }

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

  .container-10 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .container-10.hero {
    flex-direction: column;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .splide__slide-4 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10em;
  }

  .splide-3.splide2 {
    width: 100%;
  }

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

  .slide2_img, .slide3_img, .slide4_img {
    height: 46em;
  }

  .heading-project, .heading-project.x-01, .heading-project.x-03, .heading-project.x-05 {
    display: none;
  }

  .heading-play {
    font-size: 30vh;
  }

  .heading-play.heading {
    font-size: 42vw;
  }

  .heading-work {
    font-size: 30vh;
  }

  .heading-work.heading {
    font-size: 42vw;
  }

  .project-div {
    background-color: #fff;
  }

  .menu-o-italic {
    text-indent: -2px;
    margin-bottom: 0;
    font-size: 11vw;
    line-height: .8;
    display: block;
  }

  .menu-o-italic.footer {
    font-size: 68px;
  }

  .menu-o-italic.footer-copy {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .image-wrapper {
    height: 60vh;
  }

  .slide-hover, .slide-work-2, .slide-work-3, .slide-work-4, .slide-work-5, .slide-work-6, .slide-work-7 {
    width: 90%;
  }

  .image-inner-rotated {
    width: 100%;
  }

  .container-gallery {
    padding-left: 3em;
    padding-right: 3em;
  }

  .hero-text-gallery {
    flex-direction: column;
    justify-content: flex-end;
  }

  .hero-text-gallery-container {
    flex: 1;
    justify-content: center;
    padding-top: 0;
  }

  .hero-texte-gallery-wrap {
    flex: 0 auto;
    align-self: auto;
    display: block;
  }

  .hero-text-center.white {
    height: auto;
    bottom: -12%;
  }

  .card-1 {
    border-color: #313131;
    max-width: 75vw;
  }

  .card-image {
    transform: translate(50%);
  }

  .card-content {
    width: 100%;
  }

  .card-2, .card-3, .card-4, .card-5, .card-6, .card-7, .card-8, .card-9, .card-10, .card-11, .card-12, .card-13, .card-14, .card-15, .card-16, .card-17, .card-18, .card-19, .card-20, .card-21, .card-22 {
    border-color: #313131;
    max-width: 75vw;
  }

  .heading-o-italic {
    font-size: 30vh;
  }

  .heading-o-italic.heading {
    font-size: 42vw;
  }

  .heading-o-italic.no-pd {
    margin-left: -82px;
  }

  .hero-text-about-wrap {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .hero-text-about-wrap.white {
    height: auto;
    bottom: -12%;
  }

  .about-text-section._2-col.no-pd {
    width: 100vw;
  }

  .about-grid {
    grid-column-gap: 50px;
  }

  .about-grid.column {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    display: flex;
  }

  .testimonial-main-copy {
    margin-top: 20px;
  }

  .polaroid-frame {
    width: 17rem;
    height: 19rem;
  }

  .polaroid-frame._4 {
    left: 54px;
    transform: translate(-25vw)rotate(-6deg);
  }

  .polaroid-frame._2 {
    left: 45px;
    transform: translate(54vw)rotate(3deg);
  }

  .polaroid-frame._3 {
    left: -43px;
    transform: translate(40vw, -1vh)rotate(14deg);
  }

  .polaroid-frame._5 {
    width: 22.5rem;
  }

  .polaroid-frame._1 {
    left: 38px;
    transform: translate(-48vw)rotate(13deg);
  }

  .polaroid-image-wrapper {
    width: 15rem;
    height: 17rem;
  }

  .polaroids-wrapper {
    align-items: center;
    bottom: -163px;
    transform: scale(.8);
  }

  .div-block-96 {
    margin-left: -26px;
  }

  .link-text {
    flex: none;
    width: 100%;
  }

  .hero-text-top {
    z-index: 125;
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .hero-text-top.white {
    height: auto;
    bottom: -12%;
  }

  .hero-text-bottom {
    z-index: 101;
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .hero-text-bottom.white {
    height: auto;
    bottom: -12%;
  }

  .heading-w-copy {
    margin-left: -37px;
    margin-right: -109px;
  }

  .cell-2-grid.align-bottom {
    justify-content: flex-start;
  }

  .column-27 {
    justify-content: center;
    display: flex;
  }

  .project-4-col.pd-top {
    margin-top: 30px;
  }

  .project-4-col.left-img-sm, .project-4-col.left-img-big, .project-4-col.grid-right {
    height: 40vh;
  }
}

@media screen and (max-width: 767px) {
  .header {
    margin-left: 15px;
    margin-right: 15px;
  }

  .header.cc-cta {
    padding: 15px;
  }

  .container {
    text-align: center;
    flex-direction: column;
    max-width: none;
    margin-top: 40px;
    display: flex;
  }

  .tiny-text.white {
    text-align: left;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 8.5px;
    line-height: 15px;
    display: block;
  }

  .tiny-text.black-2 {
    text-align: left;
    flex-flow: column;
    font-size: .6em;
    line-height: 1.5em;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .paragraph-bigger.cc-bigger-light {
    line-height: 30px;
  }

  .heading-jumbo {
    font-size: 120px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .copyright-link {
    width: auto;
    padding-left: 0;
    display: block;
  }

  .copyright-link.black {
    padding-left: 0;
  }

  .cta-wrap {
    padding: 0 30px 60px;
  }

  .hero {
    z-index: 3;
    background-color: var(--white);
  }

  .hero-caption {
    width: 80%;
  }

  .motto-wrap {
    height: auto;
    margin-top: 13px;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .social-block.white {
    justify-content: center;
    align-items: center;
    margin-top: -48px;
  }

  .link-block {
    margin-left: 20px;
    margin-right: 0;
  }

  .mouse-icon {
    text-align: center;
  }

  .mouse-icon._4.mobile {
    margin-bottom: 100px;
  }

  .inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .hero-title-stroke-xl {
    flex-direction: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    display: none;
  }

  .nav-bar-logo {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 5%;
    margin-left: 20px;
    padding-bottom: 0;
    inset: 0% auto auto 0%;
  }

  .menu-text {
    font-size: 2.5em;
    line-height: 70px;
  }

  .menu-text-sm {
    font-size: 28px;
    line-height: 28px;
  }

  .div-block-26 {
    align-items: center;
    margin-left: 0;
  }

  .nav-content {
    display: none;
  }

  .social-links-white {
    margin-right: 0;
  }

  .cursor-circle {
    display: none;
  }

  .div-block-27 {
    flex-direction: column;
  }

  .subtitle.center {
    text-align: center;
  }

  .content-column {
    border-top: 1px #000;
    padding-top: 20px;
    padding-left: 0;
  }

  .hero-image {
    z-index: 3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 0 auto;
    height: 600px;
  }

  .hero-image.project.moncha {
    background-image: url('../images/moncha-bev-co-oolong-tea-can-hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-start;
    align-items: center;
    height: 600px;
  }

  .description-column {
    width: auto;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .hero-title-white {
    margin-left: 0;
  }

  .hero-title-stroke-sm {
    flex-direction: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-top: -10px;
    margin-left: 0;
    display: block;
  }

  .social-block-mobile.white {
    justify-content: center;
    align-items: center;
  }

  .heading-jumbo-xl-2 {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-xl-2.white {
    text-align: center;
    margin-bottom: 0;
    font-size: 50px;
    line-height: 30px;
  }

  .text-stroke-sm-2 {
    display: none;
  }

  .text-stroke-extra-small-2 {
    text-align: center;
    display: block;
  }

  .categories-block {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .container-project {
    text-align: center;
    max-width: none;
    padding-top: 100px;
  }

  .project-wrap {
    flex-direction: column;
    height: auto;
    margin-top: 13px;
  }

  .rich-text-white {
    text-align: left;
    width: 100%;
  }

  .next {
    align-items: flex-start;
    width: 70%;
    margin: 100px auto 50px;
  }

  .next-title {
    font-size: 45px;
    line-height: 45px;
  }

  .next-project {
    height: 30vh;
  }

  .next-project.rolli, .next-project.isp, .next-project.moncha, .next-project.poke {
    height: 70vh;
  }

  .scroll-top {
    display: none;
  }

  .header-project {
    margin-left: 15px;
    margin-right: 15px;
  }

  .collection-list-wrapper {
    width: auto;
  }

  .image-6 {
    display: none;
  }

  .div-stroke-sm-project {
    flex-direction: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    display: none;
  }

  .back-home-text {
    font-size: 45px;
    line-height: 45px;
  }

  .div-block-52 {
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .back-home-text-2, .next-title-2 {
    font-size: 45px;
    line-height: 45px;
  }

  .footer-desktop {
    height: 100vh;
    padding-top: 100px;
  }

  .footer-desktop.black {
    height: 650px;
    padding-top: 0;
  }

  .divider-stroke {
    display: block;
  }

  .container-cta {
    text-align: center;
    flex-direction: column;
    max-width: none;
    margin-top: 40px;
    display: flex;
  }

  .column {
    margin-top: 25px;
  }

  .column.slider-image {
    height: 40vh;
  }

  .portfolio-wrap-text-sm {
    height: auto;
    margin-top: 13px;
  }

  .text-stroke-sm-3 {
    display: none;
  }

  .loading-animation-wrap {
    display: none;
    position: fixed;
    inset: 0% 0% auto;
  }

  .loading-animation {
    display: flex;
  }

  .menu-link {
    overflow: hidden;
  }

  .contact-wrap-nav {
    display: none;
  }

  .column-8 {
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    inset: auto 0% 10vh;
  }

  .vertical-text-wrap, .vertical-text-wrap.center {
    display: none;
  }

  .rotate-circle-top.quote-text {
    width: 60px;
  }

  .rotate-circle-top.quote-text.invert {
    width: 65px;
    min-width: 65px;
  }

  .footer-column.mobile {
    padding-bottom: 7vh;
  }

  .heading-7 {
    font-size: 56px;
  }

  .heading-7.black {
    font-size: 3.5em;
  }

  .intro-section.no_bkg_color {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .intro-section.no_bkg_color.instagram {
    width: 90%;
    margin-top: -80px;
    margin-bottom: 0;
  }

  .intro-section.no_bkg_color.full_width {
    height: auto;
    margin-top: 50px;
  }

  .intro-section.no_bkg_color.intro {
    z-index: 3;
    height: auto;
  }

  .intro-section.no_bkg_color.image-product {
    margin-top: 0;
    margin-bottom: 0;
  }

  .intro-section.no_bkg_color.image-product.desktop {
    display: none;
  }

  .intro-section.no_bkg_color.product-thumbnail {
    height: auto;
  }

  .intro-section.no_bkg_color.instagram-home {
    width: 90%;
    margin-top: -80px;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg.instagram {
    width: 90%;
    margin-top: -80px;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg.full_width {
    height: auto;
    margin-top: 50px;
  }

  .intro-section.pattern_bg.intro {
    height: auto;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg.image-product {
    margin-top: 0;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg.product-thumbnail {
    width: 100%;
    height: 100vh;
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .intro-section.pattern_bg.instagram-home {
    width: 90%;
    margin-top: -80px;
    margin-bottom: 0;
  }

  .container {
    padding-top: 0;
  }

  .container.separate-line {
    flex-direction: row;
    align-self: auto;
  }

  .heading.h2 {
    margin-bottom: 25px;
    font-size: 35px;
  }

  .heading.xl {
    white-space: pre-line;
    font-size: 50px;
    line-height: 55px;
  }

  .leaf-wrap.no-padding {
    margin-bottom: 0;
  }

  .grid-product {
    grid-row-gap: 37px;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    width: 100%;
    height: auto;
  }

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

  .ingredient-grid._3-col {
    margin-top: 30px;
  }

  .ingredient-grid._5-col.center {
    grid-column-gap: 30px;
    width: 90%;
  }

  .slider-product {
    height: 45vh;
  }

  .slide-product._1 {
    background-size: contain;
  }

  .slide-product._4 {
    background-image: url('../images/oolong-tea-can-front.png');
  }

  .slide-product._7 {
    background-size: contain;
  }

  .slide-product._6 {
    background-image: url('../images/oolong-tea-can-ingredients.png');
  }

  .slide-nav-product {
    margin-top: -20px;
  }

  .text-xl-wrap.no_padding {
    width: 85%;
  }

  .slide-nav-product-gold {
    margin-top: -20px;
  }

  .product-effect-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: auto;
    display: flex;
  }

  .product-effect-wrapper._2 {
    width: 400px;
    height: auto;
    display: flex;
  }

  .product-effect-wrapper._2.image_effect_2, .product-effect-wrapper.image_effect_1 {
    width: 100%;
    height: auto;
  }

  .product-effect-wrapper._3.image_effect_3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .product-effect-wrapper._4.image_effect_4 {
    align-self: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .product-effect-wrapper._3 {
    width: 400px;
    height: auto;
    display: flex;
  }

  .product-effect-wrapper._3.image_effect_2 {
    width: 100%;
    height: auto;
  }

  .product-parallax-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 400px;
    height: 450px;
    display: flex;
  }

  .product-parallax-wrapper._2 {
    width: 400px;
    height: 450px;
  }

  .product-parallax-wrapper._2.image_parallax_2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    display: flex;
    position: relative;
  }

  .product-parallax-wrapper.image_parallax_1 {
    width: 100%;
    height: 500px;
    position: relative;
  }

  .product-parallax-wrapper._4.image_parallax_4 {
    align-self: flex-start;
    width: 100%;
    height: 500px;
  }

  .product-parallax-wrapper._3 {
    width: 400px;
    height: 450px;
  }

  .product-parallax-wrapper._3.image_parallax_2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    display: flex;
    position: relative;
  }

  .product-parallax-wrapper._3.image_parallax_2.height {
    height: 600px;
  }

  .product-image._1 {
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    display: flex;
    inset: 0%;
  }

  .product-image._2 {
    background-size: cover;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .product-image._3 {
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .product-image._4 {
    background-position: 50%;
    background-size: cover;
  }

  .product-image._5 {
    background-size: cover;
  }

  .product-image.coming-soon {
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .product-image._3 {
    background-size: cover;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .product-caption {
    margin-right: 0;
    font-size: 2rem;
    display: none;
  }

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

  .image-wrap-leaf {
    justify-content: center;
    height: auto;
    position: relative;
  }

  .image-wrap-leaf._1 {
    flex-direction: column;
  }

  .image-wrap-leaf._2 {
    width: 100%;
    position: relative;
  }

  .subtitile-block._30 {
    width: 50%;
  }

  .grid-instagram-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: minmax(150px, 1fr) auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    width: auto;
    height: auto;
  }

  .text-block {
    margin-top: 0;
  }

  .text-block.lg {
    width: 400px;
  }

  .hero-subtitile-block._25 {
    z-index: 5;
    align-self: center;
  }

  .about-parallax-wrapper._1.about_parallax_1, .about-parallax-wrapper._3.about_parallax_3 {
    height: 500px;
  }

  .loading-content {
    align-self: center;
    position: relative;
  }

  .link-block-13 {
    margin-bottom: 50px;
  }

  .contact-footer-mobile {
    padding-bottom: 6vh;
  }

  .footer-wrap-col {
    flex-flow: column;
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    display: flex;
  }

  .footer-wrap-col.bottom.project {
    bottom: 11%;
  }

  .footer-wrap-col.bottom.email {
    bottom: -19%;
  }

  .footer-wrap-col.white-footer {
    align-self: center;
    margin-bottom: -20vh;
    padding-top: 0;
  }

  .footer-wrap-col.play.bottom {
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0;
    padding-bottom: 0;
    bottom: -24%;
  }

  .column-11 {
    align-self: center;
    align-items: flex-start;
  }

  .footer-mobile {
    height: auto;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .logo-loading-wrap {
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin: 3%;
    display: flex;
    position: absolute;
    inset: 3%;
  }

  .logo-loading.w--current {
    display: block;
  }

  .ctamobile {
    margin-left: 15px;
    margin-right: 15px;
  }

  .column-12 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-product-mobile.no_bkg_color {
    width: 100%;
    height: 100vh;
  }

  .section-product-mobile.no_bkg_color.image-product {
    height: auto;
    margin-top: 0;
    margin-bottom: 100px;
  }

  .product-effect-wrapper-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 250px;
    display: flex;
  }

  .product-effect-wrapper-mobile._2 {
    height: 250px;
    display: block;
  }

  .column-11-copy {
    align-items: flex-start;
  }

  .column-11-copy.white-bkg {
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    display: flex;
  }

  .slide-nav-product-blue {
    margin-top: -20px;
  }

  .slidecontent {
    height: 450px;
  }

  .slider {
    width: 100%;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: none;
    overflow: visible;
  }

  .slider.mobile {
    display: flex;
  }

  .mask {
    overflow: hidden;
  }

  .c-arrows-wrapper {
    margin-top: 100px;
  }

  .transition2, .modal-wrapper {
    display: none;
  }

  .html-embed-2 {
    width: auto;
    height: auto;
  }

  .nav1-logo-wrapper-2 {
    display: inline-block;
  }

  .div-block-70 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: block;
  }

  .looping-heading {
    font-size: 42px;
  }

  .cs-img-wrap {
    max-width: 23rem;
  }

  .hero-subtext {
    margin-top: -7px;
  }

  .arrow-down.large {
    height: 3.8em;
  }

  .hero-rotate-base-front, .hero-rotate-base-back, .hero-rotate-base {
    width: 40%;
  }

  .rotate-circle {
    width: 100%;
    height: 100%;
  }

  .rotate-circle.heading {
    width: auto;
    height: auto;
  }

  .image-11 {
    width: 15px;
  }

  .text-intro-name {
    text-align: center;
    margin-left: -20px;
  }

  .text-link.sm {
    text-align: left;
    font-size: 14px;
  }

  .text-link.sm.black {
    line-height: 22px;
  }

  .text-link.xl {
    font-size: 2.4em;
  }

  .section-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .portfolio-image {
    object-fit: cover;
    height: 56vh;
  }

  .single-project-title.h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .single-project-title.h1.me-work {
    font-size: 3em;
    top: 4%;
  }

  .container-3.is--sticky {
    min-height: 300px;
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .cursor-circle-next {
    display: none;
  }

  .arrow-down-link.large {
    height: 3.8em;
  }

  .link.wavy-link.footer {
    text-align: center;
    margin-right: 0;
  }

  .link.wavy-link.project {
    width: 30%;
  }

  .link.wavy-link.project.hidden {
    justify-content: flex-start;
  }

  .link.wavy-link.white-footer {
    text-align: center;
    justify-content: flex-start;
    margin-right: 20px;
    display: flex;
  }

  .link.wavy-link.menu-sm-links {
    text-align: center;
    margin-right: 0;
  }

  .link.wavy-link.footer-black {
    text-align: left;
    align-self: auto;
    margin-right: 0;
  }

  .link.wavy-link.home-link {
    text-align: center;
    margin-right: 20px;
  }

  .link.wavy-link.menu-social {
    text-align: center;
    margin-right: 0;
  }

  .link.curved-underline.black {
    margin-bottom: 35px;
    display: block;
  }

  .link.curved-underline.footer {
    margin-bottom: 50px;
  }

  .link.curved-underline.footer.left, .link.curved-underline.footer.tiny-link-footer, .link.curved-underline.footer.no-pd {
    margin-bottom: 80px;
  }

  .line-graphic.footer, .custom-styles.footer {
    display: none;
  }

  .main-hero_layout {
    width: 90vw;
  }

  .main-hero_heading {
    font-size: 3.5em;
  }

  .main-hero_heading.white {
    font-size: 2.5em;
    line-height: 1em;
  }

  .wrapper-img {
    width: 60vw;
    height: 70vw;
  }

  .about {
    height: 800px;
  }

  .home-service-intro {
    max-width: 24rem;
  }

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

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

  .home-service_card {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .home-service_card.end {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .home-service-list {
    padding-bottom: 2rem;
  }

  .letter-animation {
    width: 100%;
    overflow: hidden;
  }

  .home-banner_slide.swiper-slide {
    padding: 1rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-arrow {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .home-faq-top {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    grid-template-columns: 1fr auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .testimonial {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-service-top {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .home-faq-list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .home-faq-list.radius-regular {
    padding: 0 1rem;
  }

  .home-faq-content {
    margin-bottom: 1.75rem;
    padding: 1.75rem 1.5rem;
  }

  .home-faq-content.radius-regular {
    padding: 1.2rem;
  }

  .home-banner_com {
    padding-bottom: 5rem;
  }

  .home-banner_content {
    max-width: 80vw;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .home-service_grid {
    padding-top: 3rem;
  }

  .brix---paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .brix---testimonial-v14-left-right, .brix---testimonial-v14-left-side {
    width: 80%;
  }

  .brix---slider-wrapper {
    height: auto;
    margin-top: 0;
  }

  .brix---btn-slider-arrow-left---testimonial-v12 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto auto 0% 3%;
    transform: none;
  }

  .brix---btn-slider-arrow-left---testimonial-v12:hover {
    left: 3%;
    transform: none;
  }

  .brix---text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .brix---avatar-circle-04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .brix---btn-slider-arrow-right---testimonial-v12 {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
    inset: auto 3% 0% auto;
    transform: none;
  }

  .brix---btn-slider-arrow-right---testimonial-v12:hover {
    right: 3%;
    transform: none;
  }

  .brix---text-200-bold {
    font-size: 16px;
    line-height: 18px;
  }

  .filter-project-title.h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .filter-project-title.h1.me-work {
    font-size: 3em;
    top: 4%;
  }

  .testimonial-slider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonial-slider.padding-small {
    margin-bottom: 3%;
  }

  .link-block-15 {
    flex: 1;
    height: 100%;
  }

  .link-block-15.heading {
    height: auto;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .link-block-15.project {
    width: 80px;
    height: 80px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    top: 4%;
  }

  .link-block-15.project-link {
    border-radius: 200px;
    width: 80px;
    height: auto;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    display: none;
  }

  .link-block-15.project-link.mobille {
    border-radius: 500px;
    margin-left: 0;
    display: none;
    position: static;
  }

  .text-block-15 {
    font-size: 34px;
  }

  .text-block-15.black {
    font-size: 2.4em;
    display: flex;
  }

  .trail-image-effect_list-wrapper {
    display: block;
  }

  .trail-image-effect_image {
    width: 13rem;
    height: 17rem;
  }

  .section_showcase {
    grid-template-columns: 1fr 1fr;
    height: auto;
    min-height: 100vh;
  }

  .about-section {
    z-index: 3;
  }

  .footer-logo-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 70px;
    margin-top: 5%;
    margin-left: 20px;
    padding-bottom: 0;
    display: block;
    inset: 0% auto auto 0%;
  }

  .section-hero {
    display: block;
  }

  .accordion-item.is--first.top {
    border-bottom-color: #4a4a4a;
  }

  .accordion-item.is--first.bottom {
    border-bottom-style: solid;
    border-bottom-color: #4a4a4a;
  }

  .accordion-item.is--first.top-2 {
    align-self: flex-start;
    align-items: flex-start;
  }

  .accordion_paragraph {
    text-align: center;
    align-items: center;
  }

  .item_content-wrapper {
    align-items: center;
    width: 100%;
  }

  .skills {
    padding-top: 0;
    padding-bottom: 0;
  }

  .arrow-down-copy.large {
    height: 3.8em;
  }

  .menu-email {
    font-size: 2.5em;
    line-height: 70px;
  }

  .accordion-section.sm {
    height: 100%;
  }

  .div-block-78 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
  }

  .heading-j.j-italic {
    bottom: 80px;
  }

  .heading-j.j-italic.intro {
    margin-right: -20px;
    font-size: 38vw;
  }

  .heading-o {
    font-size: 20vh;
  }

  .heading-o.heading.intro {
    margin-right: -20px;
    font-size: 38vw;
  }

  .heading-o-last {
    font-size: 20vh;
    position: relative;
    left: 5px;
  }

  .heading-o-last.heading.intro {
    margin-right: -5px;
    font-size: 38vw;
  }

  .heading-o-sec.o-italic {
    font-size: 21vh;
    line-height: .8em;
    bottom: 60px;
    left: 14px;
  }

  .heading-o-sec.o-italic.heading.intro {
    margin-right: -20px;
    font-size: 41vw;
  }

  .heading-o-sec.o-italic-about {
    font-size: 21vh;
    line-height: .8em;
    bottom: 60px;
    left: 14px;
  }

  .loading-text.sm.yellow, .loading-text.sm-text {
    font-size: 1.3em;
  }

  .italic.footer {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .italic.email {
    line-height: 1.6em;
  }

  .italic.social {
    font-size: 25px;
    font-weight: 400;
  }

  .italic.oups {
    margin-right: 15px;
  }

  .work-text-div {
    z-index: 3;
    background-image: none;
    align-self: center;
    height: 300px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .work-text-container {
    z-index: 3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 0 auto;
    height: 300px;
    padding-top: 0;
  }

  .work-text-wrap {
    align-self: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .work-text-block.white {
    flex-flow: row;
    width: 100%;
    margin-left: 10px;
    left: -5%;
  }

  .div-block-79 {
    width: 100%;
    margin-top: 5vh;
    margin-bottom: -4vh;
  }

  .div-block-81 {
    width: 100%;
  }

  .about-text-title {
    z-index: 3;
    background-size: 300px;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .skills-container {
    z-index: 3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 0 auto;
    height: 100vh;
  }

  .skills-heading, .main-hero_heading-copy, .skills-hero-heading {
    font-size: 3.5em;
  }

  .skills-cercle-div {
    bottom: 3.3vh;
    right: -9vw;
  }

  .container-5 {
    min-height: 500px;
  }

  .about_item {
    height: auto;
  }

  .about_heading {
    text-align: left;
    margin-top: 100px;
    font-size: 1.6em;
  }

  .skills-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .skills-section.padding-sm {
    width: 85vw;
    margin-top: 0;
  }

  .marquee-text.project {
    font-size: 125px;
  }

  .marquee-text.project-copy {
    margin-right: 10px;
    font-size: 80px;
  }

  .marquee-icon._270 {
    width: 8vw;
  }

  .project-text-section {
    margin-top: 50px;
    margin-bottom: 80px;
  }

  .project-heading {
    font-size: 30px;
  }

  .intro-text.pd-top {
    text-align: right;
    font-size: 1em;
    line-height: 1.3em;
    position: relative;
  }

  .intro-text.pd-top.mobile {
    display: none;
  }

  .intro-text.white {
    font-weight: 700;
  }

  .intro-text.yellow {
    color: var(--color-2);
  }

  .cell {
    padding-right: 0;
    display: block;
  }

  .project-content {
    width: 90vw;
  }

  .project-content.last {
    margin-bottom: 100px;
  }

  .project-2-col.left-img-sm, .project-2-col.left-img-big {
    height: 100vh;
  }

  .project-2-col.grid-right {
    grid-row-gap: 10px;
  }

  .cell-2.align-bottom, .cell-3 {
    justify-content: center;
    align-items: center;
  }

  .project-description._2col {
    width: 85vw;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .testimonial-project {
    margin-bottom: 50px;
  }

  .testimonial-project-title {
    margin-top: 20px;
  }

  .text-title, .text-name {
    font-size: 16px;
    line-height: 18px;
  }

  .project-horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .text_frame-wrapper._1 {
    height: 40vh;
  }

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

  .marquee-content-container-project {
    margin-right: 5vw;
  }

  .work-text-project {
    z-index: 3;
    background-size: 300px;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cell-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .image-30.no-pd.sm {
    width: 100%;
  }

  .background-video {
    flex-flow: column;
    width: 100%;
    height: 550px;
  }

  .div-block-84 {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .div-block-85 {
    width: 100%;
    margin-top: 0;
  }

  .video-project {
    flex-flow: column;
    width: 100%;
    height: 200px;
  }

  .project-full {
    height: 35vh;
  }

  .project-3-cols.pd-sm {
    height: 200px;
  }

  .cell-1 {
    display: flex;
  }

  .moncha-sm-01 {
    background-position: 50%;
  }

  .slide1, .slide1.stroke {
    border-radius: 0;
  }

  .splide__arrows {
    grid-column-gap: 0%;
    justify-content: space-between;
    padding: 0 20px 20px;
    top: -14%;
  }

  .image-holder {
    margin-right: 0;
  }

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

  .code-embed-2 {
    width: 60px;
    height: 60px;
  }

  .splide__track-2 {
    width: 80%;
  }

  .code-embed-3 {
    width: 60px;
    height: 60px;
  }

  .service-item-top {
    grid-column-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr .25fr;
  }

  .service-bottom-content {
    grid-row-gap: 24px;
    padding-top: 36px;
  }

  .plus-lottie {
    justify-content: flex-end;
  }

  .slider-section {
    z-index: 30;
  }

  .slider-section.no-pd, .slider-section.work {
    margin-bottom: 0;
    padding-top: 30px;
  }

  .slider-container {
    z-index: 3;
    height: 50vh;
  }

  .nav-button-3.top-padding {
    margin-top: 0;
    transition: none;
  }

  .button-2_content-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .button-2_arrow-wrapper {
    width: 2rem;
    height: 2rem;
  }

  .button_arrow-icon {
    width: 1rem;
    height: 1.5rem;
  }

  .button-div {
    margin-top: 0;
    position: absolute;
    inset: auto 0% -1%;
  }

  .project-2-cols.pd-sm {
    height: 200px;
  }

  .image-holder-copy {
    margin-right: 0;
  }

  .article---mask {
    height: 400vh;
  }

  .article---mask.x-right {
    left: 94%;
  }

  .article---mask.x-left {
    right: 94%;
  }

  .article---mask.x-right {
    height: 250vh;
    left: 95%;
  }

  .article---mask.x-left {
    height: 250vh;
    right: 95%;
  }

  .article---image {
    width: 120vw;
  }

  .page-2 {
    display: block;
  }

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

  .heading---char.italic {
    font-size: 4.4rem;
  }

  .project-section.col {
    align-self: auto;
  }

  .project-img-1 {
    height: 500px;
  }

  .project-img-1:hover {
    background-image: url('../images/jooostudio-packaging-chopsticks-rolli-large.jpg');
  }

  .title-project {
    font-size: 56px;
  }

  .title-project.black {
    line-height: 1.4em;
  }

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

  .project-categorie.large {
    display: block;
  }

  .project-img-2 {
    height: 350px;
  }

  .project-img-2:hover {
    background-image: url('../images/01-Ooling-Tea.jpg');
  }

  .project-col.last {
    flex-flow: column;
    align-items: flex-start;
    margin-top: 50px;
  }

  .project-col._1 {
    height: auto;
  }

  .project-col._4 {
    margin-top: 100px;
  }

  .title-div {
    width: 100%;
  }

  .project-img-3 {
    height: 400px;
  }

  .project-img-3:hover {
    background-image: url('../images/jooostudio-branding-isp-large.jpg');
  }

  .col-270 {
    margin-top: 0;
  }

  .project-link-4 {
    width: 100%;
    height: auto;
  }

  .project-link-5 {
    width: 300px;
    display: flex;
    position: static;
  }

  .project-img-4 {
    width: 400px;
    height: auto;
    min-height: 500px;
  }

  .project-img-4:hover {
    background-image: url('../images/jooostudio-branding-270-menuiserie-business-card-large.jpg');
  }

  .project-img-5 {
    background-image: url('../images/jooostudio-branding-lucky-cat-catering-trailer.jpg');
    width: 100%;
    height: 300px;
  }

  .project-img-6 {
    height: 400px;
  }

  .project-img-6:hover {
    background-image: url('../images/jooostudio-branding-poke-guru-bowl.jpg');
  }

  .link6 {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
  }

  .h1 {
    font-size: 5rem;
    line-height: 5rem;
  }

  .smalll-text-container {
    display: none;
  }

  .smalll-text-container.mobile, .smalll-text-container.no-mobile {
    justify-content: flex-end;
    align-items: center;
    width: 95%;
    margin-bottom: 2%;
    display: flex;
  }

  .smalll-text-container.no-mobile.top.pd-left {
    top: 1%;
  }

  .columns-7 {
    display: flex;
  }

  .columns-8 {
    align-items: center;
  }

  .column-text {
    text-align: center;
    justify-content: center;
    margin-top: 50px;
  }

  .skills_img {
    align-self: flex-start;
    width: 100%;
  }

  .heading-w, .heading-r {
    bottom: 40px;
  }

  .heading-k {
    margin-top: 0;
  }

  .col-isp.pd-top {
    margin-top: 80px;
    padding-left: 0;
    padding-right: 100px;
  }

  .col-lcc.no-pd-top {
    justify-content: start;
    align-self: flex-end;
    margin-top: 100px;
    margin-bottom: 0;
    padding-left: 0;
    display: block;
    position: static;
  }

  .icon-2 {
    font-size: 14px;
  }

  .global-footer {
    min-width: auto;
    max-width: none;
  }

  .gf-accordion-content {
    margin-top: 5px;
    margin-bottom: 16px;
    overflow: hidden;
  }

  .module_heading {
    font-size: 48px;
  }

  .paragraph-4 {
    font-size: 19px;
    font-weight: 400;
  }

  .ac-gf-directory-column-section-link {
    color: #86868b;
    padding: 6px 14px;
    display: block;
  }

  .ac-gf-footer {
    flex-direction: column;
    max-width: 767px;
    padding-top: 17px;
    padding-bottom: 19px;
    display: flex;
  }

  .cta-links.more-programs {
    flex-direction: row;
  }

  .ac-gf-footer-legal {
    margin-top: 0;
    padding-top: 15px;
  }

  .project_image-wrap {
    background-image: url('../images/she-creates_1she-creates.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .cta-link {
    font-size: 19px;
  }

  .description.more-programs {
    margin-top: 10px;
  }

  .ac-gf-directory-column-section-item {
    margin-bottom: 0;
  }

  .item-bio {
    z-index: 1000;
    display: none;
  }

  .gf-accordion-title {
    font-weight: 400;
  }

  .ac-gf-footer-shop {
    border-bottom-style: none;
    flex-flow: wrap;
  }

  .ac-gf-directory-column-section-list {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 16px;
    overflow: hidden;
  }

  .she-creates-image {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .ac-gf-footer-locale {
    align-items: center;
    margin-top: 5px;
    padding-top: 5px;
  }

  .gf-accordion-wrapper {
    margin-top: 20px;
    display: block;
  }

  .container-8.more-programs {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: minmax(200px, 400px);
  }

  .ac-gf-directory.with-5-columns {
    display: none;
  }

  .canvas__item {
    padding: 0;
  }

  .canvas__item.module_item-9 {
    transform: translate(-110px, -334px);
  }

  .canvas__item.module_item-0 {
    transform: translate(-210px, 310px);
  }

  .canvas__item.module_item-11 {
    transform: translate(-383px, -57px);
  }

  .canvas__item.module_item-1 {
    transform: translate(213px, 320px);
  }

  .canvas__item.module_item-2 {
    transform: translate(190px, -267px);
  }

  .copyright {
    margin-top: 5px;
  }

  .subhead.more-programs {
    margin-top: 30px;
  }

  .ac-gf-content {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .gf-accordion-item {
    border-bottom: 1px solid #424245;
    flex-direction: column;
    display: flex;
  }

  .gf-accordion-trigger {
    color: #f5f5f7;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    overflow: hidden;
  }

  .ac-gf-footer-legal-links {
    margin-right: 0;
  }

  .footer-playground {
    padding-top: 100px;
  }

  .arrow-white {
    display: none;
  }

  .ground-warp, .play-warp {
    z-index: 3;
    background-size: 300px;
    align-self: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .more-work {
    z-index: 3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 0 auto;
    height: 100vh;
  }

  .more-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    margin-left: 60px;
    display: flex;
  }

  .link-more {
    align-self: center;
    width: 100%;
    margin-top: 150px;
    display: flex;
  }

  .column-21 {
    text-align: center;
  }

  .column-number {
    justify-content: center;
  }

  .column-22 {
    margin-top: 0;
  }

  .heading-a {
    bottom: 60px;
  }

  .heading-a.about-page {
    margin-left: -6px;
    margin-right: -15px;
    font-size: 27vw;
    line-height: 1em;
  }

  .heading-t {
    bottom: 60px;
    left: -9px;
  }

  .heading-t.about-page {
    margin-left: -18px;
    font-size: 27vw;
    line-height: 1em;
  }

  .heading-o-about.o-italic, .heading-o-about.o-italic-about {
    font-size: 21vh;
    line-height: .8em;
    bottom: 60px;
    left: 14px;
  }

  .black-pd {
    padding-bottom: 0;
  }

  .letter-o-about {
    font-size: 20vh;
    position: relative;
    left: 5px;
  }

  .letter-o-about.o-italic-about.about-page {
    margin-left: -21px;
    font-size: 32vw;
    line-height: 1em;
  }

  .div-block-o {
    bottom: 75px;
  }

  .rotate-circle-about.quote-text, .rotate-circle-about.about-circle {
    width: 7vh;
  }

  .link-about {
    flex: 1;
    height: 100%;
  }

  .rotate-about {
    width: 100%;
    height: 100%;
  }

  .heading-u {
    margin-left: -6px;
    font-size: 27vw;
    line-height: 1em;
    position: relative;
    left: 5px;
  }

  .heading-b {
    margin-left: 8px;
    font-size: 27vw;
    line-height: 1em;
  }

  .column-social {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    padding-left: 0;
  }

  .column-social.black {
    flex-flow: row;
    justify-content: flex-start;
  }

  .heading-p.j-italic {
    bottom: 80px;
  }

  .heading-a-sec.o-italic, .heading-a-sec.o-italic-about {
    font-size: 21vh;
    line-height: .8em;
    bottom: 60px;
    left: 14px;
  }

  .heading-y {
    font-size: 20vh;
    position: relative;
    left: 5px;
  }

  .heading-w-work.j-italic {
    bottom: 80px;
  }

  .heading-r-work.o-italic, .heading-r-work.o-italic-about {
    font-size: 21vh;
    line-height: .8em;
    bottom: 60px;
    left: 14px;
  }

  .heading-k-work {
    font-size: 20vh;
    position: relative;
    left: 5px;
  }

  .nav-menu-links {
    align-items: center;
    width: 100%;
    padding-left: 0;
  }

  .nav-menu-link.nav-menu-link-1 {
    text-align: center;
    justify-content: center;
  }

  .nav-menu-link-text {
    text-align: center;
    justify-content: center;
    font-size: 10vw;
    line-height: .9;
  }

  .nav-menu-photos {
    display: none;
  }

  .nav-menu-footer {
    justify-content: center;
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
    inset: auto 0% 0%;
  }

  .small-links-wrapper {
    margin-left: 10px;
    margin-right: 0;
  }

  .small-links-wrapper.last {
    margin-right: 0;
  }

  .o-italic.footer {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .o-italic.email {
    line-height: 1.6em;
  }

  .o-italic.social {
    font-size: 28px;
    font-weight: 400;
  }

  .l-italic.footer {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .l-italic.email {
    line-height: 1.6em;
  }

  .l-italic.social {
    font-size: 28px;
    font-weight: 400;
  }

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

  .heading-project.x-04 {
    font-size: 3.8rem;
  }

  .heading-project.x-05 {
    line-height: .7em;
  }

  .heading-play, .heading-work {
    font-size: 20vh;
  }

  .heading-22, .heading-23 {
    font-size: 4rem;
  }

  .menu-o-italic.footer {
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .menu-o-italic.email {
    line-height: 1.6em;
  }

  .menu-o-italic.social {
    font-size: 28px;
    font-weight: 400;
  }

  .date {
    display: none;
  }

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

  .image-38, .image-39 {
    max-height: 40vh;
  }

  .slide-hover, .slide-work-2, .slide-work-3, .slide-work-4, .slide-work-5, .slide-work-6, .slide-work-7 {
    border-radius: 30px;
  }

  .image-40 {
    max-height: 40vh;
  }

  .container-gallery {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-gallery {
    z-index: 3;
    background-image: none;
    align-self: center;
    height: 300px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-text-gallery-container {
    z-index: 3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    flex: 0 auto;
    height: 300px;
    padding-top: 0;
  }

  .hero-texte-gallery-wrap {
    align-self: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-center.white {
    flex-flow: row;
    width: 100%;
    margin-left: 10px;
    left: -5%;
  }

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

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

  .display-m {
    font-size: 1.5rem;
  }

  .card-button-icon {
    width: 1rem;
  }

  .card-button {
    width: 3rem;
    height: 3rem;
  }

  .heading-o-italic {
    font-size: 20vh;
  }

  .hero-text-about-wrap {
    align-items: center;
    height: 700px;
  }

  .hero-text-about-wrap.white {
    flex-flow: row;
    width: 100%;
    margin-left: 10px;
    left: -5%;
  }

  .container-about-text {
    min-height: 700px;
  }

  .about-text-section {
    margin-top: 50px;
  }

  .about-grid.column {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
  }

  .polaroid-frame {
    z-index: 6;
    width: 8rem;
    height: 10rem;
    padding: 0;
    position: absolute;
    top: auto;
  }

  .polaroid-frame._4 {
    position: absolute;
    inset: 153px auto auto 180px;
  }

  .polaroid-frame._2 {
    position: absolute;
    top: 156px;
    left: 97px;
  }

  .polaroid-frame._3 {
    position: absolute;
    inset: auto auto auto 56px;
  }

  .polaroid-frame._5 {
    width: 8rem;
    height: 10rem;
    position: absolute;
    inset: auto;
  }

  .polaroid-frame._1 {
    padding: 0;
    position: absolute;
    left: 204px;
  }

  .polaroid-image-wrapper {
    width: 7.5rem;
    height: 9rem;
  }

  .about-heading {
    font-size: 30px;
  }

  .about-heading.pd-bottom {
    margin-bottom: 46px;
  }

  .about-italic-text.pd-top {
    text-align: right;
    font-size: 1em;
    line-height: 1.3em;
    position: relative;
  }

  .about-text-div {
    text-align: center;
    border-bottom: 1px solid #4a4a4a;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }

  .about-text-div.left {
    text-align: left;
    align-self: flex-start;
  }

  .div-block-96 {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    position: absolute;
    inset: 0%;
  }

  .hero-text-top {
    z-index: 110;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 3%;
  }

  .hero-text-top.white, .hero-text-bottom.white {
    flex-flow: row;
    width: 100%;
    margin-left: 10px;
    left: -5%;
  }

  .heading-w-copy {
    bottom: 40px;
  }

  .cell-2-grid {
    display: flex;
  }

  .cell-2-grid.align-bottom {
    justify-content: center;
    align-items: center;
  }

  .column-27 {
    justify-content: center;
  }

  .project-4-col.left-img-sm, .project-4-col.left-img-big, .project-4-col.grid-right {
    height: 100vh;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  .container {
    margin-top: 40px;
  }

  .tiny-text.white {
    text-align: left;
    font-size: 8px;
    line-height: 15px;
    display: block;
  }

  .tiny-text.black-2 {
    flex-flow: row;
    align-self: flex-start;
    font-size: .5em;
    line-height: 1.4em;
    display: block;
  }

  .paragraph-bigger.cc-bigger-light {
    width: 90%;
    margin-top: 10px;
  }

  .heading-jumbo {
    font-size: 90px;
    line-height: 48px;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .copyright-link {
    line-height: 15px;
  }

  .copyright-link.black {
    overflow-wrap: break-word;
    padding-left: 0;
    line-height: 1.4em;
  }

  .cta-text {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero {
    height: 600%;
  }

  ._404-content-wrap {
    flex-flow: column;
    align-items: center;
    font-family: DM Sans, sans-serif;
    display: flex;
  }

  .social-block {
    align-items: center;
  }

  .link-block {
    margin-left: 20px;
    margin-right: 0;
  }

  .link-block-2 {
    margin-right: 15px;
  }

  .link-block-4 {
    margin-left: 0;
    margin-right: 20px;
  }

  .mouse-icon {
    align-self: center;
  }

  .mouse-icon._2 {
    margin-bottom: 10px;
    display: flex;
  }

  .mouse-icon._2.hide {
    display: none;
  }

  .mouse-icon._3 {
    margin-bottom: 10px;
  }

  .mouse-icon._4 {
    height: auto;
    margin-bottom: 0;
    display: block;
  }

  .mouse-icon.insta {
    margin-bottom: 0;
    display: block;
  }

  .mouse-icon.coming-soon {
    margin-bottom: 10px;
  }

  .mouse-icon.play {
    width: 90%;
    margin-bottom: 5%;
    display: block;
    position: static;
  }

  .nav-bar-logo {
    z-index: 1800;
    margin-top: 7%;
    margin-left: 8%;
  }

  .menu-text {
    margin-top: 20px;
    font-size: 2em;
    line-height: 60px;
  }

  .menu-text-sm {
    font-size: 20px;
  }

  .nav-bar-menu {
    z-index: 9999;
    margin-top: 5%;
    margin-right: 8%;
  }

  .div-block-26 {
    margin-left: 0;
  }

  .nav-content {
    display: none;
    inset: 0%;
  }

  .nav-menu {
    z-index: 9990;
  }

  .subtitle.center {
    font-size: 14px;
  }

  .content-column {
    flex-direction: row-reverse;
    align-self: flex-start;
    display: block;
  }

  .hero-image {
    flex: 1;
  }

  .hero-image.project.poke {
    overflow: hidden;
  }

  .description-column {
    flex-direction: column;
    flex: 0 auto;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .social-block-mobile.white {
    display: flex;
  }

  .navigation-2 {
    display: block;
  }

  .heading-jumbo-xl-2 {
    font-size: 36px;
    line-height: 48px;
  }

  .heading-jumbo-xl-2.white {
    font-size: 50px;
    line-height: 50px;
  }

  .tittle-project-xl {
    font-size: 30px;
  }

  .container-project {
    justify-content: flex-start;
    padding-top: 90px;
  }

  .project-wrap {
    flex: 1;
    margin-left: 50px;
    margin-right: 50px;
  }

  .rich-text-white {
    width: 100%;
    max-width: none;
  }

  .rich-text-white h2, .rich-text-white p {
    color: #7a7b8a;
  }

  .next {
    justify-content: center;
    align-items: flex-start;
    margin: 60px auto 50px;
    padding-left: 0;
    display: block;
  }

  .next-title {
    text-shadow: 0 -1px 0 var(--white), 1px 0 0 var(--white), 0 1px 0 var(--white), -1px 0 0 var(--white);
    font-size: 25px;
  }

  .next-project {
    height: 40vh;
  }

  .next-project.rolli {
    height: 50vh;
  }

  .next-project.isp {
    background-image: url('../images/isp-front-horizontal-business-card-mockup.jpg');
    height: 50vh;
  }

  .next-project.moncha, .next-project.poke {
    height: 50vh;
  }

  .collection-list-wrapper {
    justify-content: flex-start;
    width: auto;
    margin-bottom: 40px;
    display: flex;
  }

  .collection-list-2 {
    display: block;
  }

  .collection-item {
    flex: 0 auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .next-div {
    flex-direction: row-reverse;
  }

  .back-home-text {
    text-shadow: 0 -1px 0 var(--white), 1px 0 0 var(--white), 0 1px 0 var(--white), -1px 0 0 var(--white);
    font-size: 25px;
    line-height: 30px;
  }

  .div-block-52 {
    flex-flow: column wrap;
    flex: 0 auto;
    align-content: center;
    align-self: flex-start;
    align-items: center;
    display: block;
  }

  .back-home-text-2 {
    font-size: 25px;
    line-height: 30px;
  }

  .next-title-2 {
    text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff;
    font-size: 25px;
  }

  .footer-desktop {
    height: 100vh;
    margin-top: 50px;
  }

  .footer-desktop.black {
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding-top: 100px;
  }

  .div-block-55 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-cta {
    margin-top: 30px;
  }

  .smooth-wrapper.bkg-color, .smooth-wrapper.bkg-black {
    padding-bottom: 0;
  }

  .menu-link {
    color: #f8f8f8;
    border-bottom-style: solid;
    border-bottom-color: #f8f8f83b;
    padding: 1em 2em;
    overflow: hidden;
  }

  .menu-button-2 {
    background-color: #17171780;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    transform: scale(.9);
  }

  .menu-button-2:hover {
    background-color: #27272780;
  }

  .menu-button-2.w--open {
    color: #171717;
    background-color: #27272780;
    border-radius: 50%;
  }

  .contact-wrap-nav {
    display: none;
  }

  .get-in-touch, .address {
    text-align: center;
    letter-spacing: -.02em;
  }

  .column-8 {
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    inset: auto 0% 10vh;
  }

  .vertical-text-wrap {
    display: none;
  }

  .lottie-scroll-wrapper {
    margin-bottom: 0;
  }

  .rotate-circle-top {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    width: 80%;
    inset: -27% auto auto -52%;
  }

  .rotate-circle-top.quote-text {
    width: 47px;
  }

  .rotate-circle-top.move {
    width: 35%;
    margin-bottom: 50px;
  }

  .footer-column-sm.mobile {
    text-align: center;
    align-items: center;
  }

  .heading-7 {
    text-align: left;
    font-size: 42px;
  }

  .heading-7.padding_top {
    font-size: 28px;
  }

  .heading-7.black {
    font-size: 2.6em;
    line-height: .8em;
  }

  .footer-column-sm-2.mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .copyright-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 3.25fr;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .copyright-link-right {
    justify-content: center;
  }

  .intro-section.no_bkg_color {
    height: auto;
    margin-bottom: 20px;
  }

  .intro-section.no_bkg_color.instagram {
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .intro-section.no_bkg_color.full_width {
    height: 20vh;
  }

  .intro-section.no_bkg_color.intro {
    justify-content: flex-start;
    align-items: flex-start;
    height: 700px;
  }

  .intro-section.no_bkg_color.sm, .intro-section.no_bkg_color.image-product {
    height: auto;
  }

  .intro-section.no_bkg_color.product-thumbnail {
    height: auto;
    display: none;
  }

  .intro-section.no_bkg_color.instagram-home {
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg {
    height: auto;
    margin-bottom: 20px;
  }

  .intro-section.pattern_bg.instagram {
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .intro-section.pattern_bg.full_width {
    height: 20vh;
  }

  .intro-section.pattern_bg.intro {
    height: 100vh;
  }

  .intro-section.pattern_bg.sm, .intro-section.pattern_bg.image-product {
    height: auto;
  }

  .intro-section.pattern_bg.product-thumbnail {
    height: auto;
    display: flex;
  }

  .intro-section.pattern_bg.instagram-home {
    height: 700px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-8 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .heading.xl {
    white-space: pre-line;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 50px;
    line-height: 55px;
  }

  .instagram-photo._5 {
    display: none;
  }

  .leaf-wrap.no-padding.no-padding-bottom {
    height: auto;
    margin-bottom: 0;
  }

  .lotttie-leaf {
    align-self: flex-start;
    margin-top: -10px;
  }

  .grid-product {
    width: 100%;
    height: auto;
  }

  .ingredient-grid._5-col.center {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .product-effect-wrapper {
    width: 400px;
  }

  .product-effect-wrapper._2 {
    width: 400px;
    height: auto;
  }

  .product-effect-wrapper._4.image_effect_4 {
    flex-direction: column;
    height: auto;
  }

  .product-effect-wrapper._3 {
    width: 400px;
    height: auto;
  }

  .product-parallax-wrapper, .product-parallax-wrapper._2 {
    width: 400px;
  }

  .product-parallax-wrapper._4.image_parallax_4 {
    height: 450px;
  }

  .product-parallax-wrapper._3 {
    width: 400px;
  }

  .product-image._1 {
    background-size: 450px;
    width: 100%;
    left: 0%;
    right: 0%;
  }

  .product-image._2 {
    background-size: 450px;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .product-image._3 {
    background-size: 450px;
  }

  .product-image._4 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 450px;
    height: 100%;
  }

  .product-image._5 {
    background-size: 450px;
    height: 100%;
  }

  .product-image.coming-soon {
    background-size: 450px;
  }

  .product-image._3 {
    background-size: 450px;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .product-image._6 {
    background-size: 450px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    inset: 0%;
  }

  .product-caption {
    font-size: 1.5rem;
    display: none;
  }

  .grid-4 {
    height: 250px;
  }

  .hero-product-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-wrap-leaf, .image-wrap-leaf._5 {
    height: auto;
  }

  .subtitile-block {
    width: 80%;
    margin-top: 0;
  }

  .subtitile-block._30 {
    width: 70%;
  }

  .image-5 {
    height: auto;
  }

  .grid-instagram-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: minmax(150px, 1fr) minmax(150px, 1fr);
    grid-template-columns: .5fr .75fr;
    grid-auto-flow: row;
    width: auto;
    height: auto;
  }

  .text-block {
    height: auto;
  }

  .text-block.lg {
    width: 300px;
  }

  .hero-subtitile-block._25 {
    font-size: 15px;
    line-height: 25px;
  }

  .social-links-black {
    margin-right: 0;
  }

  .about-parallax-wrapper._1.about_parallax_1, .about-parallax-wrapper._3.about_parallax_3 {
    height: 450px;
  }

  .about_image._1 {
    background-size: 450px;
    width: 100%;
    height: 100%;
  }

  .about_image._2, .about_image._3 {
    background-size: 450px;
  }

  .transition {
    z-index: 2147483647;
  }

  .link-block-13 {
    padding-top: 50px;
  }

  .contact-footer-mobile {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    padding-top: 2vh;
    padding-bottom: 4vh;
  }

  .footer-wrap-col.top {
    position: absolute;
  }

  .footer-wrap-col.bottom {
    margin-bottom: 30px;
  }

  .footer-wrap-col.bottom.project {
    margin-bottom: 0;
    bottom: 14%;
  }

  .footer-wrap-col.bottom.email {
    margin-bottom: 0;
    position: absolute;
    bottom: 6%;
  }

  .footer-wrap-col.white-footer {
    margin-bottom: 0;
    position: absolute;
    inset: auto 0% 15% 5%;
  }

  .footer-wrap-col.play {
    margin-top: 8vh;
    margin-bottom: 30px;
  }

  .footer-wrap-col.play.bottom {
    margin-bottom: 0;
    position: relative;
    bottom: -2%;
  }

  .footer-wrap-col.title-xl {
    position: relative;
  }

  .column-11 {
    margin-bottom: 20px;
    padding-left: 0%;
  }

  .column-11.black.no-pd {
    flex: 0 auto;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 0%;
    display: flex;
    position: static;
    bottom: auto;
  }

  .column-11.project {
    padding-left: 0%;
    position: relative;
    bottom: 0%;
  }

  .footer-mobile {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .logo-loading.w--current {
    display: block;
  }

  .ctamobile {
    height: auto;
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .column-12 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-product-mobile.no_bkg_color {
    height: 100vh;
  }

  .section-product-mobile.no_bkg_color.image-product {
    height: auto;
    margin-top: 0;
    margin-bottom: 150px;
  }

  .product-effect-wrapper-mobile, .product-effect-wrapper-mobile._2 {
    height: 250px;
  }

  .column-11-copy.white-bkg {
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-end;
  }

  .slider {
    width: 400px;
    min-width: 300px;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .slider.mobile {
    display: flex;
  }

  .mask {
    width: 100%;
    overflow: hidden;
  }

  .hero-text-wrap {
    width: 100vw;
  }

  .c-arrows-wrapper {
    margin-top: 110px;
  }

  .transition2 {
    display: none;
  }

  .transition-color-2 {
    display: flex;
  }

  .modal-wrapper {
    background-color: #f8f0ead9;
    display: none;
  }

  .sign-up-form {
    max-width: 375px;
  }

  .close-modal-button {
    margin-right: 10px;
  }

  .form {
    width: 250px;
  }

  .div-block-70 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: flex-start;
    line-height: 24px;
  }

  .looping-wrapper {
    grid-column-gap: 24px;
  }

  .looping-heading-wrapper {
    grid-column-gap: 24px;
    padding-right: 24px;
  }

  .looping-heading {
    font-size: 30px;
  }

  .looping-heading.mobile-only {
    display: block;
  }

  .heading-separator {
    width: 36px;
  }

  .heading-separator.mobile-only {
    display: block;
  }

  .cs-img-wrap {
    max-width: 17rem;
  }

  .hero-subtext {
    font-size: 2.2em;
  }

  .container-2 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .grid-home-hero {
    grid-template-columns: .25fr .75fr;
  }

  .arrow-down.large {
    height: 3em;
  }

  .line-3 {
    flex-direction: column;
    align-items: center;
    margin-top: 2em;
  }

  .hero-rotate-base-front, .hero-rotate-base-back, .hero-rotate-base {
    width: 45%;
  }

  .rotate-circle {
    height: auto;
  }

  .image-11 {
    width: 16px;
  }

  .circle {
    margin-top: -2px;
  }

  .line-1 {
    flex-direction: row;
  }

  .looping-heading-copy {
    margin-left: -2vw;
    font-size: 23vw;
    display: block;
  }

  .line-2 {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
  }

  .text-intro-name {
    align-self: center;
    font-size: 17px;
  }

  .text-link.sm {
    font-size: 12px;
  }

  .text-link.sm.black {
    background-color: var(--color);
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
  }

  .text-link.sm.black.intro.align-left, .text-link.sm.black.intro-name {
    font-size: .7em;
  }

  .text-link.xl {
    text-align: left;
  }

  .section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .single-project-title.h1.me-work {
    font-size: 2em;
  }

  .work-section {
    margin-bottom: 50px;
  }

  .arrow-down-link.large {
    height: 3em;
  }

  .link.wavy-link.project {
    justify-content: flex-start;
    width: 50%;
  }

  .link.wavy-link.project.hidden {
    justify-content: flex-start;
    display: none;
  }

  .link.wavy-link.home-link, .link.wavy-link.home-link.first {
    margin-right: 10px;
  }

  .link.wavy-link.menu-social {
    width: auto;
  }

  .link.curved-underline.black {
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
  }

  .link.curved-underline.footer {
    align-items: flex-end;
    margin-bottom: 0;
  }

  .link.curved-underline.footer.left {
    margin-bottom: 30px;
  }

  .link.curved-underline.footer.tiny-link-footer, .link.curved-underline.footer.no-pd, .link.curved-underline.footer.no-bt-pd {
    margin-bottom: 1px;
  }

  .background__lottie {
    margin-top: -3%;
  }

  .main-hero_layout {
    width: 100vw;
  }

  .main-hero_heading {
    font-size: 2.4em;
  }

  .main-hero_heading.white {
    width: 90%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 2em;
  }

  .bg-color {
    background-color: var(--white);
  }

  .wrapper-img {
    width: 70vw;
    height: 80vw;
  }

  .about {
    width: 90vw;
    height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-service-list {
    padding-bottom: 2rem;
  }

  .skills-block {
    width: 85vw;
    padding-top: 3%;
    padding-bottom: 3%;
  }

  .skills-block.no-bkg {
    background-color: #0000;
    width: 95%;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-service-top {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }

  .home-faq-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-banner_com {
    width: 100%;
    padding-top: 6rem;
    display: flex;
  }

  .home-banner_content {
    max-width: 85vw;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .line-client {
    flex-direction: row;
  }

  .brix---mg-bottom-8px {
    margin-bottom: 6px;
  }

  .brix---testimonial-v14-left-right {
    width: 100%;
    padding: 0;
  }

  .brix---testimonial-v14-left-side {
    width: 100%;
    margin-top: 30px;
  }

  .brix---mg-left-16px {
    margin-left: 0;
  }

  .brix---btn-slider-arrow-left---testimonial-v12 {
    z-index: 25;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    position: absolute;
    inset: auto auto 0% 7%;
    transform: none;
  }

  .brix---btn-slider-arrow-left---testimonial-v12:hover {
    left: 7%;
    transform: scale(.95);
  }

  .brix---card-testimonial-v14 {
    width: 100%;
    padding: 40px 25px 24px;
  }

  .brix---slider-mask-width-1012px {
    width: 100%;
    margin-bottom: 0;
  }

  .brix---text-200 {
    font-size: 15px;
    line-height: 16px;
  }

  .brix---text-200.black {
    letter-spacing: -.5px;
    font-family: Cormorant, sans-serif;
    font-style: italic;
    font-weight: 600;
  }

  .brix---mg-bottom-0.black {
    font-size: .8em;
  }

  .brix---slide-item-mg {
    width: 100%;
  }

  .brix---avatar-circle-04 {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
  }

  .brix---btn-slider-arrow-right---testimonial-v12 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 4px;
    inset: auto 7% 0% auto;
    transform: none;
  }

  .brix---btn-slider-arrow-right---testimonial-v12:hover {
    right: 7%;
    transform: none;
  }

  .brix---avatar-image {
    width: 100%;
  }

  .brix---text-200-bold {
    font-size: 15px;
    line-height: 16px;
  }

  .filter-project-title.h1.me-work {
    font-size: 2em;
  }

  .testimonial-slider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .link-block-15 {
    align-items: center;
    height: auto;
    margin-top: -35px;
  }

  .link-block-15.heading {
    align-self: auto;
    margin-bottom: 15px;
    margin-left: 3px;
    display: block;
  }

  .link-block-15.project {
    align-self: auto;
    margin-bottom: 15px;
    margin-left: 0;
    display: block;
  }

  .link-block-15.project-link {
    align-self: auto;
    margin-bottom: 15px;
    margin-left: 3px;
    display: none;
  }

  .text-block-15 {
    font-size: 25px;
  }

  .text-block-15.black {
    font-size: 1.7em;
    display: block;
  }

  .text-block-15.black:hover {
    transform: translate(0, -10px);
  }

  .trail-image-effect_list-wrapper {
    display: block;
  }

  .trail-image-effect_image {
    width: 12rem;
    height: 15rem;
  }

  .testimonial-main {
    margin-top: 0;
  }

  .section_showcase {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .showcase_column {
    height: 100vh;
  }

  .about-section {
    margin-top: 150px;
  }

  .footer-logo-wrapper {
    z-index: 1800;
    margin-top: 3%;
  }

  .hero-main {
    height: 60vh;
  }

  .accordion-item.is--first.top {
    margin-top: 0;
    padding-top: 3em;
    padding-bottom: 4em;
  }

  .accordion-item.is--first.bottom {
    padding-top: 3em;
    padding-bottom: 4em;
  }

  .accordion-item.is--first.top-2 {
    padding-bottom: 2em;
  }

  .accordion_paragraph {
    flex-flow: column;
    align-items: flex-start;
  }

  .item_paragraph {
    text-align: left;
  }

  .item_content-wrapper {
    align-items: flex-start;
  }

  .icon_wrapper {
    align-self: center;
    padding-left: 0;
  }

  .skills {
    padding-top: 0;
    padding-bottom: 0;
  }

  .line-client-2 {
    flex-direction: row;
  }

  .explore-cirlce {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    width: 80%;
    inset: -27% auto auto -52%;
  }

  .explore-cirlce.quote-text, .explore-cirlce.move, .explore-cirlce.explore-text, .explore-cirlce.skills-text-circle {
    width: 35%;
    margin-bottom: 50px;
  }

  .arrow-down-copy.large {
    height: 3em;
  }

  .menu-email {
    margin-top: 20px;
    font-size: 2em;
    line-height: 60px;
  }

  .accordion-section {
    width: 100%;
    padding-bottom: 10px;
  }

  .accordion-section.sm {
    height: auto;
  }

  .div-block-78 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    position: absolute;
    inset: auto 0% 0%;
  }

  .heading-j {
    margin-right: 0;
    font-size: 17vh;
    line-height: .6em;
    bottom: 30px;
  }

  .heading-j.j-italic {
    margin-left: 5px;
    margin-right: -7px;
    padding-right: 0;
    font-size: 44vw;
    bottom: 60px;
  }

  .heading-j.j-italic.intro {
    margin-bottom: 50px;
    margin-right: 6px;
  }

  .heading-o {
    margin-top: 20px;
    margin-left: -9px;
    margin-right: 0;
    padding-left: 0;
    font-size: 17vh;
    line-height: .6em;
  }

  .heading-o.o-italic-2 {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-o.heading {
    margin-left: -10px;
    margin-right: 5px;
    font-size: 44vw;
  }

  .heading-o.heading.intro {
    margin-left: -25px;
    margin-right: 0;
  }

  .heading-o.o-italic-2-copy {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-o-last {
    margin-top: 15px;
    margin-left: -10px;
    font-size: 17vh;
    left: 14px;
  }

  .heading-o-last.heading {
    margin-left: -24px;
    font-size: 43vw;
  }

  .heading-o-last.heading.intro {
    margin-left: -23px;
  }

  .heading-o-sec.o-italic {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-o-sec.o-italic.heading {
    margin-left: -32px;
    margin-right: 10px;
    font-size: 47vw;
    bottom: 37px;
  }

  .heading-o-sec.o-italic.heading.intro {
    margin-bottom: 50px;
    margin-left: -9px;
    margin-right: 0;
  }

  .heading-o-sec.o-italic-about {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-o-sec.o-italic-about.heading {
    margin-left: -20px;
    margin-right: 10px;
  }

  .italic.footer {
    font-size: 1.1em;
    line-height: 1em;
  }

  .italic.testimonial {
    font-size: 29vw;
    line-height: 1.15em;
  }

  .italic.email {
    letter-spacing: 0;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.4em;
  }

  .italic.social {
    font-family: Cormorant, sans-serif;
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    line-height: .7em;
  }

  .italic.footer-copy {
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: .6em;
  }

  .italic.oups {
    margin-right: 10px;
  }

  .work-text-div {
    width: 100%;
    height: 300px;
  }

  .work-text-container {
    flex: 1;
    position: static;
  }

  .work-text-wrap {
    justify-content: flex-end;
  }

  .work-text-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .work-text-block.white {
    margin-left: 0;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .div-block-79 {
    flex-flow: row;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
  }

  .div-block-80 {
    margin-left: 0;
  }

  .about-text-title {
    justify-content: flex-end;
    width: 100%;
    height: 30vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .skills-container {
    flex: 1;
  }

  .heading-l-last {
    margin-left: -40px;
    font-size: 17vh;
    line-height: .6em;
    bottom: 30px;
  }

  .skills-heading {
    font-size: 2.4em;
  }

  .about-text {
    justify-content: center;
    height: 100vh;
    margin-top: 30px;
    display: flex;
  }

  .main-hero_heading-copy, .skills-hero-heading {
    font-size: 2.4em;
  }

  .skills-circle {
    margin-top: 0;
    margin-bottom: 0%;
    top: 21%;
    bottom: -61px;
  }

  .asterix-skills {
    font-size: 1.4em;
  }

  .skills-circle-div {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    width: 80%;
    inset: -27% auto auto -52%;
  }

  .skills-circle-div.quote-text, .skills-circle-div.move, .skills-circle-div.explore-text {
    width: 35%;
    margin-bottom: 50px;
  }

  .skills-circle-div.skills-text-circle {
    width: 31%;
    margin-bottom: 0;
  }

  .skills-cercle-div {
    bottom: 0;
    right: 0;
  }

  .container-5 {
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 1em 0%;
  }

  .about_item {
    flex-flow: column;
    height: 70%;
  }

  .about_image-2 {
    width: 40%;
    display: none;
  }

  .about_image-2.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-2.is-3 {
    margin-bottom: 0%;
  }

  .about_heading {
    text-align: left;
    flex-flow: column;
    align-self: auto;
    height: auto;
    margin-top: 10px;
    font-size: 1.4em;
    position: static;
    inset: 0%;
  }

  .text-italic {
    font-family: Cormorant, sans-serif;
    font-size: 1.2em;
    font-style: italic;
  }

  .about_image-3 {
    width: 80%;
    display: none;
  }

  .about_image-3.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-3.is-3 {
    margin-bottom: 0%;
  }

  .about_image-4 {
    width: 80%;
    display: none;
  }

  .about_image-4.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-4.is-3 {
    margin-bottom: 0%;
  }

  .about_image-5 {
    width: 80%;
    display: none;
  }

  .about_image-5.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-5.is-3 {
    margin-bottom: 0%;
  }

  .skills-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .skills-section.skills-sm-padding {
    padding-top: 2rem;
  }

  .skills-section.padding-sm {
    width: 90%;
    padding-top: 2rem;
  }

  .skills-grid-large {
    width: 100%;
    margin-top: 50px;
  }

  .about_image-6 {
    width: 75%;
    display: none;
  }

  .about_image-6.is-1 {
    width: 75%;
    margin-top: 0%;
    display: block;
  }

  .about_image-6.is-3 {
    margin-bottom: 0%;
  }

  .about_image-7 {
    width: 80%;
    display: none;
  }

  .about_image-7.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-7.is-3 {
    margin-bottom: 0%;
  }

  .about_image-8 {
    width: 80%;
    display: none;
  }

  .about_image-8.is-1 {
    width: 80%;
    margin-top: 0%;
    display: block;
  }

  .about_image-8.is-3 {
    margin-bottom: 0%;
  }

  .marquee-content-contaier {
    margin-right: 20px;
  }

  .marquee-text.project-copy {
    font-size: 50px;
  }

  .marquee-icon.black {
    width: 9vw;
  }

  .marquee-icon.isp {
    width: 11vw;
    margin-right: 40px;
  }

  .project-text-section._2-col.no-pd {
    align-self: center;
    width: 100vw;
  }

  .project-text-section.no-pd-top.no-pd-bt {
    margin-bottom: 0;
  }

  .project-heading.no-cap {
    font-size: 31px;
    line-height: 35px;
  }

  .cell {
    padding-right: 0;
    display: block;
  }

  .project-content.last {
    width: 100vw;
  }

  .project-content.pd-100 {
    margin-top: 100px;
    margin-bottom: 0;
  }

  .project-2-col.pd-top {
    margin-top: 0;
  }

  .project-2-col.left-img-sm, .project-2-col.left-img-big {
    height: 30vh;
  }

  .testimonial-project-text {
    width: 90%;
    padding: 32px 22px;
  }

  .testimonial-project-title {
    width: 90%;
    margin-top: 10px;
    padding-left: 22px;
  }

  .text-title, .text-name {
    font-size: 15px;
    line-height: 16px;
  }

  .heading-style-h3 {
    color: #fff;
  }

  .stack_content-grid-container {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .track_content-wrapper.div {
    background-image: linear-gradient(#00000080, #00000080), url('../images/jakob-owens-DQPP9rVLYGQ-unsplash-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .track_content-wrapper.div.moncha {
    background-image: url('../images/monchabevco-home.jpg'), linear-gradient(#0000, #0000);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .track_content-wrapper.div.moncha._2 {
    background-size: cover, auto;
  }

  .track_content-grid {
    align-self: flex-start;
  }

  .heading-style-h4.text-color-white {
    color: #ffffff9c;
    font-size: 2rem;
  }

  .track_text {
    border: 1px solid #7c7a7a;
    padding: 10px;
    font-size: 10px;
  }

  .text_frame-wrapper._1 {
    width: 93vw;
    height: 22vh;
  }

  .track_content {
    flex-direction: column;
    align-items: flex-start;
  }

  .marquee-content-container-project {
    margin-right: 8vw;
  }

  .next-project-link-block {
    margin-bottom: 30px;
  }

  .work-text-project {
    width: 100%;
    height: 100vh;
  }

  .video-project {
    height: 100px;
  }

  .project-full {
    height: 360px;
  }

  .project-full.pd-top {
    margin-top: 0;
  }

  .project-full.pattern {
    height: 360px;
  }

  .project-3-cols.pd-top {
    margin-top: 0;
  }

  .project-3-cols.pd-sm {
    height: 100px;
  }

  .slide1 {
    border-radius: 0;
    height: auto;
  }

  .splide__arrows {
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    top: -22%;
  }

  .splide__track {
    width: 100%;
  }

  .image-holder {
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

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

  .heading-div {
    z-index: 2;
  }

  .code-embed-2 {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 12px;
  }

  .slide-image-2 {
    width: 60%;
    height: auto;
  }

  .container-7 {
    height: 80vh;
  }

  .splide__track-2 {
    width: 100%;
  }

  .code-embed-3 {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 12px;
  }

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

  .subtitle-7 {
    text-decoration: none;
    display: block;
  }

  .service-bottom-content {
    padding-top: 36px;
  }

  .service-list-item {
    padding-top: 50px;
    padding-bottom: 36px;
  }

  .slider-section {
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .slider-section.no-pd.bt, .slider-section.work.bt {
    margin-bottom: 0;
  }

  .slider-container {
    width: 100%;
    max-width: none;
    height: 40vh;
  }

  .nav-button-3 {
    display: none;
  }

  .nav-button-3.top-padding {
    margin-top: -50px;
    display: none;
    left: 15%;
    right: 15%;
  }

  .button-2_content-wrap {
    padding-left: 1.5rem;
  }

  .button-div {
    bottom: -1%;
  }

  .text-block-17 {
    font-size: 1.1rem;
    line-height: 22px;
  }

  .project-2-cols.pd-top {
    margin-top: 0;
  }

  .project-2-cols.pd-sm {
    height: 100px;
  }

  .slide-2, .slide-3, .slide-4, .slide-5 {
    height: auto;
  }

  .image-holder-copy {
    justify-content: center;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .article---mask.x-right {
    left: 110%;
  }

  .article---mask.x-left {
    right: 110%;
  }

  .article---mask.x-right {
    height: 300vh;
    left: 100%;
  }

  .article---mask.x-left {
    height: 300vh;
    right: 100%;
  }

  .article {
    height: 40vh;
  }

  .scroll---inner {
    top: 5%;
    bottom: 25%;
  }

  .article---image {
    width: 110vw;
  }

  .page-2 {
    display: block;
  }

  .heading---char {
    font-size: 2rem;
  }

  .heading---char.italic {
    font-size: 2.2rem;
  }

  .project-section.col {
    height: auto;
    margin-top: 0;
  }

  .project-section.col._2 {
    margin-top: 50px;
  }

  .project-section.col.top {
    margin-top: -3.4em;
  }

  .project-img-1 {
    height: 300px;
  }

  .title-project {
    text-align: left;
    font-size: 42px;
  }

  .title-project.padding_top {
    font-size: 28px;
  }

  .title-project.black {
    margin-bottom: 0;
    font-size: 2em;
    line-height: 1.2em;
  }

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

  .project-categorie.sm {
    letter-spacing: -.8px;
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
  }

  .project-categorie.large {
    letter-spacing: -.8px;
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: 1em;
    display: block;
  }

  .project-img-2 {
    height: 200px;
  }

  .project-link-2 {
    width: 60%;
    height: auto;
  }

  .project-col._4, .col-moncha {
    margin-top: 50px;
  }

  .project-img-3 {
    height: 300px;
  }

  .project-link-3 {
    width: 90%;
  }

  .col-270 {
    margin-top: 50px;
  }

  .project-link-4 {
    align-self: flex-start;
  }

  .project-link-5 {
    margin-bottom: -25px;
  }

  .project-img-4 {
    width: 300px;
    min-height: 300px;
  }

  .project-img-5 {
    height: 250px;
  }

  .project-link6 {
    width: 80%;
  }

  .project-img-6 {
    align-items: flex-start;
    height: 250px;
  }

  .col-rolli {
    padding-right: 0;
  }

  .link6 {
    margin: 10vw 0;
  }

  .h1 {
    padding-top: 1vw;
    font-size: 14vw;
    line-height: 11vw;
  }

  .text-2 {
    font-size: 2vw;
    line-height: 2vw;
  }

  .smalll-text-container.mobile {
    bottom: -3%;
  }

  .smalll-text-container.mobile.top {
    flex: 0 auto;
    align-self: stretch;
    inset: 3% 0% auto;
  }

  .smalll-text-container.mobile.top.pd-left {
    margin-left: 10px;
    position: relative;
    top: -8%;
  }

  .smalll-text-container.mobile.black {
    color: var(--black);
    width: 85%;
    margin-bottom: 0%;
  }

  .smalll-text-container.mobile.experience {
    margin-bottom: -5%;
  }

  .smalll-text-container.no-mobile {
    bottom: -3%;
  }

  .smalll-text-container.no-mobile.top {
    flex: 0 auto;
    align-self: stretch;
    inset: 0% 0% auto;
  }

  .smalll-text-container.no-mobile.top.pd-left {
    margin-left: 10px;
    position: relative;
    top: 0%;
  }

  .smalll-text-container.no-mobile.black {
    color: var(--black);
    width: 85%;
    margin-bottom: -12%;
  }

  .smalll-text-container.no-mobile.experience {
    margin-bottom: -5%;
  }

  .smalll-text-container.about {
    width: 95vw;
    display: none;
  }

  .sm-text-white {
    text-align: center;
    font-size: 10px;
    display: block;
  }

  .sm-text-white.align-right {
    text-align: center;
    font-size: 10px;
  }

  .sm-text-white.center {
    font-size: 10px;
  }

  .sm-text-white.center.italic.yellow {
    color: var(--color-2);
    text-align: right;
    font-family: Cormorant, sans-serif;
    font-size: 11px;
    font-style: italic;
    display: block;
  }

  .sm-text-white.black {
    color: #000;
  }

  .columns-8 {
    margin-bottom: 0;
  }

  .column-text {
    justify-content: flex-start;
    margin-top: 5px;
  }

  .product_link {
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .skills_img {
    width: 100%;
    margin-bottom: 40px;
  }

  .heading-w {
    margin-left: -10px;
    margin-right: -15px;
  }

  .heading-r {
    margin-left: -6px;
    margin-right: -10px;
  }

  .heading-k {
    margin-right: -5px;
    line-height: .6em;
  }

  .col-isp.pd-top {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-lcc.no-pd-top {
    margin-top: 50px;
    padding-left: 80px;
  }

  .unit_she-creates {
    max-width: 280px;
  }

  .global-footer {
    min-width: 240px;
    max-width: 479px;
  }

  .unit_programs {
    width: 280px;
  }

  .text-block-18 {
    line-height: 20px;
  }

  .module_heading {
    letter-spacing: normal;
    margin-top: 16px;
    font-size: 40px;
    line-height: 1.1em;
  }

  .text-link-blue {
    line-height: 20px;
  }

  .ac-gf-footer-legal {
    padding-top: 12px;
  }

  .copy-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .project_image-wrap, .project_image-wrap.matrix-1 {
    background-image: none;
  }

  .project_image-wrap.more-programs {
    height: 350px;
  }

  .cta-link {
    margin-top: 20px;
  }

  .globalnav {
    background-color: #000;
    display: block;
  }

  .description {
    letter-spacing: -.011em;
    font-weight: 300;
  }

  .description.more-programs {
    margin-top: .8em;
  }

  .headline {
    letter-spacing: -.004em;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 1.125em;
  }

  .gn-link {
    display: none;
  }

  .gn-link.gn-apple {
    display: block;
  }

  .gn-link.search {
    display: none;
  }

  .gn-link.bag {
    display: block;
  }

  .item-bio {
    display: none;
  }

  .ac-gf-footer-shop {
    border-bottom-style: none;
  }

  .container-8.more-programs {
    padding-top: 24px;
    padding-bottom: 45px;
  }

  .canvas__item.module_item-17 {
    width: 136px;
    transform: translate(6px, 541px);
  }

  .canvas__item.module_item-19 {
    width: 236px;
    transform: translate(327px, 507px);
  }

  .canvas__item.module_item-6 {
    width: 183px;
    transform: translate(-360px, -399px);
  }

  .canvas__item.module_item-13 {
    width: 136px;
    transform: translate(-658px, -153px);
  }

  .canvas__item.module_item-18 {
    width: 184px;
    transform: translate(454px, 286px);
  }

  .canvas__item.module_item-9 {
    width: 236px;
    transform: translate(-93px, -249px);
  }

  .canvas__item.module_item-10 {
    width: 183px;
    transform: translate(343px, -428px);
  }

  .canvas__item.module_item-0 {
    width: 135px;
    transform: translate(-122px, 244px);
  }

  .canvas__item.module_item-20 {
    width: 236px;
    transform: translate(553px, 76px);
  }

  .canvas__item.module_item-8 {
    width: 136px;
    transform: translate(284px, 13px);
  }

  .canvas__item.module_item-5 {
    width: 183px;
    transform: translate(-579px, 480px);
  }

  .canvas__item.module_item-15 {
    width: 136px;
    transform: translate(595px, -234px);
  }

  .canvas__item.module_item-3 {
    width: 236px;
    transform: translate(-393px, -191px);
  }

  .canvas__item.module_item-11 {
    width: 236px;
    transform: translate(-354px, 48px);
  }

  .canvas__item.module_item-4 {
    width: 281px;
    transform: translate(24px, -458px);
  }

  .canvas__item.module_item-16 {
    width: 136px;
    transform: translate(383px, -190px);
  }

  .canvas__item.module_item-7 {
    width: 281px;
    transform: translate(-279px, 496px);
  }

  .canvas__item.module_item-1 {
    width: 281px;
    transform: translate(134px, 294px);
  }

  .canvas__item.module_item-12 {
    width: 281px;
    transform: translate(-690px, 84px);
  }

  .canvas__item.module_item-2 {
    width: 135px;
    transform: translate(151px, -235px);
  }

  .canvas__item.module_item-14 {
    width: 236px;
    transform: translate(-404px, 273px);
  }

  .canvas__item.module_item-30 {
    width: 281px;
    transform: translate(-279px, 496px);
  }

  .canvas__item.module_item-21 {
    width: 183px;
    transform: translate(-579px, 480px);
  }

  .canvas__item.module_item-22 {
    width: 236px;
    transform: translate(327px, 507px);
  }

  .canvas__item.module_item-23 {
    width: 136px;
    transform: translate(383px, -190px);
  }

  .canvas__item.module_item-24, .canvas__item.module_item-25 {
    width: 183px;
    transform: translate(-579px, 480px);
  }

  .canvas__item.module_item-26 {
    width: 236px;
    transform: translate(-404px, 273px);
  }

  .copyright {
    line-height: 20px;
  }

  .ac-gf-footer-legal-copyright {
    margin-right: 0;
  }

  .subhead {
    max-width: 210px;
    font-size: 24px;
    line-height: 1.16667em;
  }

  .gn-bread {
    display: flex;
  }

  .ac-gf-footer-legal-links {
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 0;
    line-height: 20px;
  }

  .footer-playground {
    margin-top: 50px;
  }

  .ground-warp, .play-warp {
    width: 100%;
    height: 100vh;
  }

  .more-work {
    flex: 1;
    align-items: center;
    width: 100%;
    position: relative;
    top: 65px;
    overflow: hidden;
  }

  .more-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .more-block {
    margin-left: 30px;
  }

  .m {
    margin-right: 0;
    font-size: 25vw;
    bottom: 40px;
  }

  ._0 {
    line-height: .2em;
  }

  ._0.o-italic {
    margin-top: -11px;
    font-size: 25vw;
  }

  .r {
    margin-left: -9px;
    font-size: 25vw;
    bottom: 40px;
  }

  .e {
    margin-top: -3px;
    margin-left: -12px;
    font-size: 25vw;
  }

  .black-div {
    flex-flow: column;
    order: 0;
    display: flex;
  }

  .column-number {
    text-align: left;
    justify-content: flex-start;
    margin-bottom: 20px;
    padding-left: 0;
    display: none;
  }

  .column-22 {
    height: 0;
  }

  .heading-a {
    margin: 0 -40px 50px 0;
    padding-left: 0;
    font-size: 25vw;
    bottom: 40px;
  }

  .heading-a.o-italic-2 {
    margin-top: 0;
    font-size: 18vh;
  }

  .heading-a.heading {
    margin-left: -20px;
    margin-right: 5px;
  }

  .heading-a.about-page {
    margin: 0 -5px 25px 0;
  }

  .heading-t {
    bottom: 40px;
    left: 0;
  }

  .heading-t.o-italic-2 {
    margin-top: 0;
    font-size: 18vh;
  }

  .heading-t.heading {
    margin-left: -20px;
    margin-right: 5px;
  }

  .heading-t.about-page {
    margin-bottom: 30px;
    margin-left: -11px;
  }

  .column-23 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-o-about.o-italic {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-o-about.o-italic.heading {
    margin-left: -20px;
    margin-right: 10px;
  }

  .heading-o-about.o-italic-about {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-o-about.o-italic-about.heading {
    margin-left: -20px;
    margin-right: 10px;
  }

  .poke-guru-col {
    padding-left: 30px;
  }

  .poke-guru-col.pd-top {
    margin-top: 0;
    padding-left: 20px;
  }

  .letter-o-about {
    margin-top: 15px;
    margin-left: -10px;
    font-size: 17vh;
    left: 14px;
  }

  .letter-o-about.heading {
    margin-left: 0;
  }

  .letter-o-about.o-italic-about {
    margin-left: 0;
    margin-right: 0;
    left: 0;
  }

  .letter-o-about.o-italic-about.about-page {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: -5px;
  }

  .div-block-o {
    flex-flow: row;
    margin-left: -8px;
    bottom: 55px;
  }

  .rotate-circle-about {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    width: 80%;
    inset: -27% auto auto -52%;
  }

  .rotate-circle-about.move {
    width: 35%;
    margin-bottom: 50px;
  }

  .link-about {
    align-items: center;
    height: auto;
    margin-top: -35px;
  }

  .link-about.heading {
    margin-top: -15px;
    margin-bottom: 0;
  }

  .rotate-about {
    height: auto;
  }

  .rotate-about.heading, .rotate-about.heading-about {
    margin-bottom: 0;
  }

  .heading-u {
    margin-top: 0;
    margin-left: 0;
    left: 0;
  }

  .heading-u.heading {
    margin-left: 0;
  }

  .heading-b {
    margin-top: 0;
    margin-left: 0;
    margin-right: -9px;
    padding-left: 0;
  }

  .heading-b.o-italic-2 {
    margin-top: 0;
    font-size: 18vh;
  }

  .heading-b.heading {
    margin-left: -20px;
    margin-right: 5px;
  }

  .about-circle-link {
    width: 50%;
    margin-left: 10px;
  }

  .column-social {
    flex-flow: row;
    margin-top: 10px;
  }

  .lcc-large-1 {
    background-position: 25% 100%;
  }

  .lcc-large-5 {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .heading-p {
    margin-bottom: 50px;
    margin-right: -40px;
    font-size: 25vw;
    line-height: .6em;
    bottom: 0;
  }

  .heading-p.j-italic {
    margin-left: 5px;
    margin-right: -7px;
    padding-right: 0;
    font-size: 44vw;
    bottom: 60px;
  }

  .heading-a-sec.o-italic {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-a-sec.o-italic.heading {
    margin-left: -32px;
    margin-right: 10px;
    font-size: 47vw;
    bottom: 37px;
  }

  .heading-a-sec.o-italic-about {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-a-sec.o-italic-about.heading {
    margin-left: -20px;
    margin-right: 10px;
  }

  .heading-y {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 25vw;
    left: 0;
  }

  .heading-y.heading {
    margin-left: -24px;
    font-size: 43vw;
  }

  .heading-w-work {
    margin-right: 0;
    font-size: 17vh;
    line-height: .6em;
    bottom: 30px;
  }

  .heading-w-work.j-italic {
    margin-left: 5px;
    margin-right: -7px;
    padding-right: 0;
    font-size: 44vw;
    bottom: 60px;
  }

  .heading-r-work.o-italic {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-r-work.o-italic.heading {
    margin-left: -32px;
    margin-right: 10px;
    font-size: 47vw;
    bottom: 37px;
  }

  .heading-r-work.o-italic-about {
    margin-left: -15px;
    font-size: 18vh;
    line-height: .6em;
    bottom: 35px;
  }

  .heading-r-work.o-italic-about.heading {
    margin-left: -20px;
    margin-right: 10px;
  }

  .heading-k-work {
    margin-top: 15px;
    margin-left: -10px;
    font-size: 17vh;
    left: 14px;
  }

  .heading-k-work.heading {
    margin-left: -24px;
    font-size: 43vw;
  }

  .footer-play {
    justify-content: space-between;
    padding-top: 50%;
  }

  .div-block-90 {
    height: 80vh;
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .nav-menu-links {
    padding-bottom: 150px;
  }

  .nav-menu-link-text {
    font-size: 15vw;
  }

  .nav-menu-footer {
    flex-flow: row;
    justify-content: space-around;
    align-self: center;
    height: 90px;
    padding-bottom: 130px;
    display: flex;
  }

  .small-links-wrapper {
    flex-flow: row;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .small-links-wrapper.last {
    margin-right: -20px;
  }

  .o-italic.footer {
    font-size: 1.1em;
    line-height: 1em;
  }

  .o-italic.testimonial {
    font-size: 29vw;
    line-height: 1.15em;
  }

  .o-italic.email {
    letter-spacing: 0;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.4em;
  }

  .o-italic.social {
    font-family: Cormorant, sans-serif;
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    line-height: .7em;
  }

  .o-italic.footer-copy {
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: .6em;
  }

  .l-italic {
    font-size: 16vw;
  }

  .l-italic.footer {
    font-size: 1.1em;
    line-height: 1em;
  }

  .l-italic.testimonial {
    font-size: 29vw;
    line-height: 1.15em;
  }

  .l-italic.email {
    letter-spacing: 0;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.4em;
  }

  .l-italic.social {
    font-family: Cormorant, sans-serif;
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    line-height: .7em;
  }

  .l-italic.footer-copy {
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: .6em;
  }

  .heading-project, .heading-project.x-01 {
    display: none;
  }

  .scroll-2 {
    top: 8%;
    left: 3%;
  }

  .heading-play {
    margin-top: 20px;
    margin-left: -9px;
    margin-right: 0;
    padding-left: 0;
    font-size: 17vh;
    line-height: .6em;
  }

  .heading-play.o-italic-2 {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-play.heading {
    margin-left: -10px;
    margin-right: 5px;
    font-size: 44vw;
  }

  .heading-work {
    margin-top: 20px;
    margin-left: -9px;
    margin-right: 0;
    padding-left: 0;
    font-size: 17vh;
    line-height: .6em;
  }

  .heading-work.o-italic-2 {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-work.heading {
    margin-left: -10px;
    margin-right: 5px;
    font-size: 44vw;
  }

  .project-div.bkg-color-black {
    margin-top: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .menu-o-italic {
    font-size: 16vw;
  }

  .menu-o-italic.footer {
    font-size: 1.1em;
    line-height: 1em;
  }

  .menu-o-italic.testimonial {
    font-size: 29vw;
    line-height: 1.15em;
  }

  .menu-o-italic.email {
    letter-spacing: 0;
    font-size: .8em;
    font-weight: 600;
    line-height: 1.4em;
  }

  .menu-o-italic.social {
    font-family: Cormorant, sans-serif;
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    line-height: .7em;
  }

  .menu-o-italic.footer-copy {
    font-family: Cormorant, sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: 500;
    line-height: .6em;
  }

  .gallery-wrapper.pd-top {
    width: 100%;
    display: block;
  }

  .image-wrapper {
    width: 100%;
    height: 30vh;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-38, .image-39 {
    max-height: 65vw;
  }

  .slide-hover, .slide-work-2, .slide-work-3, .slide-work-4, .slide-work-5, .slide-work-6, .slide-work-7 {
    border-radius: 10px;
    height: auto;
  }

  .image-40 {
    max-height: 65vw;
  }

  .container-gallery {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text-gallery {
    width: 100%;
    height: 300px;
  }

  .hero-text-gallery-container {
    flex: 1;
    position: static;
  }

  .hero-texte-gallery-wrap {
    justify-content: flex-end;
  }

  .hero-text-center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 102%;
    margin-left: -10px;
    margin-right: 0;
    padding-left: 0;
    overflow: hidden;
  }

  .hero-text-center.white {
    margin-left: 0;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .gallery-grid.desktop {
    grid-auto-columns: 1fr;
  }

  .display-m {
    font-size: 1rem;
  }

  .card-1 {
    max-width: 85vw;
  }

  .card-button {
    display: none;
  }

  .card-content {
    padding: 1rem;
    display: none;
  }

  .card-2, .card-3, .card-4, .card-5, .card-6, .card-7, .card-8, .card-9, .card-10, .card-11, .card-12, .card-13, .card-14, .card-15, .card-16, .card-17, .card-18, .card-19, .card-20, .card-21, .card-22 {
    max-width: 85vw;
  }

  .heading-o-italic {
    margin-top: 20px;
    margin-left: -9px;
    margin-right: 0;
    padding-left: 0;
    font-size: 17vh;
    line-height: .6em;
  }

  .heading-o-italic.o-italic-2 {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-o-italic.heading {
    margin-left: -10px;
    margin-right: 5px;
    font-size: 44vw;
  }

  .heading-o-italic.o-italic-2-copy {
    margin-top: 10px;
    margin-right: 0;
  }

  .heading-o-italic.no-pd {
    margin-top: 0;
    margin-left: 0;
    margin-right: -40px;
    font-size: 29vw;
  }

  .hero-text-about-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 600px;
  }

  .hero-text-about-wrap.white {
    margin-left: 0;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .container-about-text {
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: auto;
    padding: 1em 0%;
  }

  .about-text-section {
    width: 90%;
    padding-bottom: 0%;
  }

  .about-text-section._2-col.no-pd {
    align-self: center;
    width: 100vw;
  }

  .about-grid.column {
    width: 100%;
    margin-bottom: 0;
  }

  .testimonial-main-copy {
    margin-top: 0;
  }

  .polaroid-frame {
    z-index: 6;
    width: 6.5rem;
    height: 7rem;
    position: relative;
    top: -73%;
  }

  .polaroid-frame._4 {
    z-index: 6;
    width: 6.5rem;
    height: 7rem;
    top: 382px;
    left: 129px;
  }

  .polaroid-frame._2 {
    top: -206px;
    left: 31px;
  }

  .polaroid-frame._3 {
    top: 264px;
    left: 45px;
  }

  .polaroid-frame._5 {
    top: 101px;
    left: 99px;
    transform: rotate(15deg);
  }

  .polaroid-frame._1 {
    top: -92%;
  }

  .polaroid-image-wrapper {
    width: 6.5rem;
    height: 7rem;
  }

  .polaroids-wrapper {
    justify-content: flex-start;
    height: 60%;
    display: flex;
    position: relative;
    inset: 144px auto 0%;
    transform: scale(.6);
  }

  .about-heading.no-cap {
    font-size: 31px;
    line-height: 35px;
  }

  .about-italic-text.yellow, .about-text-div {
    text-align: left;
  }

  .about-text-div.left {
    padding-bottom: 50px;
  }

  .div-block-96 {
    z-index: 7;
    justify-content: center;
    align-items: center;
    display: flex;
    inset: 0%;
  }

  .link-text {
    white-space: nowrap;
    flex: 0 auto;
  }

  .hero-text-top {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-items: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-text-top.white {
    margin-left: 0;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .hero-text-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-text-bottom.white {
    margin-left: 0;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .heading-w-copy {
    margin-left: -10px;
    margin-right: -15px;
  }

  .column-27 {
    justify-content: flex-start;
    display: flex;
  }

  .column-29 {
    align-self: flex-start;
  }

  .project-4-col.pd-top {
    margin-top: 0;
  }

  .project-4-col.left-img-sm, .project-4-col.left-img-big, .project-4-col.grid-right {
    height: 30vh;
  }

  .div-block-98 {
    flex-flow: row;
    display: flex;
  }

  .bold-text-4 {
    font-size: 10px;
  }
}

#w-node-d86d4ef9-297d-42d4-1a01-780f5e69eccc-14d654f2, #w-node-caafd0b0-8c07-4498-cf22-8535e9c5efd3-14d654f2, #w-node-_132524a5-825b-b226-b59d-56918661ab94-14d654f2, #w-node-c392501c-e6dd-26c6-de7c-40008d99285a-14d654f2 {
  justify-self: center;
}

#w-node-b8a4235d-0723-5e45-3c04-619cad258e97-14d654f2 {
  place-self: start center;
}

#w-node-_3cdc6c74-daf3-7c59-54b9-356a8b6736e1-14d654f2 {
  grid-area: 2 / 4 / 2 / 4;
}

#w-node-_98d4c831-8f46-2d8e-780a-edd4fcda137c-14d654f2, #w-node-_0e0e50ff-2d5f-3d0d-cc2b-8b3b6fd568e6-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-fdffe966-2801-3dab-689a-99408adc5bee-14d654f2 {
  grid-area: 4 / 3 / 6 / 5;
}

#w-node-fdffe966-2801-3dab-689a-99408adc5bef-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-cd25729f-d155-9d6c-e58c-6d0963396795-14d654f2 {
  grid-area: 6 / 1 / 7 / 2;
  align-self: start;
}

#w-node-cd25729f-d155-9d6c-e58c-6d0963396796-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_92267d13-1fde-77dc-4ae8-72481a431020-14d654f2 {
  grid-area: 7 / 2 / 9 / 4;
}

#w-node-_92267d13-1fde-77dc-4ae8-72481a431021-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_00a89fd5-a49b-be1e-a93f-20c0f1470ae6-14d654f2 {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-c927ef60-e4e0-8e05-1f79-c509f252adeb-14d654f2 {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-c927ef60-e4e0-8e05-1f79-c509f252adec-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_0304e2c7-62c7-b374-a65a-cb50e5bddda3-14d654f2 {
  grid-area: 10 / 3 / 12 / 5;
}

#w-node-_0304e2c7-62c7-b374-a65a-cb50e5bddda4-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_376dcd02-b0bd-3b17-473a-f97f046546d4-14d654f2 {
  grid-area: 12 / 1 / 13 / 2;
}

#w-node-_376dcd02-b0bd-3b17-473a-f97f046546d5-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_0a3c1384-7bc9-3001-48aa-c016a72be618-14d654f2 {
  grid-area: 13 / 5 / 14 / 6;
}

#w-node-_0a3c1384-7bc9-3001-48aa-c016a72be619-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_6085fe6e-8336-3202-3634-c1ea398545a0-14d654f2 {
  grid-area: 14 / 3 / 15 / 4;
}

#w-node-_6085fe6e-8336-3202-3634-c1ea398545a1-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_7cf1ac94-f117-3ade-8351-7b33a6b7a615-14d654f2 {
  grid-area: 15 / 1 / 17 / 3;
}

#w-node-_7cf1ac94-f117-3ade-8351-7b33a6b7a616-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_194007cb-e86b-b9d4-20ca-d1a932064172-14d654f2 {
  grid-area: 17 / 5 / 18 / 6;
}

#w-node-_194007cb-e86b-b9d4-20ca-d1a932064173-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-fed674a4-2800-da01-3930-8eba545e1a4f-14d654f2 {
  grid-area: 18 / 1 / 19 / 2;
}

#w-node-fed674a4-2800-da01-3930-8eba545e1a50-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-c089aecd-51a3-7251-3056-62f4f9a6e64e-14d654f2 {
  grid-area: 19 / 3 / 21 / 5;
}

#w-node-c089aecd-51a3-7251-3056-62f4f9a6e64f-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_581f09c8-32c8-6943-a17a-447623a36630-14d654f2 {
  grid-area: 22 / 5 / 23 / 6;
}

#w-node-_581f09c8-32c8-6943-a17a-447623a36632-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-efd92a79-6a71-8b72-3d3b-42e6077ab678-14d654f2 {
  grid-area: 21 / 2 / 22 / 3;
}

#w-node-efd92a79-6a71-8b72-3d3b-42e6077ab679-14d654f2 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_3094740c-57d2-d849-ee03-0dd0778c2ed5-14d654f2 {
  grid-area: 20 / 1 / 21 / 2;
}

#w-node-df24ec45-86c5-18d3-0993-d3faf30527b6-14d654f2 {
  grid-area: 23 / 1 / 25 / 3;
}

#w-node-_65caeb8c-6169-c184-4867-092c88d991c6-14d654f2 {
  grid-area: 25 / 3 / 26 / 4;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr 1fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d65598 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-c6283bc1-6df8-6c98-fd2e-0b160057a164-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f6-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_8f546f8c-9c58-bbf4-7d76-b7f57bad7951-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c6fe1f1f-ea7e-19d4-a049-b7984ae0c091-14d65598, #w-node-_72b582a7-3832-5882-1048-597932774044-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_141a7be5-87df-ef6a-8bb8-a0317089e906-14d65598 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_8763388c-6258-ab92-d0e5-a3dbb9cd3c7d-b9cd3c6a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr 1fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d65599 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f422eae-41a1-320f-5215-eac84a1c8399-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_23910845-9188-2764-4ad0-4860c1b1fe43-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_0445d077-4344-fd95-965e-ea6b219b8293-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_193ebb96-9862-a2f0-07ec-5cd404474110-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-f8bb389e-403a-49ec-c08f-7445478ff80e-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_1c166ecd-5812-5302-f795-290f066a9c86-14d65599, #w-node-_18b9cd78-6af1-ae81-20f9-a8299be1b96e-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_29f6bf58-b6fe-48d9-8598-beb2dda6a347-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_609910cb-ab84-513c-e393-67473bda26dd-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_8cf19e48-3fbd-e8ce-0634-cd6b221dffb0-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_91b3005d-cdac-2dfa-01da-dd394f246512-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_17088a57-4888-1f4c-8c34-864f514eb088-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b9c0ed60-8795-66d7-432b-bbc57c077fc6-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_4e0f7f43-a3e1-f30b-c2e8-2463aae0fe2b-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-c57bfb13-adc0-301e-6151-50c8af57717a-14d65599 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d6559a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_74bb90dd-b093-1536-d0db-e344d96a413a-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_0a83ef5c-499a-4dea-b056-69b8d9b4a5fe-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c613bf13-aac1-7b89-b0f8-45b8e404b987-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: none;
}

#w-node-_29495cd7-ec0b-fbc3-9311-6dee6d060db3-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: grid;
}

#w-node-cc04ee1d-d247-b036-8840-bb14ae2a08c5-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: none;
}

#w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: .45fr 1fr;
}

#w-node-_996cdebd-fc74-da7b-6d26-4576a71d60c8-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_996cdebd-fc74-da7b-6d26-4576a71d60d8-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_67e21599-8862-2719-62dd-95683388725c-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_8f546f8c-9c58-bbf4-7d76-b7f57bad7951-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-c0f9da2f-7e6a-841e-e1c1-ae0488db66d3-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_3313f1d8-d879-3ac3-79fc-1eb68e6c4575-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e305691c-7397-1f47-7afb-afc803dd984b-14d6559a, #w-node-_9b9a2291-35d7-5411-38b4-468285779306-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-a382e729-8c86-8245-568d-0ea27037888f-14d6559a, #w-node-df86afae-8151-9457-85a7-c50899004047-14d6559a {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr 1fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d6559b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-c7aa9eaf-f94d-7bf6-d027-66b93cd20977-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-ada8b2d3-707e-999d-a607-2302da9c1da6-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-dcc9774b-e828-0882-ee7f-814a29bcadeb-14d6559b, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_40fb9a84-c911-f324-9fde-8654be82784b-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_5bdce018-b076-ddcd-2365-46f2d345c8f1-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_83a75dfb-4d93-89f8-1147-e2c4a50e93c2-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_5448bf05-e343-6701-cafe-64ceb294dbc8-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-df9e8c7a-d451-4d1b-e6d1-070969a2da5a-14d6559b {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr 1fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d6559c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_245b7ec3-ce98-6935-40fd-2ecbfca6b605-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_0a83ef5c-499a-4dea-b056-69b8d9b4a5fe-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2f844342-67ff-e568-5768-a08353595567-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-fc53311e-6ad7-a728-7719-371473490da2-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-fc53311e-6ad7-a728-7719-371473490da9-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_590c120a-9017-bed4-d170-ac69ec999d1e-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-_93c6aac8-e970-d528-0279-d2d9f06c4a6a-14d6559c {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-f96dc7d5-9417-73ad-a9b6-267e877902a6-14d6559c {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559c {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 1.25fr 1.25fr 1fr;
}

#w-node-_8bf32766-bd59-1aa5-e3ca-4815560e7574-14d655af {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_8a593966-a502-80c6-2590-9acca40e8417-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-a72e8cc5-3369-af70-cc8a-2a93c7210469-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_3b33d0f8-d0df-ca1a-1d6e-bc7297045191-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3b33d0f8-d0df-ca1a-1d6e-bc729704519c-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_326fb743-7d8e-6308-ffbc-da1eb9f6d1b1-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_4fa9708c-3498-d43f-2db5-bec76acc622e-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_091e4377-d926-c095-7198-7d5ec92c5703-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_5895e394-6250-66d8-ea5c-18ece29290f0-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_317e8dfc-4f5b-9cc2-00ff-97a163164a76-14d655af {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-e0ea14d5-15ab-c7f8-a1a7-5b164b61c488-14d655af {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-b8a4235d-0723-5e45-3c04-619cad258e97-14d655b0 {
  place-self: start center;
}

#w-node-_3cdc6c74-daf3-7c59-54b9-356a8b6736e1-14d655b0 {
  grid-area: 2 / 4 / 2 / 4;
}

#w-node-_98d4c831-8f46-2d8e-780a-edd4fcda137c-14d655b0, #w-node-_0e0e50ff-2d5f-3d0d-cc2b-8b3b6fd568e6-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-fdffe966-2801-3dab-689a-99408adc5bee-14d655b0 {
  grid-area: 4 / 3 / 6 / 5;
}

#w-node-fdffe966-2801-3dab-689a-99408adc5bef-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-cd25729f-d155-9d6c-e58c-6d0963396795-14d655b0 {
  grid-area: 6 / 1 / 7 / 2;
  align-self: start;
}

#w-node-cd25729f-d155-9d6c-e58c-6d0963396796-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_92267d13-1fde-77dc-4ae8-72481a431020-14d655b0 {
  grid-area: 7 / 2 / 9 / 4;
}

#w-node-_92267d13-1fde-77dc-4ae8-72481a431021-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_00a89fd5-a49b-be1e-a93f-20c0f1470ae6-14d655b0 {
  grid-area: 7 / 5 / 8 / 6;
}

#w-node-c927ef60-e4e0-8e05-1f79-c509f252adeb-14d655b0 {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-c927ef60-e4e0-8e05-1f79-c509f252adec-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_0304e2c7-62c7-b374-a65a-cb50e5bddda3-14d655b0 {
  grid-area: 10 / 3 / 12 / 5;
}

#w-node-_0304e2c7-62c7-b374-a65a-cb50e5bddda4-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_376dcd02-b0bd-3b17-473a-f97f046546d4-14d655b0 {
  grid-area: 12 / 1 / 13 / 2;
}

#w-node-_376dcd02-b0bd-3b17-473a-f97f046546d5-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_0a3c1384-7bc9-3001-48aa-c016a72be618-14d655b0 {
  grid-area: 13 / 5 / 14 / 6;
}

#w-node-_0a3c1384-7bc9-3001-48aa-c016a72be619-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_6085fe6e-8336-3202-3634-c1ea398545a0-14d655b0 {
  grid-area: 14 / 3 / 15 / 4;
}

#w-node-_6085fe6e-8336-3202-3634-c1ea398545a1-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_7cf1ac94-f117-3ade-8351-7b33a6b7a615-14d655b0 {
  grid-area: 15 / 1 / 17 / 3;
}

#w-node-_7cf1ac94-f117-3ade-8351-7b33a6b7a616-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_194007cb-e86b-b9d4-20ca-d1a932064172-14d655b0 {
  grid-area: 17 / 5 / 18 / 6;
}

#w-node-_194007cb-e86b-b9d4-20ca-d1a932064173-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-fed674a4-2800-da01-3930-8eba545e1a4f-14d655b0 {
  grid-area: 18 / 1 / 19 / 2;
}

#w-node-fed674a4-2800-da01-3930-8eba545e1a50-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-c089aecd-51a3-7251-3056-62f4f9a6e64e-14d655b0 {
  grid-area: 19 / 3 / 21 / 5;
}

#w-node-c089aecd-51a3-7251-3056-62f4f9a6e64f-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_581f09c8-32c8-6943-a17a-447623a36630-14d655b0 {
  grid-area: 22 / 5 / 23 / 6;
}

#w-node-_581f09c8-32c8-6943-a17a-447623a36632-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-efd92a79-6a71-8b72-3d3b-42e6077ab678-14d655b0 {
  grid-area: 21 / 2 / 22 / 3;
}

#w-node-efd92a79-6a71-8b72-3d3b-42e6077ab679-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_3094740c-57d2-d849-ee03-0dd0778c2ed5-14d655b0 {
  grid-area: 20 / 1 / 21 / 2;
}

#w-node-df24ec45-86c5-18d3-0993-d3faf30527b6-14d655b0 {
  grid-area: 23 / 1 / 25 / 3;
}

#w-node-_65caeb8c-6169-c184-4867-092c88d991c6-14d655b0 {
  grid-area: 25 / 3 / 26 / 4;
}

#w-node-b22b14e8-534d-3c31-8b4c-67996d327ecb-14d655b0 {
  grid-area: 24 / 5 / 25 / 6;
}

#w-node-b22b14e8-534d-3c31-8b4c-67996d327ecd-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b969083e-eee2-353f-ac31-f418dc21eaa9-14d655b0 {
  grid-area: 27 / 2 / 29 / 4;
}

#w-node-b969083e-eee2-353f-ac31-f418dc21eaab-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_37ebef92-1e9b-235b-4e11-b1e6c1703f71-14d655b0 {
  grid-area: 29 / 5 / 30 / 6;
}

#w-node-_37ebef92-1e9b-235b-4e11-b1e6c1703f73-14d655b0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_60b0052b-a0c3-bfde-7ec1-792a39ffe27e-39ffe24a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_95d202a8-7a30-5e3e-cd15-360a39a205b9-14d655b2 {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 2fr;
}

#services.w-node-_9bc363b5-2558-e1fd-e7ce-422706d51465-14d655b2 {
  grid-area: 1 / 1 / 2 / 4;
}

@media screen and (min-width: 1920px) {
  #w-node-_4f422eae-41a1-320f-5215-eac84a1c8399-14d65599, #w-node-_245b7ec3-ce98-6935-40fd-2ecbfca6b605-14d6559c, #w-node-fc53311e-6ad7-a728-7719-371473490da9-14d6559c, #w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d65598 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c6283bc1-6df8-6c98-fd2e-0b160057a164-14d65598, #w-node-f8bb389e-403a-49ec-c08f-7445478ff80e-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559a, #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d6559b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d6559c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d655af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3b33d0f8-d0df-ca1a-1d6e-bc729704519c-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_95d202a8-7a30-5e3e-cd15-360a39a205b9-14d655b2 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c392501c-e6dd-26c6-de7c-40008d99285a-14d654f2 {
    justify-self: end;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1.5fr;
  }

  #w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d65598, #w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c6283bc1-6df8-6c98-fd2e-0b160057a164-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f586-14d65598 {
    grid-row: span 1 / span 1;
  }

  #w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f6-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baac-14d65598 {
    grid-row: span 1 / span 1;
  }

  #w-node-_8f546f8c-9c58-bbf4-7d76-b7f57bad7951-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c6fe1f1f-ea7e-19d4-a049-b7984ae0c091-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-c6fe1f1f-ea7e-19d4-a049-b7984ae0c092-14d65598 {
    grid-row: span 1 / span 1;
  }

  #w-node-_72b582a7-3832-5882-1048-597932774044-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_72b582a7-3832-5882-1048-597932774045-14d65598 {
    grid-row: span 1 / span 1;
  }

  #w-node-_141a7be5-87df-ef6a-8bb8-a0317089e906-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr;
  }

  #w-node-_441ebb76-615c-4f92-cdff-4d0ed081c1fb-14d65599 {
    grid-row: span 2 / span 2;
  }

  #w-node-_4f422eae-41a1-320f-5215-eac84a1c8399-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: auto;
  }

  #w-node-_23910845-9188-2764-4ad0-4860c1b1fe43-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0445d077-4344-fd95-965e-ea6b219b8293-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: auto;
  }

  #w-node-_193ebb96-9862-a2f0-07ec-5cd404474110-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f8bb389e-403a-49ec-c08f-7445478ff80e-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_1c166ecd-5812-5302-f795-290f066a9c86-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_1c166ecd-5812-5302-f795-290f066a9c87-14d65599 {
    grid-row: span 1 / span 1;
  }

  #w-node-_18b9cd78-6af1-ae81-20f9-a8299be1b96e-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_18b9cd78-6af1-ae81-20f9-a8299be1b96f-14d65599 {
    grid-row: span 1 / span 1;
  }

  #w-node-_29f6bf58-b6fe-48d9-8598-beb2dda6a347-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_609910cb-ab84-513c-e393-67473bda26dd-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_609910cb-ab84-513c-e393-67473bda26de-14d65599 {
    grid-row: span 1 / span 1;
  }

  #w-node-_8cf19e48-3fbd-e8ce-0634-cd6b221dffb0-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_91b3005d-cdac-2dfa-01da-dd394f246512-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_91b3005d-cdac-2dfa-01da-dd394f246513-14d65599 {
    grid-row: span 1 / span 1;
  }

  #w-node-_17088a57-4888-1f4c-8c34-864f514eb088-14d65599, #w-node-b9c0ed60-8795-66d7-432b-bbc57c077fc6-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4e0f7f43-a3e1-f30b-c2e8-2463aae0fe2b-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_4e0f7f43-a3e1-f30b-c2e8-2463aae0fe2c-14d65599 {
    grid-row: span 1 / span 1;
  }

  #w-node-c57bfb13-adc0-301e-6151-50c8af57717a-14d65599 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr;
  }

  #w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d6559a, #w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d6559a, #w-node-_74bb90dd-b093-1536-d0db-e344d96a413a-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f586-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-_0a83ef5c-499a-4dea-b056-69b8d9b4a5fe-14d6559a, #w-node-c613bf13-aac1-7b89-b0f8-45b8e404b987-14d6559a, #w-node-_29495cd7-ec0b-fbc3-9311-6dee6d060db3-14d6559a, #w-node-cc04ee1d-d247-b036-8840-bb14ae2a08c5-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baac-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-_996cdebd-fc74-da7b-6d26-4576a71d60c8-14d6559a, #w-node-_996cdebd-fc74-da7b-6d26-4576a71d60d8-14d6559a, #w-node-_67e21599-8862-2719-62dd-95683388725c-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad6-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d6559a, #w-node-_8f546f8c-9c58-bbf4-7d76-b7f57bad7951-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdd-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-c0f9da2f-7e6a-841e-e1c1-ae0488db66d3-14d6559a, #w-node-_3313f1d8-d879-3ac3-79fc-1eb68e6c4575-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e305691c-7397-1f47-7afb-afc803dd984b-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-e305691c-7397-1f47-7afb-afc803dd984c-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-_9b9a2291-35d7-5411-38b4-468285779306-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_9b9a2291-35d7-5411-38b4-468285779307-14d6559a {
    grid-row: span 1 / span 1;
  }

  #w-node-a382e729-8c86-8245-568d-0ea27037888f-14d6559a, #w-node-df86afae-8151-9457-85a7-c50899004047-14d6559a {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1.5fr;
  }

  #w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d6559b, #w-node-db02d4ec-809c-b819-9639-1cc0e77fdf9a-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f586-14d6559b {
    grid-row: span 1 / span 1;
  }

  #w-node-c7aa9eaf-f94d-7bf6-d027-66b93cd20977-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-ada8b2d3-707e-999d-a607-2302da9c1da6-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-dcc9774b-e828-0882-ee7f-814a29bcadeb-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-dcc9774b-e828-0882-ee7f-814a29bcadec-14d6559b {
    grid-row: span 1 / span 1;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baac-14d6559b {
    grid-row: span 1 / span 1;
  }

  #w-node-_40fb9a84-c911-f324-9fde-8654be82784b-14d6559b, #w-node-_5bdce018-b076-ddcd-2365-46f2d345c8f1-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_83a75dfb-4d93-89f8-1147-e2c4a50e93c2-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_83a75dfb-4d93-89f8-1147-e2c4a50e93c3-14d6559b {
    grid-row: span 1 / span 1;
  }

  #w-node-_5448bf05-e343-6701-cafe-64ceb294dbc8-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-df9e8c7a-d451-4d1b-e6d1-070969a2da5a-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-df9e8c7a-d451-4d1b-e6d1-070969a2da5b-14d6559b {
    grid-row: span 1 / span 1;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1.5fr;
  }

  #w-node-_245b7ec3-ce98-6935-40fd-2ecbfca6b605-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f586-14d6559c {
    grid-row: span 1 / span 1;
  }

  #w-node-_0a83ef5c-499a-4dea-b056-69b8d9b4a5fe-14d6559c, #w-node-_2f844342-67ff-e568-5768-a08353595567-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baac-14d6559c {
    grid-row: span 1 / span 1;
  }

  #w-node-fc53311e-6ad7-a728-7719-371473490da2-14d6559c, #w-node-fc53311e-6ad7-a728-7719-371473490da9-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad6-14d6559c {
    grid-row: span 1 / span 1;
  }

  #w-node-_590c120a-9017-bed4-d170-ac69ec999d1e-14d6559c, #w-node-_375a2d2d-6960-a342-2a60-c1a646d1d9f0-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdd-14d6559c {
    grid-row: span 1 / span 1;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr 1.5fr;
  }

  #w-node-_1d10ce81-e07e-126b-57d5-263eb98d89f1-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8a593966-a502-80c6-2590-9acca40e8417-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_8a593966-a502-80c6-2590-9acca40e8418-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-a72e8cc5-3369-af70-cc8a-2a93c7210469-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f586-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_3b33d0f8-d0df-ca1a-1d6e-bc7297045191-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3b33d0f8-d0df-ca1a-1d6e-bc729704519c-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-feab81eb-64bb-3933-27a0-be28c4d5baac-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_326fb743-7d8e-6308-ffbc-da1eb9f6d1b1-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad6-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_4fa9708c-3498-d43f-2db5-bec76acc622e-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_091e4377-d926-c095-7198-7d5ec92c5703-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_091e4377-d926-c095-7198-7d5ec92c5704-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_5895e394-6250-66d8-ea5c-18ece29290f0-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdd-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_317e8dfc-4f5b-9cc2-00ff-97a163164a76-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e0ea14d5-15ab-c7f8-a1a7-5b164b61c488-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: grid;
  }

  #w-node-e0ea14d5-15ab-c7f8-a1a7-5b164b61c489-14d655af {
    grid-row: span 1 / span 1;
  }

  #w-node-_95d202a8-7a30-5e3e-cd15-360a39a205b9-14d655b2 {
    grid-template-rows: auto;
    grid-template-columns: 4.5fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c392501c-e6dd-26c6-de7c-40008d99285a-14d654f2 {
    justify-self: center;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d65598 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d65598 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d65598, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d65598, #w-node-c6fe1f1f-ea7e-19d4-a049-b7984ae0c091-14d65598, #w-node-_72b582a7-3832-5882-1048-597932774044-14d65598, #w-node-f8bb389e-403a-49ec-c08f-7445478ff80e-14d65599, #w-node-_1c166ecd-5812-5302-f795-290f066a9c86-14d65599, #w-node-_18b9cd78-6af1-ae81-20f9-a8299be1b96e-14d65599, #w-node-_609910cb-ab84-513c-e393-67473bda26dd-14d65599, #w-node-_91b3005d-cdac-2dfa-01da-dd394f246512-14d65599, #w-node-_4e0f7f43-a3e1-f30b-c2e8-2463aae0fe2b-14d65599, #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559a, #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559a, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559a, #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559a, #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559a, #w-node-e305691c-7397-1f47-7afb-afc803dd984b-14d6559a, #w-node-_9b9a2291-35d7-5411-38b4-468285779306-14d6559a, #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559b {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d6559b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559b, #w-node-dcc9774b-e828-0882-ee7f-814a29bcadeb-14d6559b, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559b, #w-node-_83a75dfb-4d93-89f8-1147-e2c4a50e93c2-14d6559b, #w-node-df9e8c7a-d451-4d1b-e6d1-070969a2da5a-14d6559b, #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d6559c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d6559c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d6559c, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d6559c, #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d6559c, #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d6559c, #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc667-14d655af {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_6a21fe53-94aa-5d9a-1f2d-ceb18b2cc669-14d655af {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8a593966-a502-80c6-2590-9acca40e8417-14d655af, #w-node-_24e538dd-6738-34e6-409a-70e41783f585-14d655af, #w-node-feab81eb-64bb-3933-27a0-be28c4d5baab-14d655af, #w-node-_5270e7e8-7f5b-f16c-598e-a4e93eea0ad5-14d655af, #w-node-_091e4377-d926-c095-7198-7d5ec92c5703-14d655af, #w-node-_06339947-a82c-394f-ebf9-5c6f6874fcdc-14d655af, #w-node-e0ea14d5-15ab-c7f8-a1a7-5b164b61c488-14d655af, #w-node-_95d202a8-7a30-5e3e-cd15-360a39a205b9-14d655b2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Canela Trial';
  src: url('../fonts/Canela-LightItalic-Trial.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela Trial';
  src: url('../fonts/Canela-MediumItalic-Trial.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Canela Trial';
  src: url('../fonts/Canela-ThinItalic-Trial.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}