:root {
  --_theme---bakground-color: var(--swatch--light);
  --_text-style---font-family: Geist, Verdana, sans-serif;
  --_theme---text: var(--swatch--dark);
  --_text-style---font-size: var(--_responsive---font-size--body);
  --_text-style---line-height: 1.625;
  --_text-style---letter-spacing: -.01em;
  --_responsive---spacing--xl: 2rem;
  --_responsive---spacing--s: .75rem;
  --_responsive---spacing--xxl: 3rem;
  --_responsive---spacing--l: 1.5rem;
  --_responsive---radius--shader-radius: var(--_responsive---radius--xxl);
  --swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>: #a09fa4;
  --_responsive---spacing--xxs: .25rem;
  --_responsive---spacing--xs: .5rem;
  --swatch--dark: #12171a;
  --swatch--light: #ecf3f8;
  --main--hover-dark\<deleted\|variable-1a43321a\>: #00092580;
  --_theme---swatch--shader-color\<deleted\|variable-d5ebc9df-0ada-8f80-2beb-2e85b2878e1b\>: var(--swatch--shader-fill);
  --_responsive---radius--s: .125rem;
  --_theme---text-color-grey: var(--swatch--dark-400);
  --swatch--dark\<deleted\|variable-b256462b\>: #0f0f0f;
  --_theme---button-primary--padding-vertical: .4rem;
  --_theme---color--accessible-components-dark-grey: #9b9b9b;
  --_responsive---radius--xl: 1.2rem;
  --_responsive---spacing--m: 1rem;
  --swatch--grey: #57565e;
  --_responsive---radius--pictures-radius: var(--_responsive---radius--xl);
  --_responsive---spacing--regular: var(--_responsive---spacing--s);
  --_theme---button-primary--wm-border\<deleted\|variable-66c15e4e-db90-9fc6-3a24-5eec58845829\>: #8c8c8c33;
  --_theme---button-primary--background: var(--swatch--brand);
  --swatch--green\<deleted\|variable-68f4d37f\>: #cbc9d2;
  --_theme---button-primary--button-border-width: .16rem;
  --swatch--blue\<deleted\|variable-df8e4b0d-a011-0483-113c-f27af28bc73e\>: #2c2498;
  --swatch--main-shader\<deleted\|variable-471b2134\>: #e2e2d7;
  --swatch--brand: oklch(.7382 .1435 243);
  --_responsive---radius--m: .3rem;
  --_responsive---spacing--x-huge: 6rem;
  --_responsive---spacing--huge: 4rem;
  --swatch--dark-600: color-mix(in oklch, var(--swatch--dark) 75%, black 25%);
  --_responsive---radius--xxxl: 2.4rem;
  --_theme---button-primary--text: var(--swatch--light);
  --swatch--opaque: #3e434e24;
  --_responsive---radius--l: .6rem;
  --swatch--dark-200: color-mix(in oklch, var(--swatch--dark) 10%, var(--swatch--light));
  --swatch--brand-600: color-mix(in oklch, var(--swatch--brand) 75%, var(--swatch--dark));
  --swatch--brand-200: color-mix(in oklch, var(--swatch--brand) 15%, var(--swatch--light));
  --swatch--brand-700: color-mix(in oklch, var(--swatch--brand) 45%, var(--swatch--dark));
  --_responsive---button-radius: 1rem;
  --_theme---button-primary--background-hover: var(--_theme---text);
  --swatch--dark-200-1\<deleted\|variable-9caff3cb-9aa0-8b83-870c-5f7904feb0db\>: color-mix(in srgb, var(--swatch--dark) 20%, var(--swatch--light) 80%);
  --swatch--dark-300: color-mix(in oklch, var(--swatch--dark) 35%, var(--swatch--light));
  --swatch--dark-400: color-mix(in oklch, var(--swatch--dark) 70%, var(--swatch--light));
  --swatch--dark-700: color-mix(in oklch, var(--swatch--dark) 50%, black 50%);
  --swatch--dark-800: color-mix(in oklch, var(--swatch--dark) 25%, black 75%);
  --_theme---foreground: var(--swatch--dark-200);
  --_theme---foreground-hover: color-mix(in oklch, var(--_theme---foreground) 90%, var(--swatch--brand) 10%);
  --swatch--white: oklch(1 0 0);
  --swatch--watermelon: #9d5050;
  --_responsive---font-size--h1: 2.75rem;
  --_responsive---radius--button-radius: var(--_responsive---radius--l);
  --swatch--brand-800: color-mix(in oklch, var(--swatch--brand) 15%, var(--swatch--dark));
  --swatch--brand-300: color-mix(in oklch, var(--swatch--brand) 40%, var(--swatch--light));
  --swatch--brand-400: color-mix(in oklch, var(--swatch--brand) 70%, var(--swatch--light));
  --swatch--orange: #f2994a;
  --swatch--red: #ff0e12;
  --swatch--span: 12;
  --_responsive---font-size--h2: 2rem;
  --_responsive---font-size--h3: 1.5rem;
  --_responsive---font-size--h4: 1.25rem;
  --_responsive---font-size--h5: 1.175rem;
  --_responsive---font-size--body: .95rem;
  --swatch--shader-fill: #21232a;
  --swatch--grey-500: #262626;
  --_theme---text-secondery: var(--swatch--brand);
  --_theme---text-grey-wm: #737373;
  --_theme---text-grey: #e3e3e573;
  --_theme---bkg-gradient-top: #fff0;
  --_responsive---radius--xxl: 1.8rem;
  --_theme---bkg-gradient-bottom: #ffffff2e;
  --_theme---p-c-bkg-gradient-top: #3115154f;
  --_responsive---radius--homepage-project: 0rem;
  --_theme---button-primary--padding-horizontal: .7rem;
  --_theme---button-primary--height: 2rem;
  --_theme---button-primary--transparent: #8c8c8c00;
  --_theme---button-primary--main-button: var(--swatch--dark);
  --_theme---color--resume-card: #8c8c8c0f;
  --_theme---color--resume-container: #8c8c8c26;
  --_theme---cms_dynamic--background-color: var(--swatch--dark);
  --_theme---cms_dynamic--border-color: var(--swatch--dark);
  --_responsive---navmenu--radius: 51.2px;
  --_responsive---navmenu--padding: 12.8px;
  --_responsive---navmenu--inner-padding: 1.6rem;
  --_responsive---navmenu--padding-bottom: 12.8px;
  --_responsive---navmenu--height: 3.2rem;
  --_responsive---images--squircle: 36;
  --_responsive---images--border-width: 3px;
  --_responsive---images--smooth-radius-l: 100px;
  --_responsive---images--smooth-radius-m: 60px;
  --_responsive---images--smooth-radius-s: 30px;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --swatch--dark: lab(7.22915% -1.25974 -3.29234);
    --swatch--light: lab(95.3684% -1.47483 -3.38982);
  }
}

body {
  background-color: var(--_theme---bakground-color);
  font-family: var(--_text-style---font-family);
  color: var(--_theme---text);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-variation-settings: "wght" 400;
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: Geist, Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--body);
  --_text-style---line-height: 1.625;
  --_text-style---letter-spacing: -.01em;
}

h1 {
  margin-top: 0;
  margin-bottom: var(--_responsive---spacing--xl);
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-variation-settings: "wght" 550;
  letter-spacing: var(--_text-style---letter-spacing);
  white-space: break-spaces;
  word-break: normal;
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h1);
  --_text-style---line-height: 1.125;
  --_text-style---letter-spacing: -.04em;
}

h2 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-variation-settings: "wght" 600;
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h2);
  --_text-style---line-height: 1.3;
  --_text-style---letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-variation-settings: "wght" 600;
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h3);
  --_text-style---line-height: 1.4;
  --_text-style---letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  font-variation-settings: "wght" 600;
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h4);
  --_text-style---line-height: 1.4;
  --_text-style---letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  font-family: var(--_text-style---font-family);
  font-size: var(--_text-style---font-size);
  line-height: var(--_text-style---line-height);
  letter-spacing: var(--_text-style---letter-spacing);
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h5);
  --_text-style---line-height: 1.4;
  --_text-style---letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  font-variation-settings: "wght" 400;
  letter-spacing: -.06rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Radiocanadabig Variablefont Wght, Verdana, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

p {
  max-width: 96%;
  font-size: var(--_text-style---font-size);
  margin-bottom: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
}

ul {
  max-width: 96%;
  font-size: var(--_text-style---font-size);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.4rem;
  line-height: 1.4;
}

ol {
  max-width: 96%;
  font-size: var(--_text-style---font-size);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
  line-height: 1.5;
}

li {
  margin-bottom: .25rem;
}

img {
  object-fit: cover;
}

label {
  margin-bottom: .25rem;
  font-weight: 600;
  display: block;
}

strong {
  font-variation-settings: "wght" 600;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figcaption {
  margin-top: var(--_responsive---spacing--s);
  color: #7e7e7f;
  text-align: center;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.main-wrapper {
  z-index: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.all-pages-body {
  --_text-style---font-family: Geist, Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--body);
  --_text-style---line-height: 1.625;
  --_text-style---letter-spacing: -.01em;
}

.all-pages-body.darkmofe {
  background-color: var(--swatch--dark);
  color: var(--swatch--light);
}

.local-style {
  display: none;
}

.img-wrapper {
  z-index: 0;
  border-radius: var(--_responsive---radius--s);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  overflow: clip;
}

.img-wrapper.u-grid-7 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  aspect-ratio: 3 / 2;
}

.img-wrapper.u-grid-7.with-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-button {
  z-index: 1;
  grid-column-gap: var(--_responsive---spacing--xxs);
  grid-row-gap: var(--_responsive---spacing--xxs);
  font-variation-settings: "wght" 500;
  cursor: pointer;
  border-radius: 17px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 10px 20px;
  transition-property: all;
  transition-duration: .45s;
  transition-timing-function: ease;
  display: flex;
  position: relative;
  overflow: clip;
  color: currentColor !important;
}

.main-button.w--current:hover {
  color: var(--_theme---text-color-grey);
}

.main-button.mobile-resume {
  display: none;
}

.main-button.white-mode {
  height: auto;
  position: relative;
}

.main-button.white-mode:hover {
  color: var(--swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>);
  background-color: #0000;
}

.main-button.white-mode.w--current {
  border-color: var(--_theme---text-color-grey);
  color: var(--_theme---text-color-grey);
  transform: none;
}

.main-button.white-mode.w--current:hover {
  border-color: var(--_theme---text-color-grey);
}

.main-button.m-s {
  line-height: 1;
}

.main-button.is-icon-only {
  padding-right: var(--_theme---button-primary--padding-vertical);
  padding-left: var(--_theme---button-primary--padding-vertical);
  border-width: 0;
  border-radius: 0;
}

.main-button.is-link.is-external {
  z-index: 0;
  border-radius: 19px;
}

.main-button.is-link.is-external:hover {
  padding-left: 15px;
  padding-right: 15px;
}

.heading-gp-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
}

.heading-gp-2.main-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-gp-2.main-heading.off-for-now {
  display: none;
}

.gp_wrapper {
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.gp_wrapper.spline-scene-wrapper {
  flex-direction: column;
  align-items: flex-start;
}

.gp_wrapper.vertical-spacer {
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xxl);
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  flex-direction: column;
  align-items: flex-start;
}

.gp_wrapper.grid-layout {
  grid-column: 2 / span 10;
}

.gp-tl-image {
  aspect-ratio: 3 / 2.2;
  width: 45%;
}

.gp-tl-image.mobile-gp-image {
  display: none;
}

.gp-circle-timeline {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: .575rem -2.5rem auto auto;
}

.gp-circle-timeline.hero-circle {
  left: -2.9rem;
  right: auto;
}

.loader_number {
  min-width: 50px;
  min-height: 50px;
  color: var(--swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>);
  font-variation-settings: "wght" 600;
  flex: none;
  font-family: Inter variablefont;
  font-size: 8rem;
  line-height: .9;
}

.page-load {
  z-index: 1000;
  opacity: 1;
  transform: scale3d(1none, 1none, 1none);
  object-position: 0% 100%;
  transform-style: preserve-3d;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: 0%;
}

.number-containter {
  width: 100%;
  height: 100%;
  padding-top: var(--_responsive---radius--xl);
  padding-bottom: var(--_responsive---spacing--m);
  padding-left: var(--_responsive---spacing--l);
  background-color: var(--swatch--dark\<deleted\|variable-b256462b\>);
  opacity: 1;
  perspective-origin: 0 100%;
  transform-origin: 0 100%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  transform: translate(0%);
}

.google-icon-font {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: Materialiconsround, sans-serif;
  display: flex;
  overflow: hidden;
}

.google-icon-font.outlined {
  font-variation-settings: "wght" 600, "FILL" 0, "opsz" 20, "GRAD" 0;
}

.google-icon-font.slider {
  opacity: .2;
  font-variation-settings: "wght" 500, "FILL" 1, "opsz" 48, "GRAD" 35;
  text-align: center;
  color: currentColor;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  line-height: 1;
  display: flex;
  transform: perspective(2000px);
}

.google-icon-font.slider.left-centered {
  inset: auto auto auto 2rem;
}

.google-icon-font.slider.right-centered {
  top: auto;
  bottom: auto;
  right: 2rem;
}

.global-styles {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.container-large {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.container-large.custome-grid-non-featured {
  padding-top: var(--_responsive---spacing--xxl);
  padding-bottom: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xl);
  grid-row-gap: var(--_responsive---spacing--xl);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: start;
  display: flex;
}

.container-large.u-grid-12.cms-hero-padding {
  padding-top: var(--_responsive---spacing--xxl);
  padding-bottom: var(--_responsive---spacing--xxl);
  padding-top: var(--_responsive---spacing--xxl);
  padding-bottom: var(--_responsive---spacing--xxl);
}

.text-size-small {
  font-size: .875rem;
  line-height: 1;
}

.text-align-center {
  text-align: center;
}

.text-align-center.text-color-purple {
  border-right: 5px dotted var(--_theme---bakground-color);
  border-left: 5.5px dotted var(--_theme---bakground-color);
  background-color: var(--swatch--brand);
  color: var(--swatch--light);
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h4);
  --_text-style---line-height: 1.4;
  --_text-style---letter-spacing: -.04em;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.process-rich-text {
  width: 100%;
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}

.process-rich-text ul, .process-rich-text ol {
  margin-bottom: 1.5rem;
}

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

.process-rich-text h1, .process-rich-text h2, .process-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.process-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1em;
}

.process-rich-text h5, .process-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.process-rich-text img {
  border-radius: var(--_responsive---radius--m);
}

.hide {
  display: none;
}

.max-width-full {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 50% 50%;
  grid-auto-flow: column dense;
  width: 100%;
  max-width: none;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-xxlarge {
  padding: var(--_responsive---spacing--xxl);
}

.margin-large {
  margin: var(--_responsive---spacing--l);
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.background-color-black {
  background-color: var(--swatch--dark-600);
  color: var(--swatch--light);
}

.text-color-grey {
  color: var(--_theme---text-color-grey);
}

.button-icon {
  z-index: 2;
  font-family: Materialiconsround, sans-serif;
  font-weight: 400;
  line-height: 1;
  display: block;
  position: relative;
  color: inherit !important;
}

.button-icon.no-underline {
  font-variation-settings: "wght" 500, "FILL" 1;
}

.button-text {
  z-index: 2;
  letter-spacing: -.01rem;
  flex: none;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: ease;
  position: relative;
  color: inherit !important;
}

.button-text:where(.w-variant-4b6fb5a8-2d6d-bb7e-b262-97dfe294367a), .button-text:where(.w-variant-b4ccb721-03ef-dbfe-bd10-316e3369de76) {
  display: none;
}

.icon-text {
  grid-column-gap: var(--_responsive---spacing--xxs);
  grid-row-gap: var(--_responsive---spacing--s);
  align-items: flex-start;
  display: flex;
}

.feautures-box {
  z-index: -3;
  grid-column-gap: var(--_responsive---spacing--m);
  grid-row-gap: var(--_responsive---spacing--xs);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-wrapper {
  width: auto;
  color: var(--_theme---button-primary--text);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-wrapper:where(.w-variant-b4ccb721-03ef-dbfe-bd10-316e3369de76) {
  width: 50%;
  height: 100%;
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
}

.button-wrapper:where(.w-variant-4b6fb5a8-2d6d-bb7e-b262-97dfe294367a) {
  flex: none;
  width: auto;
  height: auto;
}

.button-wrapper:hover {
  color: var(--swatch--light);
}

.button-wrapper.is-next:where(.w-variant-b4ccb721-03ef-dbfe-bd10-316e3369de76) {
  justify-content: flex-end;
  align-items: center;
}

.l-n-wrap {
  opacity: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.square-ratio {
  aspect-ratio: 1;
}

.cms-gradient {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.cms-hero-media {
  z-index: 0;
  width: 100%;
  max-width: 100%;
  max-height: none;
  height: calc(100vh - (calc(var(--_responsive---spacing--xxl) * 3)));
  flex: 1;
  grid-column: 1 / span 8;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-content-container {
  width: 100%;
  margin-top: var(--_responsive---spacing--xxl);
  margin-right: auto;
  margin-bottom: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  flex-flow: column;
  grid-column: 1 / span 8;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start center;
  margin-left: auto;
  display: flex;
}

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

.hero-content-container.cms-page-hero {
  grid-column: 9 / span 4;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
}

.cms-img {
  object-fit: contain;
  flex: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.cms-sub-details {
  grid-column-gap: var(--_responsive---spacing--m);
  color: var(--swatch--dark-200);
  flex-flow: row;
  margin-bottom: auto;
  display: flex;
}

.lottie-animation {
  top: var(--_responsive---spacing--xxl);
  width: 100%;
  padding-top: var(--_responsive---spacing--xxl);
  padding-bottom: var(--_responsive---spacing--xxl);
  border-top-left-radius: var(--_responsive---radius--m);
  border-top-right-radius: var(--_responsive---radius--m);
  border-bottom-left-radius: var(--_responsive---radius--m);
  border-bottom-right-radius: var(--_responsive---radius--m);
  position: sticky;
  max-height: calc(100vh - (calc(var(--_responsive---spacing--xxl) * 2))) !important;
}

.lottie-animator {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 400vh;
  display: flex;
  position: relative;
}

.tl-circle-2 {
  background-color: #e2e2e5;
  border-radius: 100%;
  flex: none;
  width: .8rem;
  height: .8rem;
}

.tl-line-2 {
  background-color: #e2e2e5;
  width: .2rem;
  height: 100%;
  min-height: 100%;
}

.tl-line-2.spline-scene-gp {
  height: 6000px;
  position: absolute;
  top: 0;
  left: .3rem;
  right: .3rem;
}

.tl-line-2.spline-scene-gp.final {
  height: 1200px;
  top: auto;
  bottom: 0;
}

.tl-line-2.gp_spline-page {
  height: 6000px;
  position: absolute;
  top: 0;
  left: .3rem;
  right: .3rem;
}

.tl-line-2.connector {
  height: 6em;
  min-height: 6em;
}

.tl-line-2.connector.last-section {
  margin-top: -6.1em;
}

.gp_container-2 {
  background-color: #3e434e24;
  border-radius: .3rem;
  flex-direction: column;
  flex: 0 auto;
  width: 100%;
  display: flex;
  position: relative;
}

.gp_container-2.timeframes {
  grid-column-gap: 1.6rem;
  grid-row-gap: .8rem;
  color: #e2e2e5;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 50%;
}

.gp_container-2.timeframes.bottom-square {
  margin-bottom: 0;
}

.gp_container-2.inner {
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.gp_container-2.transparent {
  background-color: #0000;
}

.gp-tl-heading-wrap-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .8rem;
  display: flex;
  position: relative;
}

.gp-tl-heading-wrap-2.off--for-now {
  display: none;
}

.gp_line-wrapper-2 {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding: .97rem 2.4rem 0 .8rem;
  line-height: .5px;
  display: flex;
}

.gp_text-container-2 {
  flex: none;
  width: 100%;
  padding: 1.6rem;
}

.gp_text-container-2.half {
  width: 55%;
}

.gp_text-container-2.half.flex-box-text {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.styleguide_guide_list.u-grid-custom {
  width: 100%;
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xxl);
  width: 100%;
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xxl);
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_guide_column {
  color: #8a8a8a80;
  background-color: #a656e30f;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding: .6rem;
  display: flex;
}

.paper-texture {
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.u-grid-custom {
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xxl);
  grid-template-rows: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-12 {
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-12.container-large.border-block {
  border-style: none dashed;
  border-width: 1px;
  border-color: var(--swatch--dark-200);
}

.u-grid-12.container-large.custom-gap {
  grid-row-gap: var(--_responsive---spacing--l);
}

.navlink {
  padding-left: 0;
  padding-right: 0;
}

.navlink.linked-in-link {
  grid-column: 11 / span 1;
}

.navlink.available-block {
  padding: var(--_responsive---spacing--xxs) var(--_responsive---spacing--s);
  grid-column-gap: var(--_responsive---spacing--xs);
  grid-row-gap: var(--_responsive---spacing--xs);
  background-color: var(--swatch--brand-600);
  color: var(--swatch--brand-200);
  cursor: pointer;
  background-image: linear-gradient(297deg, #3fc95633, #fff0);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.navlink.available-block:hover {
  background-color: var(--swatch--brand-700);
  color: var(--swatch--light);
}

.hamadarabi {
  grid-column-gap: var(--_responsive---spacing--xxs);
  grid-row-gap: var(--_responsive---spacing--xxs);
  flex-flow: row;
  grid-column: 1 / span 2;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.u-grid-5 {
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.svg-filter-2 {
  display: block;
  overflow: visible;
}

.u-grid-10 {
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xl);
  grid-template-rows: auto;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.navbar-container {
  z-index: 10000;
  width: 100%;
  min-height: var(--_responsive---spacing--xxl);
  background-color: #b3b3b300;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: color .1s ease-in-out;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.cms-w-embed {
  grid-column: 1 / span 8;
}

.linkedin-icon {
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.button-background {
  z-index: -1;
  border-top-left-radius: var(--_responsive---button-radius);
  border-top-right-radius: var(--_responsive---button-radius);
  border-bottom-left-radius: var(--_responsive---button-radius);
  border-bottom-right-radius: var(--_responsive---button-radius);
  background-color: var(--_theme---button-primary--background);
  filter: url("#round-filter-button");
  width: 100%;
  height: 110%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-background-x {
  z-index: 1;
  background-color: var(--_theme---button-primary--background-hover);
  transform-origin: 50% 100%;
  width: 100%;
  height: 100%;
  padding: 0;
}

.div-block-246 {
  width: 0;
  height: 0;
  overflow: hidden;
}

.cms-card-background {
  z-index: -2;
  border-radius: var(--_responsive---radius--m);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .2s ease-out;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cms-card-background.color-green {
  background-color: #285f64;
  border: 1px solid #000;
}

.color-pallete {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--swatch--brand);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 150px;
  display: grid;
}

.background-dark-200 {
  background-color: var(--swatch--dark-200-1\<deleted\|variable-9caff3cb-9aa0-8b83-870c-5f7904feb0db\>);
}

.background-dark-300 {
  background-color: var(--swatch--dark-300);
}

.background-dark-400 {
  background-color: var(--swatch--dark-400);
}

.background-dark-500 {
  background-color: var(--swatch--dark);
}

.background-dark-600 {
  background-color: var(--swatch--dark-600);
}

.background-dark-700 {
  background-color: var(--swatch--dark-700);
}

.background-dark-800 {
  background-color: var(--swatch--dark-800);
}

.background-light-100 {
  background-color: var(--swatch--light);
}

.cms-rt-w-grid {
  width: 100%;
  max-width: 120rem;
  padding-right: var(--_responsive---spacing--xxl);
  padding-left: var(--_responsive---spacing--xxl);
  grid-column-gap: 3rem;
  grid-row-gap: 0px;
  color: inherit;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  align-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.cms-rt-w-grid h3 {
  margin-bottom: var(--_responsive---spacing--m);
  text-align: left;
  grid-column: 9 / span 4;
}

.cms-rt-w-grid p {
  z-index: 0;
  padding-top: var(--_responsive---spacing--xxs);
  padding-right: var(--_responsive---spacing--l);
  grid-column: 9 / span 4;
  align-self: end;
  position: relative;
}

.cms-rt-w-grid figure {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: var(--_responsive---spacing--xxl);
  flex-flow: column;
  grid-area: span 12 / 1 / auto / span 8;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
  height: calc(100vh - (calc(var(--_responsive---spacing--xxl) * 2))) !important;
}

.cms-rt-w-grid img {
  border-radius: var(--_responsive---radius--s);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 0;
  display: inline-flex;
}

.cms-rt-w-grid ol {
  margin-bottom: var(--_responsive---spacing--xxl);
  padding-top: var(--_responsive---spacing--xxs);
  padding-left: var(--_responsive---spacing--m);
  grid-column: 9 / span 4;
}

.cms-rt-w-grid ul {
  margin-bottom: var(--_responsive---spacing--xxl);
  padding-right: var(--_responsive---spacing--l);
  padding-left: var(--_responsive---spacing--m);
  grid-column: 9 / span 4;
}

.cms-rt-w-grid li {
  margin-top: var(--_responsive---spacing--xxs);
  margin-bottom: var(--_responsive---spacing--s);
  padding-left: var(--_responsive---spacing--l);
}

.cms-rt-w-grid.no-grid {
  padding-right: var(--_responsive---spacing--s);
  padding-left: var(--_responsive---spacing--s);
  grid-column: 9 / span 4;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cms-rt-w-grid h2 {
  margin-bottom: var(--_responsive---spacing--xl);
  grid-column: 9 / span 4;
}

.div-block-248 {
  width: 100%;
  display: block;
}

.nf-background {
  z-index: 0;
  background-color: currentColor;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: ease-in;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.other-project-item {
  grid-column-gap: var(--_responsive---spacing--xl);
  grid-row-gap: var(--_responsive---spacing--xl);
  aspect-ratio: 3 / 2;
  border-radius: var(--_responsive---radius--m);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  transition: all .1s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.other-project-item.swiper-slide {
  max-width: 100% !important;
}

.other-projects-list {
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.other-projects-swiper {
  z-index: 0;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: var(--_responsive---spacing--xl);
  grid-column-gap: var(--_responsive---spacing--xxl);
  grid-row-gap: var(--_responsive---spacing--xxl);
  flex: 0 auto;
  align-items: stretch;
  display: flex;
}

.other-projects-wrapper {
  width: 100%;
  max-width: 100%;
  min-height: 100svh;
  padding-top: var(--_responsive---spacing--huge);
  padding-bottom: var(--_responsive---spacing--huge);
  flex-flow: row;
  position: relative;
  overflow: clip;
}

.other-cms-img {
  z-index: 1;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: var(--_responsive---spacing--m);
  pointer-events: none;
  object-fit: contain;
  flex: none;
  position: relative;
  overflow: hidden;
}

.round-filter-l {
  filter: url("#round-filter-l");
}

.round-filter-m {
  filter: url("#round-filter-m");
}

.round-filter-s {
  filter: url("#round-filter-s");
}

.div-block-252 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
}

.code-embed-2 {
  display: none;
}

.video-card-visual__video {
  z-index: 1;
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: clip;
}

.video-card-visual__video.homepage-grid {
  padding: var(--_responsive---spacing--xxl);
}

.hero-video {
  width: 100%;
  height: 100%;
  padding: var(--_responsive---spacing--xxl);
  justify-content: center;
  align-items: center;
  overflow: clip;
}

.slider-navigation-wrapper {
  grid-column-gap: var(--_responsive---spacing--m);
  grid-row-gap: var(--_responsive---spacing--m);
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.slider-navigation-wrapper.aligh-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.swiper.hero-swiper {
  z-index: -1;
  z-index: -1;
  inset: 0%;
  flex: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swiper-wrapper.hero-swiper {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.swiper-slide.hero-swiper {
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.hero-swiper-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 130%;
  flex: none;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}

.div-block-258 {
  flex-flow: column;
  flex: 0 auto;
  grid-column: 2 / span 10;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  overflow: clip;
}

.ring-wrapper {
  margin-right: auto;
}

.heading-25 {
  --_text-style---font-family: "Radiocanadabig Variablefont Wght", Verdana, sans-serif;
  --_text-style---font-size: var(--_responsive---font-size--h3);
  --_text-style---line-height: 1.4;
  --_text-style---letter-spacing: -.04em;
  margin-top: calc(0px - (var(--_responsive---font-size--h1) * var(--_text-style---line-height)));
}

.flex-block-3 {
  width: 100%;
  padding: var(--_responsive---spacing--s) var(--_responsive---spacing--xxl);
  grid-column-gap: var(--_responsive---spacing--s);
  grid-row-gap: var(--_responsive---spacing--s);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-block-3.grid-linkedin {
  margin-top: var(--_responsive---spacing--xxl);
  justify-content: flex-end;
  align-items: flex-start;
}

.available-dot {
  color: #14d521;
  font-size: 1.5rem;
  line-height: .5rem;
}

.cms-rt {
  flex-flow: column;
  grid-column: 9 / span 4;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cms-rt p {
  margin-top: auto;
}

.cms-hero-cta {
  padding-top: var(--_responsive---spacing--l);
  margin-top: auto;
}

.theme-dark {
  color: var(--_theme---text);
  --_theme---bakground-color: var(--swatch--dark-600);
  --_theme---text: var(--swatch--white);
  --_theme---swatch--shader-color\<deleted\|variable-d5ebc9df-0ada-8f80-2beb-2e85b2878e1b\>: var(--swatch--shader-fill);
  --_theme---text-color-grey: var(--swatch--dark-400);
  --_theme---button-primary--padding-vertical: .4rem;
  --_theme---color--accessible-components-dark-grey: #9b9b9b;
  --_theme---button-primary--wm-border\<deleted\|variable-66c15e4e-db90-9fc6-3a24-5eec58845829\>: #8c8c8c33;
  --_theme---button-primary--background: var(--swatch--brand);
  --_theme---button-primary--button-border-width: .16rem;
  --_theme---button-primary--text: var(--swatch--light);
  --_theme---button-primary--background-hover: var(--_theme---text);
  --_theme---foreground: var(--swatch--dark-700);
  --_theme---foreground-hover: color-mix(in oklch, var(--_theme---bakground-color) 95%, var(--swatch--brand));
  --_theme---text-secondery: var(--swatch--brand);
  --_theme---text-grey-wm: #737373;
  --_theme---text-grey: #e3e3e573;
  --_theme---bkg-gradient-top: #fff0;
  --_theme---bkg-gradient-bottom: #ffffff2e;
  --_theme---p-c-bkg-gradient-top: #3115154f;
  --_theme---button-primary--padding-horizontal: .7rem;
  --_theme---button-primary--height: 2rem;
  --_theme---button-primary--transparent: #8c8c8c00;
  --_theme---button-primary--main-button: var(--swatch--dark);
  --_theme---color--resume-card: #8c8c8c0f;
  --_theme---color--resume-container: #8c8c8c26;
  --_theme---cms_dynamic--background-color: var(--swatch--dark);
  --_theme---cms_dynamic--border-color: var(--swatch--dark);
}

@media screen and (min-width: 1280px) {
  .section-dot {
    margin-left: -20px;
    padding-left: 20px;
  }

  .slider-3 {
    font-size: 1em;
    line-height: 1.45;
  }

  .cms_hero-image {
    justify-content: space-between;
    align-items: center;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .play_pause_button {
    text-shadow: 2px 2px 10px #1a1a1a4d;
  }
}

@media screen and (min-width: 1920px) {
  .all-pages-body {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---spacing--xl: 1.75rem;
    --_responsive---spacing--s: .75rem;
    --_responsive---spacing--xxl: 2.5rem;
    --_responsive---spacing--l: 1.25rem;
    --_responsive---radius--shader-radius: var(--_responsive---radius--xxl);
    --_responsive---spacing--xxs: .25rem;
    --_responsive---spacing--xs: .5rem;
    --_responsive---radius--s: .125rem;
    --_responsive---radius--xl: 1.2rem;
    --_responsive---spacing--m: 1rem;
    --_responsive---radius--pictures-radius: var(--_responsive---radius--xl);
    --_responsive---spacing--regular: var(--_responsive---spacing--s);
    --_responsive---radius--m: .3rem;
    --_responsive---spacing--x-huge: 5rem;
    --_responsive---spacing--huge: 3.5rem;
    --_responsive---radius--xxxl: 2.4rem;
    --_responsive---radius--l: .6rem;
    --_responsive---font-size--h1: 2.5rem;
    --_responsive---radius--button-radius: var(--_responsive---radius--l);
    --_responsive---font-size--h2: 1.75rem;
    --_responsive---font-size--h3: 1.5rem;
    --_responsive---font-size--h4: 1.25rem;
    --_responsive---font-size--h5: 1.125rem;
    --_responsive---font-size--body: .95rem;
    --_responsive---radius--xxl: 1.8rem;
    --_responsive---radius--homepage-project: 0rem;
    --_responsive---navmenu--radius: 51.2px;
    --_responsive---navmenu--padding: 12.8px;
    --_responsive---navmenu--inner-padding: 1.6rem;
    --_responsive---navmenu--padding-bottom: 12.8px;
    --_responsive---navmenu--height: 3.2rem;
    --_responsive---images--squircle: 30;
    --_responsive---images--border-width: 3px;
    --_responsive---images--smooth-radius-l: 80px;
    --_responsive---images--smooth-radius-m: 40px;
    --_responsive---images--smooth-radius-s: 20px;
  }

  .scroll-trigger {
    display: none;
  }

  .project-item {
    flex-flow: column;
    height: auto;
  }

  .project-item.u-grid-12 {
    grid-row-gap: var(--_responsive---spacing--xl);
    grid-row-gap: var(--_responsive---spacing--xl);
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-columns: minmax(0, 1fr);
    display: grid;
  }

  .rt h3 {
    font-size: 4em;
  }

  .rt-left p {
    width: auto;
  }

  .backgroun-color {
    z-index: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .cv-text {
    line-height: 1.4;
    display: block;
  }

  .menu-nav-link {
    color: #96e996;
  }

  .styler {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sshortcut {
    display: none;
  }

  .slider-3 {
    height: 40vh;
  }

  .slider-side-rt {
    flex: 0 auto;
    width: 100%;
  }

  .all-pages-body {
    cursor: auto;
  }

  .rt-page-title h3 {
    font-size: 3.8em;
  }

  .heading-23 {
    color: #a8326b;
    font-size: 5em;
  }

  .img-wrapper {
    grid-column: 1 / span 3;
    width: 100%;
    overflow: hidden;
  }

  .main-button.m-s {
    margin-left: 0;
  }

  .rt-full-side-images h3 {
    font-size: 4em;
  }

  .responsive-side-image img {
    max-height: 40vh;
  }

  .responsive-side-image figure {
    flex-basis: 300px;
  }

  .responsive-side-image p {
    flex-basis: 350px;
  }

  .gp_wrapper.grid-layout {
    grid-column: 1 / span 6;
  }

  .gp-tl-image {
    width: 100%;
    max-width: 100%;
    min-height: auto;
  }

  .exhibition-sticker {
    z-index: 0;
  }

  .x-button {
    width: auto;
    height: auto;
    line-height: 1;
    transform: scale(1.4);
  }

  .x-button-text {
    font-family: Material symbols rounded;
  }

  .resume-trigger {
    display: none;
  }

  .resume-wrapper {
    flex-wrap: nowrap;
    flex: none;
    max-width: none;
  }

  .details-wrap {
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .about-wrap {
    text-align: left;
    grid-column: 1 / -1;
  }

  .nav-desktop {
    flex-direction: column;
    align-items: flex-start;
  }

  .mobile-nav-wrapper {
    padding-top: var(--_responsive---spacing--l);
    background-image: none;
    border-radius: 0;
    flex: 1;
    justify-content: flex-start;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .nav-menu-fixed {
    width: 100%;
    height: 100%;
    padding-right: var(--_responsive---spacing--l);
    padding-left: var(--_responsive---spacing--l);
    opacity: 0;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .nav-menu-fixed.white-mode {
    background-color: var(--swatch--light);
    background-color: var(--swatch--light);
  }

  .nav-bar-close {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .x-button-wrapper {
    display: none;
  }

  .main-page-slider {
    flex: 1;
  }

  .main-page-slide-nav {
    font-size: .1em;
  }

  .cms-mask {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
  }

  .div-block-94 {
    grid-column-gap: var(--_responsive---spacing--m);
    grid-row-gap: var(--_responsive---spacing--m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .sun {
    font-variation-settings: "wght" 500, "FILL" 1;
    line-height: 1;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-global {
    padding-right: var(--_responsive---spacing--l);
    padding-left: var(--_responsive---spacing--l);
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-xsmall {
    padding: var(--_responsive---spacing--xxs);
  }

  .padding-small {
    padding: var(--_responsive---spacing--regular);
  }

  .padding-large {
    padding: var(--_responsive---spacing--m);
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-medium {
    padding: var(--_responsive---spacing--s);
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-xhuge.tablet-padding {
    padding-left: 6rem;
    padding-right: 2rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .feautures-box {
    flex: none;
  }

  .hashtags-3 {
    width: auto;
    color: var(--swatch--grey);
    flex: none;
  }

  .hashtags-3.align-right {
    align-items: flex-end;
  }

  .fs-styleguide_1-col-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_item-wrapper-2 {
    overflow: hidden;
  }

  .cv_card-heading {
    font-size: 1.8rem;
  }

  .cv_card-heading.stickers {
    font-size: 1.125rem;
  }

  .grid-cols-4.p-24 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .nav-button {
    opacity: 1;
    transform: none;
  }

  .nav-button.w--current {
    color: var(--swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>);
    border-top-style: none;
    border-top-width: 0;
    text-decoration: underline;
  }

  .gsap-list {
    flex-wrap: nowrap;
    flex: none;
  }

  .collection-list-wrapper {
    flex-wrap: nowrap;
    flex: none;
    max-width: none;
  }

  .cv-back-desk {
    display: none;
  }

  .slider-arrow.left {
    justify-content: flex-start;
    align-items: center;
  }

  .slider-arrow.right {
    justify-content: flex-end;
    align-items: center;
  }

  .interactive-sign-wrapper {
    display: none;
  }

  .cms-hero-media {
    flex: 1;
    grid-column: 1 / -1;
  }

  .hero-content-container {
    grid-column: 1 / span 5;
    grid-template-rows: max-content min-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    align-content: stretch;
    justify-items: stretch;
  }

  .hero-content-container.stage {
    grid-column: 1 / span 4;
  }

  .hero-content-container.cms-page-hero {
    grid-column: 1 / span 6;
  }

  .cms-img {
    aspect-ratio: 3 / 2;
  }

  .bkgvid_2:hover {
    transform: none;
  }

  .lottie-animation {
    aspect-ratio: 3 / 2;
  }

  .slc-lottie {
    flex: 0 auto;
    height: 100%;
  }

  .slc-lottie-wrappe {
    grid-auto-columns: 1fr;
  }

  .slc-lottie-wrappe.container-large {
    height: 100svh;
  }

  .div-block-234 {
    flex: 1 0 auto;
    width: 100%;
    height: auto;
  }

  .gp_container-copy {
    height: auto;
  }

  .div-block-238 {
    grid-column: 1 / span 6;
  }

  .padding-xsmall-2 {
    padding: .2rem;
  }

  .padding-large-2 {
    padding: 1.2rem;
  }

  .padding-small-2 {
    padding: .6rem;
  }

  .gp_container-2.timeframes {
    max-width: 65%;
  }

  .gp_container-2.inner {
    flex-direction: column-reverse;
  }

  .gp_padding-2 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .padding-medium-2 {
    padding: .8rem;
  }

  .gp_text-container-2, .gp_text-container-2.half, .gp_text-container-2.half {
    width: 100%;
  }

  .styleguide_guide_list.u-grid-custom, .u-grid-12, .u-grid-7 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .u-grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .u-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .u-grid-10 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .cms-w-embed {
    grid-column: 1 / span 6;
  }

  .project-title {
    grid-column: 4 / span 3;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 90%;
  }

  .portfollio-animator {
    margin-bottom: 0;
  }

  .div-block-246 {
    display: none;
  }

  .cms-rt-w-grid {
    flex-flow: column;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: block;
  }

  .cms-rt-w-grid h3, .cms-rt-w-grid p {
    grid-column: 1 / span 6;
  }

  .cms-rt-w-grid ol, .cms-rt-w-grid ul, .cms-rt-w-grid h2, .cms-rt-w-grid h3, .cms-rt-w-grid p {
    grid-column: 1 / span 6;
  }

  .cms-rt-w-grid figure {
    grid-row: span 1;
    height: auto !important;
  }

  .cms-rt-w-grid ol, .cms-rt-w-grid ul, .cms-rt-w-grid h2 {
    grid-column: 1 / span 6;
  }

  .nf-about-wrap {
    text-align: left;
    grid-column: 1 / -1;
  }

  .other-projects-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .other-cms-img {
    aspect-ratio: 3 / 2;
  }

  .story-heading-wrap {
    max-width: 650px;
  }

  .nav-bkg {
    z-index: 0;
    background-color: #0a0a0a;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .padding-global-2 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .two-lines-wrapper {
    grid-row-gap: 4px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .nav-bkg-opaque {
    z-index: -100;
    background-color: #0a0a0a;
    border-top: 1px solid #a09fa4;
    width: 100%;
    height: 3.8rem;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .fake-fixed {
    width: 0;
    height: 0;
    padding: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .afw-mobile {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    pointer-events: auto;
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 3.8rem;
    margin-top: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: flex;
    transform: translate(0, 100%);
  }

  .m-navlbar-second {
    pointer-events: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 1rem;
    line-height: 1;
    display: flex;
    position: relative;
  }

  .div-block-198 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .sv-back-text {
    pointer-events: none;
    justify-content: flex-start;
    width: 100%;
  }

  .cv-back-mobile {
    height: 100%;
    font-size: 2rem;
  }

  .nav-menu-fixed-2 {
    opacity: 0;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden;
  }

  .menu-line {
    background-color: #a09fa4;
    border-radius: 20px;
    flex: none;
    width: 1.25rem;
    height: 2px;
    padding: 0;
    position: relative;
    transform: perspective(2000px);
  }

  .menu-line.upper-line {
    transform: translate(0, 6px)rotate(-47deg)perspective(2000px);
  }

  .menu-line.down-line {
    transform: translate(0, -6px)perspective(2000px);
  }

  .nav-button-bar {
    opacity: 0;
    pointer-events: none;
    justify-content: flex-start;
    width: auto;
    height: 0;
    font-weight: 500;
    transition: max-width .4s ease-in-out, opacity .4s ease-out;
    overflow: hidden;
    transform: none;
  }

  .nav-button-bar.w--current {
    opacity: 1;
    height: 1rem;
    overflow: visible;
  }

  .mobile-navbar {
    z-index: 1200;
    pointer-events: none;
    flex-direction: column;
    flex: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100dvh;
    margin-bottom: -100dvh;
    transition: all .1s;
    display: flex;
    position: sticky;
    inset: 0;
    overflow: hidden;
    transform: translate3d(0, 0, .0003px)perspective(2000px);
  }

  .mobile-nav-wrapper-2 {
    background-image: none;
    border-radius: 0;
    flex: 1;
    justify-content: flex-start;
    padding-top: 1.6rem;
    font-size: 1.2rem;
    font-weight: 500;
  }

  .nav-bar-tablet {
    z-index: 5;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: 100%;
    font-weight: 500;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .nav-button-2 {
    opacity: 1;
    transform: none;
  }

  .nav-button-2.w--current {
    color: #a09fa4;
    border-top-style: none;
    border-top-width: 0;
    text-decoration: underline;
  }

  .nav-spacer-down-2 {
    flex: 0 auto;
    height: 0;
    margin: 0;
    padding: 0;
  }

  .project-item-2 {
    height: auto;
  }

  .project-item-2.u-grid-12 {
    grid-column-gap: 3rem;
    grid-row-gap: 2.25rem;
    grid-column-gap: 3rem;
    grid-row-gap: 2.25rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-columns: minmax(0, 1fr);
    display: grid;
  }

  .div-block-257 {
    grid-column: 1 / span 6;
  }

  .div-block-258 {
    grid-column: 2 / span 4;
  }

  .webflow-certification {
    width: 100px;
  }

  .container-2 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .footer {
    flex-flow: wrap;
  }

  .footer_more-projects-wrapper {
    border-right-style: none;
    flex-flow: column;
    width: 100%;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---spacing--xl: 1.5rem;
    --_responsive---spacing--s: .75rem;
    --_responsive---spacing--xxl: 2rem;
    --_responsive---spacing--l: 1.25rem;
    --_responsive---radius--shader-radius: var(--_responsive---radius--xxl);
    --_responsive---spacing--xxs: .25rem;
    --_responsive---spacing--xs: .5rem;
    --_responsive---radius--s: .125rem;
    --_responsive---radius--xl: 1.2rem;
    --_responsive---spacing--m: 1rem;
    --_responsive---radius--pictures-radius: var(--_responsive---radius--xl);
    --_responsive---spacing--regular: var(--_responsive---spacing--s);
    --_responsive---radius--m: .3rem;
    --_responsive---spacing--x-huge: 4rem;
    --_responsive---spacing--huge: 3rem;
    --_responsive---radius--xxxl: 2.4rem;
    --_responsive---radius--l: .6rem;
    --_responsive---font-size--h1: 2.25rem;
    --_responsive---radius--button-radius: var(--_responsive---radius--l);
    --_responsive---font-size--h2: 1.5rem;
    --_responsive---font-size--h3: 1.25rem;
    --_responsive---font-size--h4: 1.125rem;
    --_responsive---font-size--h5: 1rem;
    --_responsive---font-size--body: .95rem;
    --_responsive---radius--xxl: 1.8rem;
    --_responsive---radius--homepage-project: 0rem;
    --_responsive---navmenu--radius: 51.2px;
    --_responsive---navmenu--padding: 12.8px;
    --_responsive---navmenu--inner-padding: 1.6rem;
    --_responsive---navmenu--padding-bottom: 12.8px;
    --_responsive---navmenu--height: 3.2rem;
    --_responsive---images--squircle: 28;
    --_responsive---images--border-width: 2px;
    --_responsive---images--smooth-radius-l: 40px;
    --_responsive---images--smooth-radius-m: 30px;
    --_responsive---images--smooth-radius-s: 15px;
  }

  .scroll-trigger {
    max-width: none;
    height: auto;
    display: none;
  }

  .project-item {
    flex-flow: row;
    height: 100vh;
  }

  .material-icon {
    flex: none;
    font-size: 3em;
    font-weight: 400;
  }

  .rt {
    flex-direction: column;
  }

  .rt h3 {
    font-size: 3em;
  }

  .rt h5 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .category-date {
    grid-row-gap: .5em;
    justify-content: flex-start;
  }

  .c-menu-item {
    margin-bottom: 15px;
  }

  .c-social_link {
    padding-left: .8em;
    padding-right: .8em;
  }

  .more-info.e.read-more-plus {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-side-rt {
    flex-direction: column;
  }

  .slider-side-rt p, .slider-side-rt h5, .slider-side-rt p, .slider-side-rt h5 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .rt-page-title {
    flex-direction: column;
  }

  .rt-page-title h3 {
    font-size: 3em;
  }

  .rt-page-title h5 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .img-wrapper {
    width: 45%;
    height: 80vh;
    max-height: none;
  }

  .main-button:hover {
    color: var(--swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>);
  }

  .main-button.mobile-resume {
    display: flex;
  }

  .main-button.white-mode.w--current {
    border-color: var(--swatch--dark\<deleted\|variable-b256462b\>);
  }

  .gp-rt-div {
    padding-left: 0;
    padding-right: 0;
  }

  .gp-rt-div.final-gp-wrap {
    display: none;
  }

  .gp-tl-heading-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .rt-full-side-images {
    flex-direction: column;
  }

  .rt-full-side-images h3 {
    font-size: 3em;
  }

  .rt-full-side-images h5 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .responsive-side-image img {
    max-height: 100svh;
  }

  .responsive-side-image p {
    padding-left: 0;
  }

  .responsive-side-image h5 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .gp_wrapper.vertical-spacer.fake-date {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .gp_wrapper.spline-scene-wrapper {
    overflow: hidden;
  }

  .gp_wrapper.vertical-spacer.fake-date {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .gp-tl-image {
    max-width: 100%;
  }

  .gp-tl-image.mobile-gp-image {
    display: block;
  }

  .gp-circle-timeline {
    left: -2.8rem;
    right: auto;
  }

  .gp-circle-timeline.fake-date {
    top: 2.175rem;
  }

  .cv_section-title-wrapper {
    opacity: 1;
    font-weight: 700;
  }

  .details-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .google-icon-font {
    flex: none;
  }

  .nav-menu-fixed {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .nav-bar-close {
    margin-left: auto;
  }

  .m-p-w {
    z-index: 500;
    border-radius: var(--_responsive---spacing--regular);
    opacity: 1;
    background-color: #8c8c8c00;
    border: .08rem solid #96e99600;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .m-p-w.white-mode {
    border-color: var(--_theme---button-primary--wm-border\<deleted\|variable-66c15e4e-db90-9fc6-3a24-5eec58845829\>);
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--_theme---button-primary--background), var(--_theme---button-primary--background)), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light));
    border-color: var(--_theme---button-primary--wm-border\<deleted\|variable-66c15e4e-db90-9fc6-3a24-5eec58845829\>);
    background-color: #0000;
    background-image: linear-gradient(to bottom, var(--_theme---button-primary--background), var(--_theme---button-primary--background)), linear-gradient(to bottom, var(--swatch--light), var(--swatch--light));
    box-shadow: 0 1px 3px #0000000a;
  }

  .m-b-line {
    background-color: var(--swatch--green\<deleted\|variable-68f4d37f\>);
    opacity: 1;
    border-radius: 1rem;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 0;
    height: .18rem;
    padding: 0;
  }

  .m-b-line.white-mode {
    background-color: var(--swatch--dark\<deleted\|variable-b256462b\>);
    background-color: var(--swatch--dark\<deleted\|variable-b256462b\>);
  }

  .green-ml {
    z-index: 150;
    background-color: var(--swatch--green\<deleted\|variable-68f4d37f\>);
    opacity: 1;
    border-radius: 1rem;
    flex: none;
    width: 1rem;
    height: .18rem;
    padding: 0;
  }

  .div-block-94 {
    grid-column-gap: var(--_responsive---spacing--s);
    grid-row-gap: var(--_responsive---spacing--s);
  }

  .o-shader {
    border-radius: var(--_responsive---radius--shader-radius);
    background-image: linear-gradient(#0000, #00061480);
    padding: 0;
    display: flex;
  }

  .m-s {
    opacity: 1;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-global {
    padding-right: var(--_responsive---spacing--m);
    padding-left: var(--_responsive---spacing--m);
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .text-style-nowrap {
    white-space: normal;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-xhuge.tablet-padding {
    padding: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

  .fs-styleguide_version {
    font-size: .875rem;
  }

  .hashtags-3 {
    overflow: hidden;
  }

  .page-wrapper {
    position: relative;
  }

  .dark-mode-simulator {
    width: 50%;
    height: 150px;
    position: relative;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .fs-styleguide_section-header-2 {
    font-size: .875rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .heading-style-h3 {
    font-size: 1.6rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .heading-style-h5 {
    font-size: .875rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .m-p-w-wrapper:hover, .m-p-w-wrapper:active, .m-p-w-wrapper:focus, .m-p-w-wrapper:focus-visible, .m-p-w-wrapper[data-wf-focus-visible] {
    background-color: #0000;
  }

  .white-mode-simulator {
    background-color: var(--swatch--light);
    width: 50%;
    height: 150px;
    position: relative;
  }

  .cv_card-heading {
    font-size: 1.6rem;
  }

  .gsap-list {
    width: 100%;
  }

  .cv-sections {
    padding-bottom: var(--_responsive---spacing--xxl);
  }

  .hidden-date {
    margin-bottom: -1.95rem;
  }

  .tab-image {
    padding: var(--_responsive---spacing--xxl);
  }

  .nav-line {
    margin-bottom: -.5rem;
  }

  .hero-content-container {
    grid-column: 1 / span 6;
    height: auto;
    max-height: none;
  }

  .cms-sub-details {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .gp_container_spline-2 {
    height: auto;
    padding-top: 2.4rem;
    padding-bottom: 1.6rem;
  }

  .gp_container-2.timeframes {
    flex-direction: column;
    max-width: 100%;
  }

  .gp_container-2.inner {
    flex-direction: column-reverse;
  }

  .gp-tl-heading-wrap-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .gp-date-timeline-2 {
    position: relative;
    inset: 0 0 auto auto;
  }

  .styleguide_guide_list.u-grid-custom {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .u-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-container {
    position: relative;
  }

  .project-title {
    width: 55%;
    max-height: 80vh;
  }

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

  .nf-background {
    filter: url("#round-filter-mobile");
  }

  .white-mode.w--current {
    border-color: #0f0f0f;
  }

  .story-heading-wrap, .story-heading-wrap.intro-sh, .story-heading-wrap.intro-sh {
    max-width: 100%;
  }

  .h-l-box.h-l-box-form {
    width: calc(100% - 2px);
  }

  .story-heading {
    max-width: 100%;
    font-size: 1.7rem;
  }

  .form {
    font-size: 1.7rem;
  }

  .spcer-v {
    width: calc(100% - 2px);
  }

  .story-heading-3 {
    max-width: 100%;
    font-size: 1.7rem;
  }

  .rainbow {
    filter: blur(15px);
  }

  .padding-global-2 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .page-wrapper-2 {
    position: relative;
  }

  .nav-line-2 {
    height: .5rem;
    margin-bottom: -.5rem;
  }

  .footer-dark {
    height: auto;
  }

  .div-block-198.h {
    grid-column-gap: 1.2rem;
    grid-column-gap: 1.2rem;
    flex-direction: row;
  }

  .section_home-portfolio.max-width-full-2.overflow-hidden {
    padding-top: 0;
  }

  .section_home-portfolio.max-width-full-2.overflow-hidden.pointer-events-off {
    padding-top: 5vh;
  }

  .sticky-wrapper.navbar-main {
    min-height: .5rem;
    margin-bottom: 0;
  }

  .nav-menu-fixed-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .nav-button-2.white-mode.w--current {
    border-color: #0f0f0f;
  }

  .project-item-2 {
    height: 100vh;
  }

  .footer-dark-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .project-item {
    flex-flow: column;
    flex: none;
    height: auto;
  }

  .anchor-link, .rt h3 {
    margin-top: 0;
  }

  .rt h3 {
    margin-top: 0;
  }

  .rt ul {
    width: 100%;
  }

  .category-date {
    flex: none;
    justify-content: space-between;
  }

  .more-info {
    grid-row-gap: var(--_responsive---spacing--xxs);
    flex-wrap: wrap;
  }

  .more-info.e {
    width: auto;
    height: auto;
  }

  .rt-horizontal-grid {
    flex-direction: column;
    align-items: stretch;
  }

  .rt-horizontal-grid p {
    width: 100%;
  }

  .all-pages-body {
    font-size: .98rem;
  }

  .rt-page-title h3 {
    letter-spacing: .007em;
    margin-top: 0;
    font-size: 2.9em;
    line-height: 1.3;
  }

  .rt-page-title ul {
    width: 100%;
  }

  .date-wrapper {
    grid-row-gap: 0px;
    margin-left: 0;
  }

  .img-wrapper {
    aspect-ratio: auto;
    grid-column: 1 / span 6;
    width: 100%;
    height: 50vh;
    max-height: 100vw;
  }

  .main-button.m-s {
    margin-right: auto;
  }

  .rt-with-side-image {
    flex-direction: column;
    align-items: stretch;
  }

  .rt-with-side-image p {
    width: 100%;
  }

  .rt-full-side-images h3 {
    margin-top: 0;
  }

  .rt-full-side-images ul {
    width: 100%;
  }

  .responsive-side-image {
    padding-left: 0;
    padding-right: 0;
  }

  .responsive-side-image img {
    max-height: 60vh;
  }

  .gp-circle-timeline {
    left: -1.4rem;
  }

  .gp-circle-timeline.hero-circle {
    left: -1.7rem;
  }

  .x-button {
    color: var(--swatch--dm-color\<deleted\|variable-05e0f38c-4cae-40b3-d680-99cbcf1581f4\>);
  }

  .page-load, .page-load.pointer-events-off, .page-load.pointer-events-off {
    pointer-events: none;
  }

  .location-date-level {
    grid-row-gap: var(--_responsive---spacing--xs);
    flex-direction: column;
  }

  .location-date-level.edu {
    flex-wrap: wrap;
  }

  .details-wrap {
    flex-direction: column;
  }

  .about-wrap {
    padding-right: var(--_responsive---spacing--m);
    padding-left: var(--_responsive---spacing--m);
    text-align: center;
  }

  .about-wrap.heading-style-h3 {
    padding-left: var(--_responsive---spacing--xxs);
    text-align: left;
    padding-left: var(--_responsive---spacing--xxs);
    text-align: left;
    font-size: 1rem;
  }

  .google-icon-font.slider.left-centered {
    left: 1rem;
  }

  .google-icon-font.slider.right-centered {
    right: 1rem;
  }

  .mobile-nav-wrapper {
    flex-direction: column;
    flex: 1;
    overflow: hidden;
  }

  .nav-bar-close {
    justify-content: flex-start;
    margin-top: auto;
    margin-left: 0;
    margin-right: auto;
  }

  .div-block-94 {
    grid-column-gap: var(--_responsive---spacing--m);
    grid-row-gap: var(--_responsive---spacing--m);
    width: 100%;
  }

  .m-s {
    margin-left: 0;
  }

  .padding-global {
    padding-right: var(--_responsive---spacing--s);
    padding-left: var(--_responsive---spacing--s);
  }

  .hide-mobile-portrait {
    display: none;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-horizontal.padding-xhuge.tablet-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .heading-style-h2 {
    font-weight: 500;
  }

  .cv_card-heading {
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 1.25;
  }

  .grid-cols-4.p-24 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-170 {
    perspective: 30rem;
  }

  .gsap-list {
    flex: 0 auto;
    width: 100%;
    min-width: auto;
  }

  .section {
    overflow: visible;
  }

  .cv-sections {
    padding-right: 0;
  }

  .cms-hero-media {
    height: 100vw;
  }

  .cms-hero-media.margin-bottom.margin-xxlarge {
    aspect-ratio: auto;
    aspect-ratio: auto;
    aspect-ratio: auto;
  }

  .hero-content-container.stage {
    grid-column: 1 / span 6;
  }

  .cms-img {
    aspect-ratio: 1;
  }

  .play_pause_button {
    bottom: 5px;
    right: 5px;
    transform: scale(.7);
  }

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

  .bkg-video-wrapper {
    padding: 25px;
  }

  .gp_container_spline-2 {
    padding-left: 1.1rem;
  }

  .gp_container-2.transparent {
    padding-top: 0;
    padding-bottom: 2em;
  }

  .gp-date-timeline-2 {
    position: static;
  }

  .gp_line-wrapper-2 {
    padding-top: .95em;
    padding-left: 0;
    padding-right: 1.2rem;
  }

  .cms-w-embed {
    grid-column: 1 / span 6;
  }

  .project-title {
    grid-column: 1 / -1;
    width: 100%;
  }

  .cms-rt-w-grid h3 {
    text-align: left;
    grid-column: 1 / span 6;
  }

  .cms-rt-w-grid p, .cms-rt-w-grid ol, .cms-rt-w-grid ul {
    grid-column: 1 / span 6;
  }

  .nf-project-item {
    padding-right: var(--_responsive---spacing--s);
    padding-left: var(--_responsive---spacing--s);
    grid-column-gap: var(--_responsive---spacing--s);
    grid-row-gap: var(--_responsive---spacing--s);
  }

  .nf-project-title {
    grid-column: 1 / -1;
  }

  .nf-img-wrapper {
    display: none;
  }

  .nf-about-wrap {
    padding-right: var(--_responsive---spacing--m);
    padding-left: var(--_responsive---spacing--m);
  }

  .other-project-item {
    width: 100%;
    max-height: none;
    margin-right: 0;
  }

  .other-project-item.swiper-slide {
    margin-right: 0 !important;
  }

  .other-projects-list {
    grid-column-gap: var(--_responsive---spacing--xxl);
    grid-row-gap: var(--_responsive---spacing--xxl);
    flex-flow: column;
    max-height: none;
  }

  .other-projects-swiper {
    flex-flow: column;
    width: 100%;
    max-height: none;
  }

  .other-projects-swiper.swiper {
    height: auto;
    max-height: none;
  }

  .div-block-250.padding-xxlarge {
    height: auto;
  }

  .other-projects-wrapper {
    grid-column-gap: var(--_responsive---spacing--xl);
    grid-row-gap: var(--_responsive---spacing--xl);
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
  }

  .other-cms-img {
    aspect-ratio: 1;
  }

  .story-heading, .form, .story-heading-3 {
    font-size: 1.6rem;
  }

  .rainbow {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .padding-global-2 {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .footer-dark {
    padding-bottom: 2.4rem;
  }

  .afw-icon-green {
    width: auto;
  }

  .m-navlbar-second {
    flex: 1;
    align-items: flex-end;
    width: 100%;
  }

  .div-block-198.h {
    flex-direction: column;
  }

  .button-icon-2.filled.afw-green {
    padding-left: .8rem;
  }

  .mobile-nav-wrapper-2 {
    flex-direction: column;
    flex: 1;
    overflow: hidden;
  }

  .project-item-2 {
    flex: none;
    height: auto;
  }

  .hero-swiper-image {
    background-size: contain;
  }

  .div-block-258 {
    grid-column: 1 / -1;
  }

  .heading-25 {
    font-variation-settings: "wght" 400;
    margin-top: 0;
  }

  .button-text-26 {
    font-size: .875rem;
  }

  .container-2 {
    max-width: none;
  }

  .grid-linkedin {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex-block-7 {
    justify-content: space-between;
    align-items: center;
  }
}