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

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

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

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

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

@font-face {
  font-family: Geist;
  src: url('../fonts/Geist-UltraLight.woff2') format("woff2"), url('../fonts/Geist-UltraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: License;
  src: url('../fonts/LICENSE.TXT') format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geistvariablevf;
  src: url('../fonts/GeistVariableVF.woff2') format("woff2"), url('../fonts/GeistVariableVF.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Neuehaasdisplaymediu;
  src: url('../fonts/NeueHaasDisplayMediu.ttf') format("truetype"), url('../fonts/NeueHaasDisplayMediu.ttf') format("truetype"), url('../fonts/NeueHaasDisplayMediu.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Engage Mobile Inbox App;
  src: url('../fonts/NeueHaasDisplayXThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayXXThin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayMediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayBlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: san serif;
  src: url('../fonts/NeueHaasDisplayLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayLightItalic.ttf') format("truetype"), url('../fonts/NeueHaasDisplayLightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayRoman.ttf') format("truetype"), url('../fonts/NeueHaasDisplayRoman.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayRomanItalic.ttf') format("truetype"), url('../fonts/NeueHaasDisplayRomanItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayXXThinItalic.ttf') format("truetype"), url('../fonts/NeueHaasDisplayThinItalic.ttf') format("truetype"), url('../fonts/NeueHaasDisplayXThinItalic.ttf') format("truetype"), url('../fonts/NeueHaasDisplayXXThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayXThin.ttf') format("truetype"), url('../fonts/NeueHaasDisplayThin.ttf') format("truetype"), url('../fonts/NeueHaasDisplayXXThin.ttf') format("truetype"), url('../fonts/NeueHaasDisplayXThin.ttf') format("truetype"), url('../fonts/NeueHaasDisplayThin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayBlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neuehaasdisplayroman;
  src: url('../fonts/NeueHaasDisplayMediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

:root {
  --link-color--link-primary: var(--base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>);
  --background-color--background-primary: #f6f6f6;
  --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>: var(--base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>);
  --text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>: var(--base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>);
  --text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: var(--base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>);
  --text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>: var(--base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>);
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>: var(--base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>);
  --background-color--background-secondary: white;
  --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: #dd23bb;
  --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: var(--base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>);
  --text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>: var(--base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>);
  --border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>: var(--base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>);
  --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: var(--base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>);
  --text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>: var(--base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>);
  --color-brand: #f16300;
  --color-dark: #010202;
  --tags-color: #52525b;
  --color-light-grey: #696a6e;
  --font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --base-color-brand--blue\<deleted\|variable-de000a4d-0fee-1f9e-af85-624658122d10\>: #2d62ff;
  --base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>: #fff;
  --base-color-neutral--black\<deleted\|variable-419fddc9-288d-5141-33c5-0873c4ce2f53\>: #000;
  --base-color-neutral--neutral-darker\<deleted\|variable-dda6ad91-259a-0202-f70f-965feb273058\>: #222;
  --base-color-system--success-green\<deleted\|variable-8fc09a81-a1c7-3c5b-2cf2-835ad5d96212\>: #cef5ca;
  --base-color-system--success-green-dark\<deleted\|variable-70ae3530-1c64-4d15-f2af-205678316683\>: #114e0b;
  --base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>: #eee;
  --base-color-system--error-red\<deleted\|variable-ad7a5e8d-bd95-fba4-5110-cbccfa2520c4\>: #f8e4e4;
  --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
  --base-color-system--warning-yellow\<deleted\|variable-b0ee00e7-091a-a3f5-1619-b09d07f4475a\>: #fcf8d8;
  --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: #5e5515;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

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

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

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

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

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

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.utility-page_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-page_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 20rem;
  display: flex;
}

.utility-page_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

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

.margin-custom2 {
  margin: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xsmall {
  margin: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.margin-custom1 {
  margin: 1.5rem;
}

.padding-0 {
  padding: 0;
}

.padding-xxhuge {
  padding: 12rem;
}

.padding-huge {
  padding: 6rem;
}

.margin-large {
  margin: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.padding-custom3 {
  padding: 3.5rem;
}

.padding-large {
  padding: 3rem;
}

.margin-tiny {
  margin: .125rem;
}

.padding-small {
  padding: 1rem;
}

.padding-custom2 {
  padding: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-medium {
  padding: 2rem;
}

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

.margin-xxlarge {
  margin: 5rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-tiny {
  padding: .125rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

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

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.background-color-primary {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-color-primary {
  color: var(--text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>);
}

.text-color-secondary {
  color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>);
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.form_message-success {
  background-color: var(--background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>);
  color: var(--text-color--text-success\<deleted\|variable-17518f72-fb93-45b5-ad9e-fdd3f2b1833a\>);
  padding: 1.25rem;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-style-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

.pointer-events-auto {
  pointer-events: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.icon-height-small {
  height: 1rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.design-head {
  color: #010202;
  text-align: center;
  letter-spacing: .1px;
  justify-content: flex-start;
  align-items: center;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 9.6rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-large.hero {
  background-image: url('../images/Hero.png');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 6.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-large.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-global.padding-section-large.work-page {
  margin-bottom: 12px;
  padding-bottom: 6.25rem;
}

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

.padding-global.padding-section-large.experienc3e {
  padding: 5rem;
}

.padding-global.padding-section-large.experienc3e.why-work {
  padding-top: 7rem;
  padding-bottom: 0;
}

.padding-global.padding-section-large.pro {
  padding-top: 7rem;
  padding-bottom: 7rem;
  overflow: hidden;
}

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

.padding-global.padding-section-large.facts, .padding-global.padding-section-large.art {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.padding-global.padding-section-large.help {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.padding-global.padding-section-large.about-hero {
  padding: 10rem 5rem 7.5rem;
}

.padding-global.padding-section-large.images {
  padding: 7rem 5rem 5rem;
}

.padding-global.padding-section-large.contact-me_section {
  padding: 3rem 4rem;
}

.padding-global.padding-section-large.modified {
  padding: 7rem 5rem;
}

.text-weight-normal {
  font-weight: 400;
}

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

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.text-color-alternate {
  color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
}

.text-style-italic {
  font-style: italic;
}

.pointer-events-none {
  pointer-events: none;
}

.text-weight-medium {
  font-weight: 500;
}

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

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

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

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

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.text-weight-xbold {
  font-weight: 800;
}

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

.text-weight-bold {
  font-weight: 700;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.background-color-alternate {
  background-color: var(--background-color--background-alternate\<deleted\|variable-41ecbc38-077c-494f-9138-9468b7354b23\>);
}

.text-style-muted {
  opacity: .6;
}

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

.heading-style-h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

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

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

.background-color-secondary {
  background-color: var(--background-color--background-secondary);
}

.form_input {
  border: 1px solid var(--border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>);
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input::placeholder, .form_input.is-select-input {
  color: var(--text-color--text-secondary\<deleted\|variable-0a60224d-1a94-b160-ae24-af3c6d95a994\>);
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

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

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.text-style-link {
  color: var(--link-color--link-primary);
  text-decoration: underline;
}

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

.fs-styleguide_header {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.fs-styleguide_label {
  background-color: var(--background-color--background-secondary);
  color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>);
}

.heading-style-h5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

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

.icon-height-medium {
  height: 2rem;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>);
  color: var(--text-color--text-error\<deleted\|variable-4a51c5d2-820c-a0d9-b49e-0e5d273c964f\>);
  margin-top: .75rem;
  padding: .75rem;
}

.icon-height-large {
  height: 3rem;
}

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

.form_component {
  margin-bottom: 0;
}

.main-wrapper {
  aspect-ratio: auto;
  padding-top: .75rem;
  padding-left: .75rem;
  padding-right: .75rem;
  overflow: clip;
}

.main-wrapper.bottom-padding {
  padding: .75rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.button {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-secondary {
  border: 1px solid var(--border-color--border-alternate\<deleted\|variable-551aa6d2-4bf8-6036-137a-78e1c71841a4\>);
  color: var(--text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>);
  background-color: #0000;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

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

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

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

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.fs-styleguide_spacing-all {
  display: none;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.spacer-large {
  padding-top: 3rem;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.fs-styleguide_message {
  background-color: var(--background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>);
  color: var(--text-color--text-warning\<deleted\|variable-825aa1d8-b093-0b89-37c5-87d980df10f5\>);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav_logo {
  width: 10rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.nav_button {
  padding: 1rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.background-color-tertiary {
  background-color: var(--background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>);
}

.fs-styleguide_hero-label {
  color: var(--text-color--text-primary\<deleted\|variable-7cd2a57e-6f21-74f7-6ce6-096306cecf3e\>);
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.section_hero-homepage {
  position: relative;
  overflow: hidden;
}

.hero-homepage_content {
  max-width: 1360px;
  max-height: none;
  margin-top: 8rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  overflow: visible;
}

.navbar-desktop {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-color--background-secondary);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 65rem;
  height: 3.875rem;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 16px;
  display: grid;
  position: absolute;
  inset: 6% 0% auto;
  box-shadow: 1px 1px 6px -4px #0a0a0a;
}

.logo-img_wrap {
  margin-left: 0;
  display: flex;
}

.logo-img-container {
  opacity: 1;
  border-radius: 100px;
  width: 42px;
  height: 42px;
  margin-right: 12px;
}

.copyright_wrap {
  width: auto;
}

.donye {
  color: #2e2e2e;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  font-weight: 500;
}

.designer-manager {
  color: #52525b;
  font-family: Geist, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}

.navlink-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: grid;
}

.nav-link {
  color: #0a0a0a;
  padding: 6px 12px;
  font-family: Geist, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.nav-link:hover, .nav-link:active, .nav-link:focus {
  color: #fa8737;
}

.nav-link.w--current {
  color: var(--color-brand);
}

.nav-link.about.w--current {
  color: var(--color-dark);
}

.cat-wrap {
  margin-left: 0;
}

.cat {
  background-color: #f16300;
  border: 1px solid #c75505;
  border-radius: 100px;
  width: auto;
  height: 36px;
  padding: 8px 1.5rem;
  font-family: Geist, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.cat:hover {
  background-color: #f16300d6;
}

.hero-homepage_subtext {
  color: #696a6e;
  font-family: Geist, sans-serif;
}

.hero-subtext_wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_para_wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  margin-bottom: 8rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.hero_para_left {
  width: 26rem;
}

.hero-para_right {
  text-align: right;
  width: 27rem;
}

.hero-para {
  color: #696a6e;
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.hero-para.right {
  text-align: right;
  padding-left: 0;
}

.email_hero {
  color: #f16300;
  text-decoration: underline;
}

.swiper-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 46.25rem;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  box-shadow: 0 4px 30px 4px #eeeeee24;
}

.swiper-container.is-second {
  height: auto;
  box-shadow: none;
}

.card_bottomsheet {
  background-color: #fffc;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  width: 21rem;
  height: 15rem;
  padding: 21px 20px 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.card_bottomsheet.visuals {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 16rem;
}

.card_bottomsheet.budget {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #fff;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: auto;
  min-height: 16rem;
  max-height: 20rem;
}

.bottomsheet_heading {
  width: auto;
}

.webapp-name {
  padding-right: 0;
  font-family: Geist, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.webapp-name.design {
  padding-right: 40px;
}

.sheet-details_wrap {
  background-color: #0000000d;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 1.5rem;
  margin-top: 14px;
  padding: 8px 3px;
  display: flex;
}

.web-app-name {
  font-family: Geist, sans-serif;
  font-size: .875rem;
}

.card-details {
  color: #262626;
  margin-top: .8rem;
  font-family: Geist, sans-serif;
  line-height: 1.6;
}

.section_who-homepage {
  background-color: #fff;
}

.who_details_wrapper {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.who-top_subtexts {
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
  display: flex;
}

.who-am-1 {
  color: #010202;
  letter-spacing: -1px;
  font-family: Geist, sans-serif;
  line-height: 1.2;
}

.coolin-gmail {
  color: #010202;
  margin-left: 0;
  font-family: Geist, sans-serif;
  text-decoration: none;
}

.book-call-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(5px, .8px) .7fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  place-items: center end;
  text-decoration: underline;
  display: grid;
}

.book-call-div.about {
  grid-column-gap: 7px;
  grid-template-columns: 1fr minmax(5px, .6px) .7fr;
  justify-content: end;
}

.book-call-div.hide-mobile-landscape {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.book-call-div.show-mobile-landscape {
  display: none;
}

.who-video_wrapper {
  position: relative;
}

.who-description_wrapper {
  width: 35rem;
  padding-left: 0;
}

.who-main_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  margin-bottom: 3.5rem;
  display: flex;
}

.who-descriptiom {
  text-align: left;
  padding-top: 1rem;
  padding-right: 31px;
  font-family: Geist, sans-serif;
  font-weight: 400;
  line-height: 1.4;
}

.manager {
  color: var(--color-brand);
}

.as--prosduct {
  color: #3d3d3d;
  text-align: left;
  margin-top: 2rem;
  font-family: Geist, sans-serif;
  font-size: 1rem;
}

.fractional-wrap {
  justify-content: space-between;
  align-items: stretch;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-circle_wraap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
                 "."
                 / 1fr .6fr .8fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center start;
  width: 35rem;
  margin-left: 0;
  padding-left: 0;
  display: block;
}

.button-circle_wraap.mobile {
  display: none;
}

.spacer-left {
  opacity: 0;
}

.quality-tags {
  background-color: var(--background-color--background-secondary);
  border: 1px solid #e1e2e3;
  border-radius: 100px;
  width: 145px;
  margin-bottom: .5rem;
  margin-right: .3rem;
  padding: 16px;
}

.quality-tags.strategy {
  width: auto;
  margin-right: 0;
}

.quality-tags.team-building {
  text-align: center;
  width: 136px;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.quality-tags.ops {
  width: 117px;
  margin-right: 0;
}

.quality-tags.management {
  width: 185px;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.quality-tags.leadership {
  width: 193px;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.quality-tags.research {
  width: 102px;
  margin-right: 0;
}

.quality-tags.product {
  width: 146px;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}

.quality-tags.no-code {
  width: 99px;
  margin-right: 0;
}

.quality-tags.system {
  width: 151px;
  padding-left: .5rem;
  padding-right: .5rem;
}

.leadership {
  color: var(--tags-color);
  text-align: center;
  font-family: Geist, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1;
}

.first-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.seconf-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-wrap {
  flex-flow: row;
  justify-content: space-between;
  max-width: 1360px;
  margin-top: 3.5rem;
  display: flex;
}

.logo-wrap {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  place-items: start;
  width: 400px;
  padding-top: 1.5rem;
  display: flex;
}

.testimonial-heading {
  color: #000000e6;
  padding-right: 38px;
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.svg-wraps {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .8fr .8fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 362px;
  display: grid;
}

.testimonial-tabs_wrap {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 35rem;
  padding-top: 1rem;
  display: flex;
}

.tab-button-demo {
  opacity: .3;
  background-color: #0000;
  border: 2px #000;
  border-radius: 100px;
  padding: 0;
}

.tab-button-demo.w--current {
  opacity: 1;
  background-color: #0000;
  border: 2px solid #ff964d;
  border-radius: 100px;
  padding: 0;
  overflow: hidden;
}

.tabs-content {
  margin-top: 3.5rem;
}

.testimonial-1 {
  color: #3d3d3d;
  margin-bottom: 2rem;
  font-family: Geist, sans-serif;
}

.name-of_client {
  color: #010202;
  margin-bottom: 5px;
  font-family: Geist, sans-serif;
}

.coo {
  color: #404145;
}

.tabs-menu-demo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.testimonial-head_wrap {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 23rem;
  padding-right: 0;
  display: block;
}

.section_fact-homepge {
  background-color: #f8f8f8;
}

.fact_main-wrapper {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.fact-heading-wrap {
  text-align: center;
}

.fact-heading {
  color: #010202;
  text-align: left;
  letter-spacing: -6px;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 141px;
  font-weight: 400;
}

.fact-content_wrap {
  justify-content: space-between;
  margin-top: 3.75rem;
  display: flex;
}

.once-led_wrap {
  padding: 3.5rem 2rem 3.5rem 3rem;
  display: flex;
}

.once-led_text {
  color: #010202;
  text-align: right;
  letter-spacing: 0;
  margin-bottom: 3.4rem;
  margin-left: -10px;
  padding-left: 0;
  font-family: Geist, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
}

._16-designers {
  color: #f16300;
}

.led-details {
  color: #3d3d3d;
  text-align: right;
  padding-left: 0;
  padding-right: 7px;
  font-family: Geist, sans-serif;
}

.text-led_wrap {
  text-align: left;
  flex-flow: column wrap-reverse;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  margin-left: 0;
  padding-left: 0;
  display: block;
}

.spacer_facts {
  width: 70%;
}

.facts-led-wrapppp {
  padding-left: 0;
}

.left-fact_contebnt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-right: 6rem;
  display: grid;
}

.facts-0card {
  border-right: 1px solid #ededed;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  padding-right: 3.5rem;
}

.facts-0card._3 {
  border-top: 1px solid #ededed;
  border-right-width: 0;
  border-right-color: #0000;
  padding-top: 3.6rem;
  padding-right: 2.5rem;
}

.facts-0card._4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 1px solid #ededed;
  border-right-width: 0;
  flex-flow: column;
  padding-left: 80px;
  padding-right: 0;
  display: flex;
}

.facts-0card._1 {
  padding-right: 2.4rem;
}

.facts-0card._2 {
  border-bottom: 1px solid #ededed;
  border-right-style: none;
  border-right-color: #0000;
  width: 100%;
  padding-left: 80px;
  padding-right: 0;
}

.sub-para-facts {
  width: 14rem;
  margin-top: 3.75rem;
}

.para-facts {
  color: #3d3d3d;
  font-family: Geist, sans-serif;
}

.para-facts._4 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.facts-sub-head {
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.first-text_span {
  color: var(--color-brand);
}

.projects_main-wrapper {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.project-head-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 6.25rem;
  display: flex;
}

.project-header {
  color: #001514;
  letter-spacing: -.43px;
  padding-right: 0;
  font-family: Geist, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
}

.building-span {
  color: var(--color-brand);
}

.link {
  color: #2e2e2e;
  background-color: #0000;
  border: 1px solid #2e2e2e;
  border-radius: 100px;
  width: auto;
  padding: 1rem 1.25rem;
  font-family: Geist, sans-serif;
  display: block;
}

.link:hover {
  background-color: var(--color-brand);
  color: var(--background-color--background-primary);
  border-style: none;
}

.link.articles {
  text-align: left;
  transform-style: preserve-3d;
  transition: transform .2s;
  transform: scale3d(.9, .9, .9);
}

.link.project {
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding-left: .5rem;
  padding-right: .5rem;
  transition: transform .2s;
  display: flex;
}

.link.project.community {
  display: none;
}

.projecct-cards_wrap {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
  overflow: visible;
}

.card-img_wrap {
  border-radius: 20px;
  margin-bottom: 2rem;
  overflow: hidden;
}

.project-description {
  color: #010202;
  font-family: Geist, sans-serif;
  font-size: 1.5rem;
  line-height: 1.4;
}

.project-description.whiz {
  padding-right: 75px;
}

.project-description.synthera {
  padding-right: 4rem;
}

.project-description.darft {
  padding-right: 7px;
}

.rayna-link {
  color: var(--color-dark);
  text-decoration: none;
}

.rayna-link.pro {
  height: auto;
}

.synthera-link, .designwhiz-link {
  color: var(--color-dark);
  text-decoration: none;
}

.articles-main_wrap {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.articles-head {
  color: #010202;
  margin-bottom: 1rem;
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.artilces-description {
  font-family: Geist, sans-serif;
}

.articles-span, .mindset-span {
  color: var(--color-brand);
}

.articles--head_wrap {
  width: 30rem;
}

.articles-sub-head_wrap {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.25rem;
  display: flex;
}

.articles_content-wrap {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.aricles-box {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 40px;
  display: flex;
}

.aricles-box.test {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
}

.go-to-article {
  z-index: 4;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.go-to-article:hover {
  color: var(--color-brand);
}

.go-to-article.b {
  display: block;
}

.icon-artilces {
  position: relative;
}

.icon-artilces.show-mobile-landscape {
  display: none;
}

.content-wwrap {
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.article-img_wrap {
  border-radius: 100px;
  width: 30%;
  margin-right: 56px;
  display: none;
}

.article-img_wrap.b, .article-img_wrap.c, .article-img_wrap.a {
  display: none;
  overflow: hidden;
}

.aricles-name_wrap {
  width: 100%;
  max-width: 30rem;
}

._1st-article {
  color: #010202;
  font-family: Geist, sans-serif;
  font-size: 1.6rem;
  line-height: 1.4;
}

.time-read {
  color: #696a6e;
  margin-top: 3rem;
  font-family: Geist, sans-serif;
}

.truncatete {
  opacity: 0;
}

.article-img {
  display: block;
}

.aricles-link {
  border-bottom: 1px #000;
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 1.25rem;
  text-decoration: none;
}

.aricles-link._1 {
  border-bottom-style: solid;
  border-bottom-color: #ededed;
}

.aricles-link._2 {
  border-bottom-style: solid;
  border-bottom-color: #ededed;
  padding-bottom: 0;
}

.html-embed {
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.html-embed.b {
  z-index: 1;
  opacity: 1;
  display: block;
}

.html-embed.a {
  display: none;
  position: static;
}

.html-embed.c {
  display: block;
}

.html-iconb, .html-embed-c {
  display: none;
}

.section_helping-homepage {
  background-color: #f6f6f6;
}

.helping-main_wrapper {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.helping-heading {
  color: #010202;
  letter-spacing: -4px;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 8rem;
  font-weight: 400;
}

.helping-content_wrap {
  justify-content: space-between;
  margin-top: 2.5rem;
  display: flex;
}

.left-content_help {
  padding-top: 1.5rem;
  display: flex;
}

.right-content-help {
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  margin-left: 86px;
  display: flex;
}

.help-up-text {
  color: #262626;
  margin-bottom: 3rem;
  padding-right: 36px;
  font-family: Geist, sans-serif;
}

.lower-text-para {
  padding-right: 61px;
  font-family: Geist, sans-serif;
}

.spann-design, .explore-span, .sharing-span, .communoty-span {
  color: var(--color-brand);
}

.spacer-help {
  opacity: 0;
  width: 1rem;
}

.span-help_container {
  width: 27rem;
  padding-right: 0;
}

.resources-wrap {
  width: auto;
  padding-top: 2rem;
  padding-bottom: 5rem;
  padding-right: 5rem;
}

.resources-wrap.mentor {
  border-left: 1px solid #ededed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-bottom: 2rem;
  padding-left: 5rem;
  padding-right: 0;
  display: block;
}

.resource-img_wrap {
  border: 1px solid #cdcdd0;
  border-radius: 100px;
  width: 15rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

.resource-text {
  color: #010202;
  text-align: left;
  padding-right: 48px;
  font-family: Geist, sans-serif;
  font-size: 1rem;
}

.resource-text.b {
  color: #010202;
  text-align: left;
  padding-right: 112px;
}

.resource-go {
  color: var(--color-dark);
}

.resource-go:hover {
  color: var(--color-brand);
}

.dedicated {
  color: var(--color-dark);
}

.dedicated:hover {
  color: var(--color-brand);
}

.section_cat {
  background-color: #030712;
  border: 1px solid #1f2937;
}

.cat-main_wrapper {
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
}

.cat-subtext_wrap {
  justify-content: space-between;
  margin-bottom: 2.5rem;
  display: flex;
}

.wantto-collab {
  color: #fff;
  font-family: Geist, sans-serif;
}

.letstalk {
  color: #fff;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  font-family: Geist, sans-serif;
}

.email {
  color: #fff;
  word-break: break-all;
  font-family: Geist, sans-serif;
  font-size: 7.4vw;
  font-weight: 500;
  line-height: 1.1;
}

.hello-span {
  color: var(--color-brand);
}

.email-footer_wrap {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section_footer {
  background-color: #030712;
}

.footer-main_wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.right-footer-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.footer-link {
  color: var(--background-color--background-secondary);
  font-family: Geist, sans-serif;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--color-brand);
}

.footer-link.social-link {
  margin-right: 23px;
}

.footer-link-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: block;
}

.cat-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  margin-top: 4rem;
  text-decoration: underline;
  display: flex;
}

.cat-footer.desktop.hide-mobile-landscape {
  margin-top: auto;
}

.email-cat {
  color: var(--background-color--background-secondary);
  text-align: center;
  font-family: Geist, sans-serif;
  text-decoration: underline;
}

.book-acall-footer {
  color: #fff;
  text-align: right;
  font-family: Geist, sans-serif;
  text-decoration: underline;
}

.hero-email {
  text-decoration: none;
}

.hero-email.right {
  text-align: right;
}

.section_hero-works {
  background-color: #f6f6f6;
}

.works-main_wrapper {
  max-width: 1360px;
  margin-top: 6rem;
  margin-left: auto;
  margin-right: auto;
}

.works-subtext_wrap {
  text-align: center;
  width: 25rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 23px;
}

.snippet-text {
  color: #010202;
  font-family: Geist, sans-serif;
  font-size: 3rem;
}

.works-hero_cat {
  margin-top: 0;
}

.here-link-cat {
  color: var(--color-brand);
  text-decoration: underline;
}

.snippet-wrap {
  text-align: center;
  margin-top: 0;
}

.section-cat {
  background-color: #f8f8f8;
}

.cat-wraper {
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.likewhatusee {
  color: #010202;
  margin-bottom: 1rem;
  font-family: Geist, sans-serif;
  font-size: 2.5rem;
}

.reach-out_txt {
  color: #3d3d3d;
  padding-right: 58px;
  font-family: Geist, sans-serif;
}

.colab-spaan, .team-san, .see-work {
  color: var(--color-brand);
}

.left-cat_wrap {
  width: 36.875rem;
}

.right-cat_wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cat-btn {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  cursor: pointer;
  background-color: #f16300;
  border: 1px solid #c75505;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 5rem;
  padding: 2rem 1.5rem;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 -6px 2px #2d130121;
}

.contact-me-here {
  color: var(--background-color--background-secondary);
  font-family: Geist, sans-serif;
  font-size: 1.11rem;
}

.section_projects-hero {
  background-color: #f6f6f6;
}

.projects-main_wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1360px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project_sub-text-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  display: flex;
}

.project-heading {
  color: #010202;
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.head-subtext-hero {
  margin-top: 1rem;
  padding-right: 0;
}

.head-subtext-hero.contact {
  letter-spacing: -.32px;
  margin-top: 0;
  font-family: Geist, sans-serif;
  font-weight: 400;
}

.contact-me-project {
  color: var(--color-brand);
}

.sub-text_wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 33.0625rem;
  display: flex;
}

.sub-text_wrapper.contact {
  width: 22rem;
  margin: 1rem auto 48px;
}

.project-showcae_wrap {
  margin-top: 6.25rem;
}

.section_contact-hero {
  background-color: #f6f6f6;
}

.contact-hero {
  max-width: 1360px;
  margin-top: 130px;
  margin-left: auto;
  margin-right: auto;
}

.contact-wrapppper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-field {
  color: #939393;
  border: 0 #939393;
  border-radius: 100px;
  width: 100%;
  height: 3.5rem;
  margin-bottom: 1rem;
  padding: 16px 24px;
  font-family: Geist, sans-serif;
  font-weight: 400;
  box-shadow: 0 0 0 1px #09194821, 0 1px 2px #12376914;
}

.submit-button {
  background-color: #f16300;
  border-radius: 100px;
  width: 37.5rem;
  margin-top: 0;
  padding: 1rem 1.5rem;
  font-family: Geist, sans-serif;
  display: none;
}

.submit-button.desktop {
  width: 199px;
  margin-top: 2rem;
  display: block;
}

.form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.rather-text {
  color: #636468;
  margin-top: 40px;
  font-family: Geist, sans-serif;
}

.rather-text.desktop {
  display: none;
}

.adp-link {
  color: var(--color-dark);
  text-decoration: underline;
}

.section_hero-about {
  background-color: #f6f6f6;
}

.about-hero_wrapper {
  max-width: 1330px;
  margin-top: 7.1875rem;
  margin-left: auto;
  margin-right: auto;
}

.subtextwrap-about_hero {
  justify-content: space-between;
  margin-bottom: 3.5rem;
  display: flex;
}

.subtextwrap-about_hero.gmt {
  margin-top: 3.5rem;
  margin-bottom: 0;
}

.subtextwrap-about_hero.gmt.mobile {
  display: none;
}

.designer-byday {
  color: #404040;
  font-family: Geist, sans-serif;
}

.designer-byday.location {
  text-transform: uppercase;
  text-decoration: underline;
}

.designer-byday.designer.show-mobile-landscape {
  display: none;
}

.otaku-span {
  color: var(--color-brand);
}

.book-call-about_hero {
  color: #010202;
  font-family: Geist, sans-serif;
}

.book-call-about_hero.gmt {
  text-transform: uppercase;
  text-decoration: underline;
}

.gmt {
  text-decoration: none;
}

.about-content-wrap {
  grid-column-gap: 7.2rem;
  grid-row-gap: 7.2rem;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.left-content_about {
  grid-column-gap: 49px;
  grid-row-gap: 49px;
  flex-flow: column;
  width: auto;
  display: flex;
  position: sticky;
  top: 3rem;
}

.simplicity-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacer-line {
  background-color: #ededed;
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.spacer-line.about.laptop {
  background-color: #404040;
  width: 2rem;
  margin-top: 0;
  margin-bottom: 0;
}

.simplicity-text {
  color: #404040;
  font-family: Geist, sans-serif;
  font-size: 1.1rem;
}

.right-xontent_about {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  display: flex;
}

.about-heading {
  font-family: Geist, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
}

.maanger-span {
  color: var(--color-brand);
}

.about-description {
  color: #3d3d3d;
  font-family: Geist, sans-serif;
}

.about-description.top-margin {
  margin-top: 4rem;
}

.section_experiences.why-they-work {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.experience-wrapper {
  justify-content: space-between;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.experience-wrapper.why-they_work-with {
  max-width: none;
  height: auto;
  margin-bottom: 2rem;
  display: flex;
  position: static;
}

.left-experince_content {
  grid-column-gap: 19rem;
  grid-row-gap: 19rem;
  flex-flow: column;
  width: 25%;
  display: flex;
}

.left-experince_content.why-work {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  width: 28%;
  margin-right: 0;
}

.right_experince-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  padding-top: 10px;
  display: block;
}

.right_experince-content.why-work_with-me {
  width: 45%;
}

.opportune-wrap {
  margin-bottom: 0;
  padding-bottom: 8rem;
  position: sticky;
  top: 2rem;
  bottom: 5rem;
}

.opportune-wrap.start-up {
  padding-bottom: 0;
  position: static;
}

.opportune-text {
  font-family: Geist, sans-serif;
  font-size: 2rem;
}

.opportune-text.why-startip-work {
  font-size: 2rem;
}

.download-resume_btn {
  z-index: 15;
  color: #2e2e2e;
  background-color: #0000;
  border: 1px solid #2e2e2e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 175px;
  margin-top: 97px;
  padding: 1rem;
  font-family: Geist, sans-serif;
  display: flex;
  position: relative;
}

.download-resume_btn.contac {
  margin-top: 0;
}

._1st-experiemce {
  width: 70%;
  margin-top: 0;
}

._1st-experiemce.startup {
  width: 70%;
}

.revison-group {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.group-text {
  font-family: Geist, sans-serif;
  font-size: 2rem;
}

.work-tilte {
  border-radius: 0;
}

.work-tilte.why-work {
  font-size: 1.5rem;
}

.title-block {
  border: 1px solid #000;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 2rem;
  padding: 12px;
  display: flex;
}

.title-block._3 {
  width: 9rem;
}

.title-tn {
  font-family: Geist, sans-serif;
  font-size: .75rem;
}

.experience-txt {
  color: #3d3d3d;
  font-family: Geist, sans-serif;
}

.year-wrap {
  padding-top: 10px;
}

.year-txt {
  color: #171717;
  font-family: Geist, sans-serif;
}

.year-txt.why-satrt {
  color: #262626;
}

.present-span {
  color: var(--color-brand);
}

.card-experience {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  height: 12.75rem;
  margin-bottom: 0;
  display: flex;
}

.card-experience.why-work {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .78fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.card-experience.why-work._1st {
  grid-template-columns: 1.2fr 1fr;
  margin-top: 0;
}

.section_images {
  background-color: #f6f6f6;
}

.imag-main_wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.left-img_wrap {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-flow: column;
  display: flex;
}

.right-img_wrap {
  border-radius: 40.36px;
  width: 70%;
  height: auto;
}

.right-img_wrap.about {
  overflow: hidden;
}

._1-img {
  border-radius: 100px;
  overflow: hidden;
}

._2-img {
  border-radius: 46px;
  overflow: hidden;
}

.xcollins-img {
  overflow: hidden;
}

.collins-img {
  height: 100%;
  overflow: hidden;
}

.startup-span, .size-span {
  color: var(--color-brand);
}

.menu_line {
  background-color: #ededed;
  width: 16px;
  height: 2px;
}

.menu {
  grid-row-gap: 4px;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.menu:hover {
  background-color: #1a1d22;
  align-items: center;
}

.left-footer-wrap {
  grid-column-gap: 7rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.footer-links {
  color: var(--background-color--background-secondary);
  font-family: Geist, sans-serif;
  text-decoration: none;
  display: block;
}

.footer-links:hover {
  color: var(--color-brand);
}

.footer-links.growth {
  display: none;
}

.form-block {
  width: auto;
}

.otakuotaku-div {
  opacity: 0;
  display: none;
}

.otaku-di {
  color: var(--color-brand);
  font-family: Geist, sans-serif;
}

.designer-mobile {
  color: #404040;
  text-transform: uppercase;
}

.otaku-mobile {
  color: #404040;
  text-transform: capitalize;
}

.mobile-nav_bar-work0 {
  justify-content: space-between;
  width: 90%;
  margin-top: 86px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.button-icon_nav {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--color-brand);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.nav-gallery {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  width: 90%;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  display: grid;
}

.navlink-blocks {
  position: static;
}

.cat-nav {
  color: var(--background-color--background-primary);
  font-family: Geist, sans-serif;
  text-decoration: none;
}

.go-to-home {
  color: var(--color-dark);
  text-decoration: none;
}

.go-to-home.w--current {
  text-decoration: none;
}

.tab-mobile-nav {
  display: none;
}

.desktop-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-color--background-secondary);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: .8fr .8fr .6fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 16px 5px 10px;
  display: grid;
  position: absolute;
  inset: 4% 0% auto;
  box-shadow: 0 2px 4px #0a0a0a0a;
}

.dot {
  background-color: var(--color-dark);
  border-radius: 20px;
  width: 5px;
  height: 5px;
}

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

.my-email-cons {
  width: 100%;
  text-decoration: none;
}

.snippet-link-contact {
  color: var(--color-dark);
  margin-top: -5px;
  text-decoration: none;
}

.one-draft-link, .whizz-link {
  text-decoration: none;
}

.success-message {
  border-radius: 20px;
}

.emokji {
  width: 42px;
  height: 42px;
}

.hero-heading-mobile-wrap {
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.work-divs_wrapper {
  margin-top: 6rem;
}

._1st-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.work-poc {
  border: 1px solid #e7e7e7;
  border-radius: 20.41px;
  overflow: hidden;
}

.work-poc.modified {
  background-image: url('../images/Appointment-Image.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.work-i-g {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.design-carousel {
  z-index: 0;
  background-color: #0000;
  height: 100%;
  display: flex;
  overflow: visible;
}

.mask {
  width: 21rem;
  height: auto;
  overflow: visible;
}

.slide-nav {
  display: none;
}

.synther-card {
  width: 32rem;
  margin-right: 2.5rem;
}

.left-arrow {
  inset: auto 4% -14% auto;
}

.arrow {
  width: 42px;
  height: 42px;
}

.right-arrow {
  inset: auto 0% -14% auto;
}

.engage-logo_wrap {
  width: 107px;
}

.renofi-warp_logo {
  width: 80.41px;
}

.ainselee-logo_wrap {
  width: 124.97px;
}

.hero-main_heading {
  color: #696a6eb3;
  text-align: left;
  letter-spacing: -5px;
  text-transform: capitalize;
  white-space: break-spaces;
  word-break: normal;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 11vw;
  font-weight: 400;
}

.image-3 {
  width: 42px;
  height: 42px;
  transform: rotate(180deg);
}

.video-sub-dropdown-list {
  position: static;
}

.video-sub-dropdown-list.w--open {
  color: #fff;
  background-color: #ffffff14;
}

.video-sub-dropdown-list.is-blurred {
  background-color: #ffffff12;
}

.videos-sub-dropdown-toggle {
  color: #fff;
  border-bottom: .0625rem solid #ffffff12;
  justify-content: center;
  align-items: center;
  padding: .875rem;
  display: flex;
}

.videos-sub-dropdown-toggle.is-blurred.w--open {
  border-bottom-color: #fff3;
}

.video-sub-dropdown-list-wrapper {
  inset: auto 0% 0% auto;
}

.video-sub-dropdown-list-wrapper.w--open {
  color: #fff;
  background-color: #202020;
  border-radius: .75rem;
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  inset: auto 0% 2.6rem auto;
  overflow: hidden;
}

.video-sub-dropdown-list-wrapper.is-blurred {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #08090d80;
}

.video-volume-embed {
  display: flex;
  transform: rotate(0);
}

.dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.video-watched {
  width: 9ch;
}

.control-button {
  z-index: 19;
  color: #fff;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
}

.control-button.is-padding {
  padding: .6rem;
  display: block;
}

.video-sub-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.video-sub-dropdown.is-blurred {
  background-color: #08090db3;
}

.video-volume-wrapper {
  z-index: 2;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 12% 8% auto auto;
}

.video-volume-wrapper._1 {
  z-index: 14;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  z-index: 14;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  position: static;
  top: 7%;
  right: 3%;
}

.icon-embed-xxsmall-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.video-controls {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  align-items: center;
  display: flex;
}

.video-controls.player_2 {
  justify-content: center;
}

.video-controls.right-aligned {
  justify-content: flex-end;
}

.video-controls.hide-mobile-landscape {
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}

.video-sub-dropdown-item {
  color: #fff;
  text-align: center;
  padding: 8px 5px;
  transition: background-color .2s;
}

.video-sub-dropdown-item:hover {
  background-color: #292929;
}

.video-sub-dropdown-item.is-blurred {
  transition: background-color .2s;
}

.video-sub-dropdown-item.is-blurred:hover {
  background-color: #ffffff0d;
}

.video-play-overlay {
  z-index: 1;
  color: #fff;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-play-overlay.is-gradient {
  background-image: none;
  justify-content: flex-end;
  align-items: center;
  width: 500px;
  height: auto;
  inset: 0%;
  overflow: hidden;
}

.volume-control-2 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: none;
}

.video-dropdown {
  position: relative;
}

.time-controls-wrapper {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  grid-template-rows: auto;
  grid-template-columns: 5% 90% 5%;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: center;
  display: none;
}

.html-icon {
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.3rem;
  display: flex;
}

.html-icon.small {
  width: 1.2rem;
  height: 1.2rem;
}

.fullscreen {
  display: flex;
}

.track {
  background-color: #fafafa29;
  width: 100%;
  height: 5px;
}

.track.video-element {
  border-radius: 40px;
  position: relative;
}

.track.video-element.large {
  height: 8px;
  overflow: hidden;
}

.track.video-element {
  border-radius: 40px;
  height: 6px;
  position: relative;
}

.video-element {
  color: #fff9f9;
}

.video-duration {
  color: #ffffffb3;
  width: 9ch;
}

.video-duration.left-aligned {
  justify-content: flex-end;
  display: flex;
}

.video-dropdown-toggle {
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.video-loading-track {
  background-color: #9094a0;
  border-radius: 40px;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.trackinner {
  z-index: 1;
  background-color: #fff;
  border-radius: 40px;
  width: 0%;
  height: 100%;
  position: relative;
}

.trackinner.large {
  height: 8px;
}

.html-video-wrapper-2 {
  z-index: 2;
  background-color: #0000;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 572px;
  height: 296px;
  max-height: 296px;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.background-video-5 {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.craft {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  height: 12.75rem;
  margin-bottom: 0;
  display: flex;
}

.craft.why-work {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.craft-year {
  padding-top: 0;
}

.innovative-wrap {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  height: 12.75rem;
  margin-bottom: 0;
  display: flex;
}

.innovative-wrap.why-work {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: grid;
}

.revison-group1 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.outliant, .engineer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.last-row {
  grid-column-gap: 12.14px;
  grid-row-gap: 12.14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 11.39px;
  display: grid;
}

.last-row.last {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr 1.3fr 1fr;
  margin-bottom: 1.5rem;
}

._2nd-row {
  grid-column-gap: 12.14px;
  grid-row-gap: 12.14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 11.39px;
  display: grid;
}

._2nd-row._2th {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1.5fr 1fr 1fr;
  align-items: start;
  margin-bottom: .75rem;
}

._3rd-row {
  grid-column-gap: 12.14px;
  grid-row-gap: 12.14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 11.39px;
  display: grid;
}

._3rd-row._3rd {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1.3fr 1fr 1fr;
  margin-bottom: .75rem;
}

.row-3rd {
  grid-column-gap: 12.14px;
  grid-row-gap: 12.14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 11.39px;
  display: grid;
}

.row-3rd._3rd {
  grid-template-columns: 1.3fr 1fr 1fr;
}

.row-3rd._3rd._4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: .8fr 1.5fr 1fr;
  margin-bottom: .75rem;
}

.large-input {
  color: #939393;
  border: .5px #939393;
  border-radius: 24px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 20px 24px 153px;
  font-family: Geist, sans-serif;
  box-shadow: 0 0 0 1px #09194821, 0 1px 2px #12376914;
}

.cat-footer-mobile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  margin-top: 4rem;
  text-decoration: underline;
  display: none;
}

.dwhiz-link {
  width: 32rem;
  margin-right: 2.5rem;
}

.cobntact-wrap {
  margin-top: 97px;
  display: block;
  position: static;
  top: 2rem;
  bottom: 2rem;
}

.cobntact-wrap.contact {
  z-index: 2;
  margin-top: -33px;
  display: block;
  position: relative;
}

.swiper-wrapper {
  height: 100%;
  display: flex;
}

.swiper-slide {
  background-image: url('../images/Dribbble-shot-HD---16_1.webp');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  align-items: flex-end;
  width: 50%;
  height: 46.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper-slide.is-genz {
  background-image: url('../images/Instagram-post---9-1_1.webp');
}

.swiper-slide.is-engage {
  background-image: url('../images/Dribbble-shot-HD---26.jpg');
  background-position: 50%;
}

.swiper-slide.is-newdash {
  background-image: url('../images/Dribbble-shot-HD---25_1.webp');
}

.swiper-slide.rayin-link-copy-copy {
  background-image: none;
  background-size: auto;
  border-style: none;
  height: 100%;
}

.swiper-slide.dwhiz-link, .swiper-slide.synther-card {
  background-image: none;
  background-size: auto;
  border-style: none;
  width: 32rem;
  height: 100%;
}

.swiper-slide.rayin-link-copy {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.swiper-btn-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper-btn-next {
  z-index: 2;
  aspect-ratio: auto;
  width: 42px;
  height: 42px;
  position: static;
  inset: auto -4% -5% auto;
  overflow: hidden;
}

.swiper-btn-prev {
  z-index: 2;
  width: 42px;
  height: 42px;
  position: static;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.modernalised {
  background-image: url('../images/Frame-427319306_1.webp');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  width: 40%;
  height: 40rem;
  position: relative;
}

.image-9 {
  overflow: hidden;
}

.image-11, .image-12 {
  width: 100%;
  height: 100%;
}

.contact-page_btn {
  width: 199px;
  height: 58px;
  color: var(--background-color--background-secondary);
  background-color: #f16300;
  border: 1px solid #c75505;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-family: Geist, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 0 1px 2px #0d0d120f;
}

.fact-video_wrap-copy {
  z-index: 1;
  background-color: #0000;
  border-radius: 1000px;
  width: 510px;
  height: 16rem;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.html-video-player-copy {
  z-index: 0;
  z-index: 0;
  border-radius: 25px;
  width: 500px;
  height: 230px;
  position: relative;
  overflow: hidden;
}

.project-card-copy.home {
  width: auto;
}

.project-card-copy {
  width: 38rem;
  height: 100%;
}

.card-img_wrap-copy {
  border-radius: 20px;
  height: auto;
  margin-bottom: 2rem;
  overflow: hidden;
}

.rayin-link-copy {
  width: 32rem;
  height: auto;
  margin-right: 2.5rem;
}

.contact-hero-txts {
  display: none;
}

.facts-video-copy {
  z-index: 1.5;
  background-color: #0000;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 510px;
  height: 16rem;
  min-height: 230px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-13 {
  width: 100%;
  height: 100%;
}

.video-controls-div {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  background-image: linear-gradient(#fff0, #08090d 95%);
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 1rem 3rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.video-controls-div.is-blurred.facts {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 0;
  margin-bottom: -89px;
  display: none;
}

.video-controls-div.is-blurred {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background-color: #232323cc;
  background-image: none;
  border-radius: 1.25rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: .625rem 2.1875rem 1.25rem;
  display: grid;
  bottom: 3.125rem;
  box-shadow: inset 0 0 0 1px #23232380;
}

.videocontrol-wrapper-hero {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fff;
  background-image: linear-gradient(#fff0, #08090d 95%);
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 1rem 3rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.videocontrol-wrapper-hero.is-blurred {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #232323cc;
  background-image: none;
  border-radius: 1.25rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: .625rem 2.1875rem 1.25rem;
  display: none;
  bottom: 3.125rem;
  box-shadow: inset 0 0 0 1px #23232380;
}

.videocontrol-wrapper-hero.is-blurred-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  background-color: #232323cc;
  background-image: none;
  border-radius: 1.25rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  place-items: center;
  max-width: 80%;
  margin: 0 auto -88px;
  padding: .625rem 2.1875rem 1.25rem;
  display: none;
  bottom: 3.125rem;
  box-shadow: inset 0 0 0 1px #23232380;
}

.image-14 {
  width: 32px;
  height: 32px;
}

.footer-arrow {
  width: 48px;
  height: 48px;
}

.rayin-link-copy-copy {
  width: 32rem;
  height: auto;
  margin-right: 2.5rem;
}

.article-container {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.grid-gap_is-1rem {
  grid-row-gap: 1rem;
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 572px;
  height: 320px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-15.play-button {
  z-index: 5;
  pointer-events: none;
  width: 80px;
  position: absolute;
  top: 30%;
}

.image-15.pause-button {
  z-index: 5;
  pointer-events: none;
  width: 80px;
  display: none;
  position: absolute;
  top: 30%;
}

.video-embed {
  border-radius: 1rem;
}

.video-tag {
  max-width: 572px;
  max-height: 296px;
}

.video-tag.modified {
  pointer-events: none;
  width: 572px;
  min-width: 572px;
  height: 296px;
  position: relative;
}

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

.image-16 {
  width: 100%;
}

.video-sub-dropdown-list-wrapper-2 {
  display: none;
  inset: auto 0% 0% auto;
}

.video-sub-dropdown-list-wrapper-2.w--open {
  z-index: 2;
  color: #fff;
  background-color: #202020;
  border-radius: .75rem;
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  inset: auto 0% 2.6rem auto;
  overflow: hidden;
}

.video-volume-embed-2 {
  max-width: 0;
  transition: max-width .4s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  overflow: hidden;
  transform: rotate(0);
}

.track-grab {
  z-index: -3;
  pointer-events: none;
  background-color: #fff;
  border-radius: 100vw;
  width: 20px;
  height: 20px;
  margin: auto;
  transition: all .45s ease-in-out;
  position: absolute;
  inset: 0% -7.5px 0% auto;
  transform: scale(0);
}

.track-grab:active {
  transform: scale(1.1);
}

.flowplay-video-wrapper {
  aspect-ratio: 16 / 9;
  background-color: #0f0f0f;
  border-radius: 1.5rem;
  width: 100%;
  transition: box-shadow .2s ease-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 #0000, 0 2px 3.2px #0000000c, 0 4px 6.5px #0000000f, 0 7px 9.7px #0001, 0 9px 13.1px #00000012, 0 12px 16.6px #00000012, 0 17px 20.3px #00000013, 0 22px 24.4px #00000013, 0 31px 29.2px #00000014, 0 45px 35.5px #00000015, 0 74px 45.5px #00000017;
}

.flowplay-video-wrapper:hover {
  box-shadow: 0 0 #0000, 0 2px 3.2px #0000000c, 0 4px 6.5px #0000000f, 0 7px 9.7px #0001, 0 9px 13.1px #00000012, 0 12px 16.6px #00000012, 0 17px 20.3px #00000013, 0 22px 24.4px #00000013, 0 31px 29.2px #00000014, 0 45px 35.5px #00000015, 0 74px 45.5px #00000017;
}

.vimeo-video-loading-wrapper {
  z-index: 20;
  color: #fff;
  background-color: #171717;
  justify-content: center;
  align-items: center;
  padding: 14px;
  display: none;
  position: absolute;
  inset: 0%;
}

.video-sub-dropdown-2 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.vimeo-video-element {
  z-index: 0;
  object-fit: cover;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.html-icon-2 {
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.html-icon-2.small {
  width: 1.2rem;
  height: 1.2rem;
}

.vimeo-player-styling {
  object-fit: cover;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.videos-sub-dropdown-toggle-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  border-bottom: .0625rem solid #ffffff12;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: .875rem;
  display: flex;
}

.lower-video-controls {
  justify-content: space-between;
  display: flex;
}

.control-button-2 {
  z-index: 19;
  color: #fff;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.control-button-2.is-padding {
  padding: 0;
  display: block;
}

.video-loading-track-2 {
  background-color: #ffffff36;
  border-radius: 40px;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-title {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5;
}

.video-title-wrapper {
  z-index: 2;
  grid-row-gap: 5px;
  opacity: 0;
  background-image: url('../images/Background.png');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  flex-direction: column;
  padding: 1.5rem;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.video-title-wrapper.show {
  opacity: 1;
}

.fullscreen-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.video-track-wrapper {
  grid-column-gap: 4px;
  display: flex;
}

.vimeo-loading-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  font-size: 30px;
  display: flex;
}

.loading-lottie {
  z-index: -1;
  width: 10%;
  margin-bottom: 0;
  position: absolute;
}

.video-controls-wrapper {
  z-index: 5;
  opacity: 0;
  color: #fff;
  background-image: linear-gradient(#fff0, #08090d 95%);
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition: opacity .2s ease-in-out;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.video-controls-wrapper.show {
  opacity: 1;
}

.trackinner-2 {
  z-index: 2;
  background-color: #fff;
  border-radius: 40px;
  width: 0%;
  height: 100%;
  position: relative;
}

.video-poster-play {
  z-index: 10;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  opacity: 0;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.control-button-3 {
  z-index: 19;
  color: #fff;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.control-button-3.is-padding {
  padding: 0;
  display: block;
}

.control-button-4 {
  z-index: 19;
  color: #fff;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.control-button-4.is-padding {
  padding: 0;
  display: block;
}

.input--video {
  background-color: #171717;
  border: 1px solid #2d2d2d;
  border-radius: .5rem;
  width: 100%;
  padding: 0;
  box-shadow: inset 0 2px 8px #0003;
}

.source {
  width: 100%;
}

.background-video-6 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.play-pause-button {
  inset: 0%;
}

.background-video-7 {
  width: 400px;
  height: 400px;
}

.image-17, .image-18 {
  position: absolute;
}

.video-control {
  margin-bottom: 60px;
  display: none;
}

.div-block-2 {
  width: 2rem;
  height: 2rem;
  display: none;
  position: absolute;
}

.image-19, .image-20 {
  width: 2rem;
  height: 2rem;
  position: absolute;
}

@media screen and (min-width: 1440px) {
  .padding-global.padding-section-large.footer {
    padding: 5rem;
  }

  .padding-global.padding-section-large.experienc3e {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .padding-global.padding-section-large.experienc3e.why-work, .padding-global.padding-section-large.images {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .padding-global.padding-section-large.contact-me_section {
    padding: 4rem 5rem;
  }

  .hero-homepage_content {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .card_bottomsheet.budget, .card_bottomsheet.budget._3 {
    margin-bottom: 0;
  }

  .fact-heading {
    text-align: left;
    font-size: 143px;
  }

  .facts-0card._1 {
    padding-top: 3.2rem;
    padding-right: 4.2rem;
  }

  .facts-0card._2 {
    padding-top: 2.8rem;
    padding-bottom: 1.5rem;
  }

  .card-img_wrap {
    width: 100%;
    height: 460px;
  }

  .articles_content-wrap {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  .email {
    font-size: 6.5rem;
  }

  .hero-main_heading {
    letter-spacing: -5px;
    word-break: normal;
    font-size: 10rem;
  }

  .video-play-overlay.is-gradient {
    border-radius: 1000px;
  }

  .swiper-slide.rayin-link-copy-copy, .swiper-slide.dwhiz-link, .swiper-slide.synther-card {
    width: 100%;
  }

  .swiper-btn-wrapper {
    bottom: -11%;
  }

  .swiper-btn-next {
    bottom: 0%;
  }

  .image-10, .image-11, .image-12 {
    width: 100%;
  }

  .fact-video_wrap-copy {
    width: 510px;
  }

  .html-video-player-copy {
    width: 510px;
    overflow: visible;
  }

  .facts-video-copy {
    overflow: hidden;
  }
}

@media screen and (min-width: 1920px) {
  .design-head {
    font-size: 11.8125rem;
  }

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

  .padding-global.padding-section-large.hero {
    background-position: 50% 0;
    padding-top: 10rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .padding-global.padding-section-large.footer {
    padding: 7rem 2.5rem;
  }

  .padding-global.padding-section-large.experienc3e {
    padding: 6rem 2.5rem;
  }

  .padding-global.padding-section-large.experienc3e.why-work, .padding-global.padding-section-large.about-hero, .padding-global.padding-section-large.images {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .section_hero-homepage {
    background-color: #f6f6f6;
    background-image: url('../images/Hero.png');
    background-position: 50% 100%;
    background-size: contain;
  }

  .hero-homepage_content {
    max-width: 1650px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-desktop {
    max-width: 80rem;
  }

  .navlink-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: .7fr .7fr .7fr .7fr .7fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    place-items: stretch center;
    display: grid;
  }

  .nav-link {
    padding: 6px 12px 6px .75rem;
    font-size: 1rem;
  }

  .nav-link.w--current {
    font-size: 1rem;
  }

  .cat-wrap {
    margin-left: 0;
  }

  .cat {
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    display: flex;
  }

  .hero-homepage_subtext {
    letter-spacing: -.16px;
  }

  .hero_para_wrap {
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-container {
    overflow: visible;
  }

  .who-descriptiom {
    padding-right: 0;
    font-size: 2.2rem;
  }

  .testimonial-wrap {
    max-width: 1600px;
  }

  .testimonial-heading {
    font-size: 2rem;
  }

  .testimonial-1 {
    font-size: 1.25rem;
  }

  .fact-heading {
    font-size: 8.5rem;
  }

  .facts-0card._4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .link.articles {
    font-size: 1.3rem;
  }

  .link.project {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.3rem;
  }

  .projecct-cards_wrap {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .project-card {
    width: 38.125rem;
  }

  .project-description {
    font-size: 2rem;
  }

  .rayna-link {
    flex: 1;
  }

  .articles-head {
    font-size: 3rem;
  }

  .articles--head_wrap {
    width: 43rem;
  }

  .helping-head-wrap {
    text-align: center;
  }

  .helping-heading {
    text-align: left;
    font-size: 8.2rem;
  }

  .help-up-text, .lower-text-para {
    font-size: 1.25rem;
  }

  .resource-text {
    font-size: 1.5rem;
  }

  .cat-main_wrapper {
    max-width: 1600px;
  }

  .wantto-collab, .letstalk {
    font-size: 1.25rem;
  }

  .email {
    word-break: normal;
  }

  .email-footer_wrap {
    justify-content: space-between;
    align-items: center;
  }

  .footer-main_wrap {
    max-width: 1600px;
  }

  .footer-link {
    font-size: 1.25rem;
  }

  .hero-email {
    text-decoration: none;
  }

  .works-subtext_wrap {
    margin-top: 1rem;
  }

  .snippet-text {
    letter-spacing: -.48px;
  }

  .works-hero_cat {
    margin-top: 0;
  }

  .project_sub-text-wrap {
    margin-top: 7.1875rem;
  }

  .head-subtext-hero {
    font-size: 1.5rem;
  }

  .sub-text_wrapper {
    width: 37rem;
  }

  .sub-text_wrapper.contact {
    width: 34rem;
  }

  .section_contact-hero {
    background-color: #f6f6f6;
  }

  .contact-hero {
    margin-top: 7.1875rem;
  }

  .about-hero_wrapper {
    margin-top: 12.1875rem;
  }

  .simplicity-text {
    font-size: 1.5rem;
  }

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

  .about-description {
    font-size: 1.25rem;
  }

  .experience-wrapper {
    height: auto;
  }

  .opportune-wrap {
    margin-bottom: 0;
    padding-bottom: 5.8rem;
  }

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

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

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

  .work-tilte.why-work {
    font-size: 2rem;
  }

  .title-block {
    width: 8rem;
    height: 2rem;
  }

  .title-tn {
    font-family: Geist, sans-serif;
    font-size: .75rem;
  }

  .experience-txt, .year-txt.why-satrt {
    font-size: 1.25rem;
  }

  .card-experience {
    height: auto;
  }

  .card-experience.why-work {
    grid-template-columns: 1.1fr .78fr;
    margin-bottom: 7.5rem;
  }

  .imag-main_wrapper {
    max-width: 1600px;
  }

  .right-img_wrap {
    height: auto;
  }

  .footer-links {
    font-size: 1.25rem;
  }

  .otaku-mobile {
    font-style: normal;
  }

  .desktop-nav {
    grid-column-gap: 77px;
    grid-row-gap: 77px;
    background-color: var(--background-color--background-secondary);
    grid-template-columns: .7fr 1fr .7fr;
    place-content: center;
    place-items: center stretch;
    max-width: 70rem;
    padding: 10px 1rem;
  }

  .snippet-link-contact {
    margin-top: -17px;
    padding-top: 0;
  }

  .success-message {
    text-align: center;
    width: 40rem;
    margin-left: -19px;
    font-family: Geist, sans-serif;
  }

  .emokji {
    width: 24px;
    height: 24px;
  }

  .hero-heading-mobile-wrap {
    justify-content: center;
    align-items: stretch;
  }

  .hero-main_heading {
    text-align: center;
    font-size: 10rem;
  }

  .craft.why-work, .innovative-wrap.why-work {
    grid-template-columns: 1.1fr .78fr;
    margin-bottom: 7.5rem;
  }

  .revison-group1, .outliant, .engineer {
    justify-content: flex-start;
    align-items: center;
  }

  .cobntact-wrap.contact {
    display: block;
  }

  .html-video-player-copy {
    border-radius: 1000px;
  }

  .project-card-copy {
    width: 38.125rem;
  }

  .footer-arrow {
    width: 57px;
    height: 57px;
  }
}

@media screen and (max-width: 991px) {
  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .hide-tablet {
    display: none;
  }

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

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

  .design-head {
    font-size: 5rem;
  }

  .padding-global.padding-section-large {
    padding: 3rem 2rem;
  }

  .padding-global.padding-section-large.hero, .padding-global.padding-section-large.experienc3e {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .padding-global.padding-section-large.experienc3e.why-work {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .padding-global.padding-section-large.art, .padding-global.padding-section-large.help {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global.padding-section-large.about-hero, .padding-global.padding-section-large.images, .padding-global.padding-section-large.contact-me_section, .padding-global.padding-section-large.modified {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

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

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

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

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

  .page-wrapper {
    margin-top: 0;
  }

  .container-large {
    max-width: 80rem;
  }

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

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

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .nav_button {
    color: #fff;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .hero-homepage_content {
    flex-flow: column;
    max-width: none;
    margin-top: 7.5rem;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

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

  .hero_para_wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin-top: 2rem;
    display: flex;
  }

  .hero_para_left, .hero-para_right {
    width: auto;
  }

  .hero-para.right {
    text-align: left;
    padding-left: 0;
  }

  .card_bottomsheet.visuals, .card_bottomsheet.budget {
    width: 100%;
  }

  .who-top_subtexts {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: start stretch;
    display: grid;
  }

  .book-call-div {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .book-call-div.hide-mobile-landscape {
    flex-flow: row;
  }

  .who-video_wrapper, .who-description_wrapper {
    width: auto;
  }

  .who-main_wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .fractional-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 51px;
  }

  .spacer-left {
    opacity: 1;
  }

  .first-row {
    margin-bottom: 10px;
  }

  .testimonial-wrap {
    flex-flow: column;
    margin-bottom: 3.5rem;
  }

  .logo-wrap {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    align-items: flex-start;
  }

  .svg-wraps {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .testimonial-tabs_wrap {
    padding-top: 3.9rem;
  }

  .testimonial-head_wrap {
    width: auto;
  }

  .fact_main-wrapper {
    flex-flow: column;
    display: flex;
  }

  .fact-heading {
    letter-spacing: -2px;
    font-size: 4rem;
  }

  .fact-content_wrap {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: center;
  }

  .right-fact_content {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .once-led_wrap {
    padding-left: 0;
  }

  .once-led_text {
    margin-bottom: 1.5rem;
  }

  .spacer_facts {
    width: auto;
  }

  .left-fact_contebnt {
    padding-right: 3rem;
  }

  .facts-0card {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-right: 2.5rem;
  }

  .facts-0card._1 {
    padding-top: 2.5rem;
  }

  .project-head-wrap {
    flex-flow: column;
  }

  .projwct-head_wrap {
    width: auto;
    margin-bottom: 38px;
  }

  .projecct-cards_wrap {
    grid-template-columns: 1fr 1fr;
    place-items: stretch stretch;
  }

  .project-card {
    width: auto;
  }

  .card-img_wrap {
    height: auto;
  }

  .project-description {
    font-size: 1.25rem;
  }

  .project-description.whiz, .project-description.synthera, .project-description.darft {
    padding-right: 0;
  }

  .articles-main_wrap {
    flex-flow: column;
    display: flex;
  }

  .articles--head_wrap {
    width: auto;
    margin-bottom: 45px;
  }

  .articles-sub-head_wrap {
    flex-flow: column;
  }

  .helping-heading {
    text-align: left;
    letter-spacing: -2px;
    font-size: 4rem;
  }

  .helping-content_wrap {
    flex-flow: column;
  }

  .left-content_help {
    display: flex;
  }

  .right-content-help {
    flex-flow: row;
    width: auto;
    margin-left: 0;
  }

  .span-help_container {
    width: auto;
  }

  .resources-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-bottom: 2rem;
    padding-right: 4rem;
    display: flex;
  }

  .resources-wrap.mentor {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    padding-left: 4rem;
    padding-right: 0;
    display: flex;
  }

  .resource-text, .resource-text.b {
    padding-right: 0;
  }

  .letstalk {
    margin-right: 13px;
  }

  .email {
    font-size: 3.25rem;
  }

  .email-footer_wrap {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
  }

  .cat-footer.test {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center stretch;
    text-decoration: underline;
    display: none;
  }

  .email-cat.test, .book-acall-footer.test {
    color: var(--color-dark);
  }

  .works-main_wrapper {
    margin-top: 118px;
  }

  .snippet-wrap {
    margin-top: 1.5875rem;
  }

  .cat-wraper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .likewhatusee {
    font-size: 2.5rem;
  }

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

  .cat-btn {
    border: 1px solid #c75505;
    justify-content: center;
    align-items: center;
    width: 50%;
  }

  .projects-main_wrapper {
    margin-top: 0;
  }

  .project_sub-text-wrap {
    margin-top: 100px;
  }

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

  .project-showcae_wrap {
    display: flex;
  }

  .about-hero_wrapper {
    margin-top: 3.2rem;
  }

  .subtextwrap-about_hero {
    display: none;
  }

  .subtextwrap-about_hero.gmt, .subtextwrap-about_hero.gmt.mobile {
    display: flex;
  }

  .designer-byday.location {
    text-decoration: underline;
  }

  .book-call-about_hero.gmt {
    text-transform: capitalize;
  }

  .gmt {
    text-decoration: underline;
  }

  .about-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1.2fr;
    margin-top: 2.5rem;
  }

  .left-content_about {
    position: static;
  }

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

  .spacer-line {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .spacer-line.about {
    background-color: #404040;
    width: 20%;
  }

  .right-xontent_about {
    margin-top: 2.5rem;
  }

  .experience-wrapper {
    flex-flow: column;
    height: auto;
  }

  .left-experince_content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
  }

  .left-experince_content.why-work {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .right_experince-content {
    width: auto;
    margin-top: 3.5rem;
  }

  .right_experince-content.why-work_with-me {
    width: auto;
    margin-top: 2.5rem;
  }

  .opportune-wrap {
    padding-bottom: 0;
    position: static;
    overflow: hidden;
  }

  .download-resume_btn {
    margin-top: 50px;
  }

  .download-resume_btn:hover {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
    border-style: none;
  }

  .card-experience {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5rem;
    display: flex;
  }

  .card-experience.why-work {
    height: auto;
  }

  .card-experience.last {
    margin-bottom: 0;
  }

  .menu {
    align-items: center;
  }

  .menu:hover {
    background-color: var(--tags-color);
  }

  .left-footer-wrap {
    justify-content: start;
    place-items: center start;
  }

  .things-im-goodat {
    font-family: Geist, sans-serif;
    font-size: 1.5rem;
  }

  .otakuotaku-div {
    opacity: 1;
    justify-content: space-between;
    display: flex;
  }

  .mobile-nav_bar-work0 {
    background-color: var(--background-color--background-secondary);
    border-radius: 100px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 2rem;
    display: none;
    position: relative;
    top: 13px;
  }

  .mobile-nav_bar-work0.home {
    display: flex;
  }

  .mobile-nav_bar-work0.home.hidden, .mobile-nav_bar-work0.home.fhid, .mobile-nav_bar-work0.home.hid {
    display: none;
  }

  .mobile-nav_bar-work0.about {
    display: flex;
  }

  .mobile-nav_bar-work0.about.hid {
    display: none;
  }

  .mobile-nav_bar-work0.projects {
    display: flex;
  }

  .mobile-nav_bar-work0.projects.hid {
    display: none;
  }

  .mobile-nav_bar-work0.contact {
    display: flex;
  }

  .mobile-nav_bar-work0.contact.hid {
    display: none;
  }

  .mobile-nav_bar-work0.work {
    display: flex;
  }

  .mobile-nav_bar-work0.work.hiddden, .mobile-nav_bar-work0.hidden {
    display: none;
  }

  .button-icon_nav {
    background-color: #f16300;
    border: 1px solid #c75505;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 7.5rem;
    padding: .5rem 1rem;
    display: flex;
    position: relative;
    box-shadow: 0 2px 1px #0d0d120f;
  }

  .button-icon_nav.close {
    height: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: none;
    position: absolute;
    inset: auto 3% 17% auto;
  }

  .button-icon_nav.pro, .button-icon_nav.con {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .nav-gallery {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: #f6f6f6;
    border: 1px #000;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .75fr;
    grid-auto-columns: 1fr;
    place-items: center;
    width: 80%;
    height: auto;
    margin-top: 0;
    padding: 1rem 10px;
    display: none;
    position: absolute;
    inset: 102% 0% auto;
  }

  .nav-gallery.home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .75fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .navlink-blocks {
    background-color: var(--background-color--background-secondary);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border: 1px solid #e5e5e5;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 8rem;
    padding: 1rem;
    font-family: Geist, sans-serif;
    display: flex;
    position: static;
    box-shadow: 0 2px 4px #0a0a0a0a;
  }

  .navlink-blocks:hover {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
  }

  .navlink-blocks:active {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
    font-family: Geist, sans-serif;
  }

  .navlink-blocks.works {
    background-color: var(--color-brand);
    color: #fff;
  }

  .navlink-blocks.works.home, .navlink-blocks.works.pro, .navlink-blocks.works.contact, .navlink-blocks.works.ab, .navlink-blocks.works.con {
    background-color: var(--background-color--background-secondary);
    color: var(--color-dark);
  }

  .navlink-blocks.home, .navlink-blocks.proj, .navlink-blocks.contact, .navlink-blocks.ab, .navlink-blocks.con {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
  }

  .navlink-text {
    text-align: center;
    font-family: Geist, sans-serif;
    font-size: .875rem;
    font-weight: 500;
  }

  .cat-nav {
    text-transform: capitalize;
    font-size: .875rem;
    font-weight: 500;
  }

  .sayhi {
    background-color: var(--color-brand);
    width: 10.6rem;
    height: 2.375rem;
    color: var(--background-color--background-secondary);
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    padding: 27px;
    display: flex;
  }

  .sayhi:hover {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
  }

  .close-icon {
    padding-top: 15px;
  }

  .go-to-home, .go-to-works, .go-to-about, .go-to-projects, .go-ti-contact {
    color: var(--color-dark);
    text-decoration: none;
  }

  .tab-mobile-nav {
    z-index: 10000;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .desktop-nav {
    display: none;
  }

  .tabs {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .collin-mail {
    color: var(--color-dark);
  }

  .hero-heading-mobile-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  ._1st-row {
    grid-template-columns: 1fr;
  }

  .work-poc {
    border-radius: 32px;
  }

  .design-carousel {
    height: auto;
  }

  .hero-main_heading {
    font-size: 5rem;
  }

  .video-play-overlay.is-gradient {
    border-radius: 1000px;
    width: auto;
  }

  .html-video-wrapper-2 {
    border-radius: 1000px;
    min-width: auto;
    min-height: auto;
  }

  .craft {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5rem;
    display: flex;
  }

  .craft.why-work {
    height: auto;
  }

  .innovative-wrap {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5rem;
    display: flex;
  }

  .innovative-wrap.why-work {
    height: auto;
  }

  .last-row, .last-row.last, ._2nd-row {
    grid-template-columns: 1fr;
  }

  ._2nd-row._2th {
    grid-template-columns: 1fr 1fr;
  }

  ._3rd-row, ._3rd-row._3rd, .row-3rd, .row-3rd._3rd, .row-3rd._3rd._4 {
    grid-template-columns: 1fr;
  }

  .cobntact-wrap {
    margin-top: 2.5rem;
    display: block;
    position: static;
  }

  .cobntact-wrap.contact {
    margin-top: 0;
  }

  .swiper-slide {
    width: 60%;
  }

  .swiper-btn-wrapper {
    display: flex;
  }

  .modernalised {
    width: 60%;
  }

  .facts-video-copy {
    border-radius: 1.25rem;
    height: 230px;
    min-height: auto;
  }

  .fact-video_wrap-copy {
    width: auto;
    overflow: hidden;
  }

  .html-video-player-copy {
    border-radius: 1000px;
  }

  .project-card-copy.home {
    width: auto;
  }

  .project-card-copy {
    width: 30rem;
  }

  .rayin-link-copy {
    height: auto;
  }

  .facts-video-copy {
    border-radius: 1.25rem;
    width: auto;
    height: 230px;
    min-height: auto;
  }

  .video-controls-div.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred-copy {
    width: 90%;
    padding: .6rem 1.85rem 1.15rem;
    bottom: 2rem;
  }

  .rayin-link-copy-copy {
    height: auto;
  }

  .flowplay-video-wrapper {
    border-radius: 1.25rem;
    min-width: 90vw;
    min-height: auto;
  }

  .video-title {
    font-size: 1.2rem;
  }

  .video-title-wrapper {
    padding-top: 1.45rem;
    padding-left: 1.575rem;
    padding-right: 1.575rem;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .design-head {
    font-size: 3.45rem;
  }

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

  .padding-global.padding-section-large {
    padding: 2.5rem 1.5rem;
  }

  .padding-global.padding-section-large.work-page {
    margin-bottom: 0;
    padding-bottom: 2rem;
  }

  .padding-global.padding-section-large.contact {
    padding-bottom: 2.8rem;
  }

  .padding-global.padding-section-large.experienc3e {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large.pro {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

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

  .padding-global.padding-section-large.about-hero {
    padding-bottom: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large.images {
    padding: 5rem 1rem;
  }

  .padding-global.padding-section-large.modified {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .main-wrapper, .main-wrapper.bottom-padding {
    padding: 0;
  }

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

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

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

  .hero_para_wrap {
    width: auto;
    margin-bottom: 4.4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .card_bottomsheet.visuals, .card_bottomsheet.budget {
    width: 100%;
  }

  .who-top_subtexts {
    grid-template-columns: 1.5fr;
  }

  .book-call-div.hide-mobile-landscape {
    display: none;
  }

  .book-call-div.show-mobile-landscape {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
    display: flex;
  }

  .who-main_wrapper {
    height: auto;
  }

  .who-descriptiom {
    padding-right: 30px;
  }

  .fractional-wrap {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

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

  .quality-tags.strategy, .quality-tags.team-building {
    margin-right: 8px;
  }

  .quality-tags.management {
    width: auto;
  }

  .quality-tags.leadership {
    width: auto;
    margin-right: 8px;
  }

  .quality-tags.research, .quality-tags.no-code {
    display: none;
  }

  .leadership {
    font-size: .75rem;
  }

  .first-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    white-space: normal;
    word-break: normal;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center end;
    display: flex;
  }

  .seconf-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .testimonial-wrap {
    margin-bottom: 0;
  }

  .testimonial-heading {
    font-size: 1.5rem;
  }

  .testimonial-tabs_wrap {
    width: auto;
  }

  .fact-heading {
    letter-spacing: -3px;
    font-size: 3rem;
  }

  .once-led_wrap {
    padding-left: 0;
  }

  .once-led_text {
    text-align: left;
    margin-left: 0;
    font-size: 1.5rem;
  }

  .led-details {
    text-align: left;
  }

  .left-fact_contebnt {
    grid-template-columns: 1fr;
    padding-right: 2rem;
  }

  .facts-0card._4 {
    border-top: 1px solid #ededed;
    border-left-style: none;
    border-right-style: none;
    padding-left: 0;
  }

  .facts-0card._1 {
    border-top: 1px solid #ededed;
    border-right-style: none;
  }

  .facts-0card._2 {
    border-top: 1px solid #ededed;
    padding-left: 0;
  }

  .sub-para-facts {
    width: auto;
    margin-top: 1rem;
  }

  .project-header {
    font-size: 2.5rem;
  }

  .link.project.community {
    text-align: center;
    margin-top: 2rem;
    display: block;
  }

  .projecct-cards_wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .aricles-box.test {
    margin-bottom: 0;
  }

  .go-to-article.a {
    inset: 0% 0% 0% auto;
  }

  .icon-artilces.show-mobile-landscape {
    display: block;
  }

  ._1st-article {
    font-size: 1.5rem;
  }

  .time-read {
    margin-top: 1rem;
  }

  .html-embed.a {
    display: none;
  }

  .helping-heading {
    letter-spacing: -3px;
    font-size: 3rem;
  }

  .left-content_help {
    flex-flow: column;
  }

  .right-content-help {
    flex-flow: column;
    margin-top: 4rem;
  }

  .resources-wrap {
    justify-content: center;
    align-items: flex-start;
    padding-right: 9rem;
  }

  .resources-wrap.mentor {
    padding-left: 0;
    padding-right: 9rem;
  }

  .resource-text.b {
    padding-right: 0;
  }

  .email {
    font-size: 2.4rem;
  }

  .footer-main_wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .footer-link-wrap {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .cat-footer {
    width: auto;
  }

  .reach-out_txt {
    width: 90%;
    padding-right: 0;
  }

  .left-cat_wrap {
    width: auto;
  }

  .projects-main_wrapper {
    margin-top: 6.2rem;
  }

  .project_sub-text-wrap {
    margin-top: 0;
  }

  .project-heading {
    display: flex;
  }

  .project-heading.hidden {
    display: none;
  }

  .head-subtext-hero {
    font-family: Geist, sans-serif;
  }

  .head-subtext-hero.contact {
    display: block;
  }

  .head-subtext-hero.contact.hidden {
    display: none;
  }

  .sub-text_wrapper.contact {
    margin-top: 0;
    margin-bottom: 48px;
  }

  .contact-hero {
    margin-top: 9.6875rem;
  }

  .text-field {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .submit-button {
    white-space: break-spaces;
    word-break: break-all;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
  }

  .submit-button.desktop {
    display: none;
  }

  .form {
    width: 100%;
  }

  .rather-text {
    text-align: center;
    display: none;
  }

  .rather-text.desktop {
    color: #636468;
    display: block;
  }

  .adp-link {
    color: #636468;
  }

  .about-hero_wrapper {
    margin-top: .2rem;
  }

  .designer-byday.designer.show-mobile-landscape {
    display: flex;
  }

  .about-heading {
    font-size: 2.3rem;
  }

  .left-experince_content {
    margin-bottom: 3.5rem;
  }

  .left-experince_content.why-work {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  ._1st-experiemce {
    width: auto;
  }

  ._1st-experiemce.startup {
    width: 70%;
  }

  .revison-group {
    justify-content: space-between;
    align-items: center;
  }

  .card-experience {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: wrap-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column dense;
    justify-content: flex-start;
    justify-items: stretch;
    height: auto;
    margin-bottom: 3rem;
    display: flex;
  }

  .imag-main_wrapper {
    flex-flow: column;
  }

  .left-img_wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .right-img_wrap.about {
    width: auto;
  }

  .form-block {
    width: 100%;
  }

  .designer-mobile {
    font-family: Geist, sans-serif;
  }

  .mobile-nav_bar-work0.home.hid {
    display: none;
  }

  .mobile-nav_bar-work0.projects {
    display: flex;
  }

  .nav-gallery, .nav-gallery.home {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .75fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .navlink-blocks, .navlink-blocks.works {
    width: 6rem;
  }

  .sayhi {
    width: 8rem;
  }

  .say-hi-link {
    text-decoration: none;
  }

  .hero-heading-mobile-wrap {
    display: flex;
  }

  ._1st-row {
    grid-template-columns: 1fr;
  }

  .hero-main_heading {
    font-size: 4rem;
  }

  .video-watched {
    font-size: 13px;
  }

  .control-button {
    width: 2rem;
    height: 2rem;
  }

  .control-button.hide-mobile-landscape {
    display: flex;
  }

  .control-button.is-padding {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
  }

  .video-controls.player_2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .video-controls.right-aligned {
    height: 100%;
  }

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

  .time-controls-wrapper {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
  }

  .html-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .track.video-element.large {
    height: 7px;
  }

  .video-duration.left-aligned {
    font-size: 13px;
  }

  .html-video-wrapper-2 {
    width: 400px;
    height: 220px;
    min-height: 100%;
  }

  .craft, .innovative-wrap {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: wrap-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column dense;
    justify-content: flex-start;
    justify-items: stretch;
    height: auto;
    display: flex;
  }

  .revison-group1, .outliant, .engineer {
    justify-content: space-between;
    align-items: center;
  }

  .last-row, ._2nd-row, ._3rd-row, ._3rd-row._3rd, .row-3rd, .row-3rd._3rd, .row-3rd._3rd._4 {
    grid-template-columns: 1fr;
  }

  .large-input {
    width: 100%;
  }

  .cat-footer-mobile {
    flex-flow: row;
    justify-content: space-between;
    width: auto;
    display: flex;
  }

  .cobntact-wrap {
    display: block;
  }

  .swiper-slide, .modernalised {
    width: 100%;
  }

  .contact-page_btn {
    display: none;
  }

  .html-video-player-copy {
    border-radius: 1000px;
    width: 400px;
  }

  .form-wrapper {
    width: 100%;
  }

  .contact-hero-txts {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .video-controls-div.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred-copy {
    flex-direction: row;
    grid-template-rows: auto;
    width: 95%;
    padding: .2rem 1rem .9rem;
    bottom: .8rem;
  }

  .grid-gap_is-1rem {
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .image-15 {
    max-width: 3rem;
  }

  .image-15.play-button, .image-15.pause-button {
    display: none;
  }

  .video-tag {
    max-width: 100%;
    max-height: 256px;
  }

  .video-tag.modified {
    width: auto;
    min-width: 0;
  }

  .div-block {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .show-mobile-landscape {
    justify-content: flex-start;
    display: block;
  }

  .show-mobile-landscape.display-inlineflex {
    justify-content: space-between;
    display: flex;
  }

  .text-color-orange {
    color: var(--color-brand);
  }

  .html-icon-2 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .track-wrapper {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% .8rem;
  }

  .lower-video-controls {
    margin: auto;
  }

  .control-button-2 {
    width: 2rem;
    height: 2rem;
  }

  .control-button-2.is-padding {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
  }

  .video-title {
    font-size: 1.1rem;
  }

  .fullscreen-2 {
    display: none;
  }

  .control-button-3 {
    width: 2rem;
    height: 2rem;
  }

  .control-button-3.is-padding {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    position: relative;
    inset: 0%;
  }

  .control-button-4 {
    width: 2rem;
    height: 2rem;
  }

  .control-button-4.is-padding {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

  .design-head {
    text-align: left;
    letter-spacing: -1px;
    word-break: break-all;
    font-family: Geist, sans-serif;
    font-size: 2.75rem;
    line-height: 1.2;
  }

  .padding-global.padding-section-large {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large.hero {
    padding-bottom: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large.footer {
    justify-content: flex-start;
    align-items: center;
    padding: 3.5rem 1.5rem;
    display: flex;
  }

  .padding-global.padding-section-large.work-page {
    padding-bottom: 1.5rem;
  }

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

  .padding-global.padding-section-large.experienc3e.why-work {
    padding-bottom: 6rem;
  }

  .padding-global.padding-section-large.pro, .padding-global.padding-section-large.test, .padding-global.padding-section-large.facts {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

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

  .padding-global.padding-section-large.about-hero {
    padding-bottom: 4rem;
  }

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

  .padding-global.padding-section-large.contact-me_section {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-section-large.modified {
    padding: 4rem 1rem;
  }

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

  .hero-homepage_content {
    max-height: none;
  }

  .logo-img_wrap {
    white-space: break-spaces;
    word-break: normal;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .designer-manager {
    white-space: pre-line;
    word-break: normal;
  }

  .hero-homepage_subtext {
    font-size: .875rem;
  }

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

  .hero-para {
    word-break: keep-all;
  }

  .swiper-container {
    padding-bottom: 1rem;
  }

  .card_bottomsheet.visuals {
    width: 100%;
    height: 16rem;
  }

  .card_bottomsheet.budget {
    height: 16rem;
  }

  .webapp-name {
    font-size: 1.5rem;
  }

  .webapp-name.design {
    font-size: 1.7rem;
  }

  .card-details {
    font-size: .9rem;
  }

  .who-top_subtexts {
    margin-bottom: 0;
  }

  .who-video_wrapper {
    width: 100%;
  }

  .who-main_wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 2rem;
  }

  .who-descriptiom {
    padding-right: 0;
  }

  .fractional-wrap {
    justify-content: space-between;
    align-items: flex-start;
  }

  .button-circle_wraap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .6fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .button-circle_wraap.mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .6fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .quality-tags.strategy {
    margin-left: 0;
    margin-right: 8px;
    display: inline-flex;
  }

  .quality-tags.team-building {
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .quality-tags.ops {
    width: auto;
    display: inline-flex;
  }

  .quality-tags.management {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-flex;
  }

  .quality-tags.leadership {
    margin-right: 8px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .quality-tags.product {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-flex;
  }

  .quality-tags.system {
    width: auto;
    margin-right: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-flex;
  }

  .leadership {
    display: inline-flex;
  }

  .first-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: .6fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: center start;
    margin-bottom: 0;
    display: flex;
  }

  .seconf-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .logo-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: auto;
  }

  .testimonial-heading {
    padding-right: 60px;
  }

  .testimonial-heading.modified {
    padding-right: 40px;
  }

  .svg-wraps {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .5fr;
    grid-auto-columns: 1fr;
    place-content: center start;
    place-items: start center;
    width: auto;
    display: grid;
  }

  .testimonial-tabs_wrap {
    padding-top: 2.5rem;
  }

  .fact-heading {
    letter-spacing: -3px;
    font-family: Geist, sans-serif;
    font-size: 2.1875rem;
  }

  .fact-content_wrap {
    margin-top: 2rem;
  }

  .once-led_text {
    margin-left: 0;
  }

  .led-details {
    text-align: left;
  }

  .left-fact_contebnt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-right: 0;
    display: grid;
  }

  .facts-0card {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .facts-0card._3 {
    border-top-style: solid;
    border-bottom: 1px #ededed;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .facts-0card._4 {
    padding-top: 2.5rem;
  }

  .facts-0card._1 {
    border: 1px #000;
    border-top: 1px solid #ededed;
    border-bottom-color: #ededed;
    width: 100%;
    padding-bottom: 2.5rem;
  }

  .facts-0card._2 {
    border-bottom-style: none;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sub-para-facts {
    margin-top: 1rem;
  }

  .para-facts {
    color: #696a6e;
  }

  .projects_main-wrapper {
    max-width: none;
    margin-right: 0;
  }

  .project-header {
    font-size: 2rem;
  }

  .link.project {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .link.project.community {
    width: auto;
    margin-top: 2rem;
    display: block;
  }

  .project-card {
    width: auto;
    height: auto;
  }

  .card-img_wrap {
    height: auto;
  }

  .rayna-link, .rayna-link.pro, .synthera-link, .synthera-link.pro {
    margin-right: 0;
  }

  .designwhiz-link {
    margin-left: 0;
    margin-right: 20px;
  }

  .time-read {
    margin-top: 1rem;
  }

  .helping-heading {
    text-align: left;
    font-family: Geist, sans-serif;
    font-size: 2rem;
  }

  .left-content_help {
    flex-flow: column;
    padding-top: 0;
  }

  .resources-wrap {
    justify-content: center;
    align-items: flex-start;
    margin-top: 5rem;
    padding-top: .25rem;
    padding-bottom: 1.5rem;
    padding-right: 0;
  }

  .resources-wrap.mentor {
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .resource-img_wrap {
    width: 18rem;
  }

  .resource-text, .resource-text.b {
    padding-right: 60px;
  }

  .cat-subtext_wrap {
    justify-content: space-between;
  }

  .wantto-collab {
    font-size: .75rem;
  }

  .letstalk {
    margin-right: 0;
    font-size: .75rem;
  }

  .email {
    letter-spacing: 0;
    word-break: break-all;
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .email-footer_wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    letter-spacing: 2px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .footer-main_wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .right-footer-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: end;
    place-items: start end;
    margin-top: 0;
    display: grid;
  }

  .footer-link.social-link {
    margin-right: 0;
  }

  .footer-link-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: end;
    place-items: center end;
    display: grid;
  }

  .cat-footer {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    text-decoration: underline;
    display: flex;
  }

  .cat-footer.desktop {
    display: none;
  }

  .email-cat {
    font-size: .875rem;
  }

  .book-acall-footer {
    font-size: .75rem;
  }

  .works-subtext_wrap {
    text-align: center;
    width: auto;
    margin-top: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }

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

  .snippet-wrap {
    margin-top: 4.8875rem;
  }

  .likewhatusee {
    font-size: 2rem;
  }

  .left-cat_wrap {
    width: auto;
  }

  .cat-btn {
    width: 100%;
    height: 5rem;
    padding: 1.5rem 1rem;
  }

  .contact-me-here {
    font-size: 1rem;
  }

  .projects-main_wrapper {
    margin-top: 7.5rem;
  }

  .project-heading {
    word-break: normal;
  }

  .project-heading.hidden {
    display: none;
  }

  .head-subtext-hero {
    margin-top: 1.5rem;
  }

  .head-subtext-hero.contact {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .head-subtext-hero.contact.hidden {
    display: none;
  }

  .sub-text_wrapper {
    width: auto;
  }

  .sub-text_wrapper.contact {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .project-showcae_wrap {
    margin-top: 4.5rem;
  }

  .contact-hero {
    margin-top: 8.7875rem;
  }

  .text-field {
    width: 100%;
  }

  .form {
    width: 100%;
    margin-bottom: 0;
  }

  .about-hero_wrapper {
    max-width: none;
  }

  .subtextwrap-about_hero {
    flex-flow: column;
  }

  .subtextwrap-about_hero.gmt {
    flex-flow: row;
  }

  .subtextwrap-about_hero.gmt.mobile {
    display: flex;
  }

  .designer-byday {
    justify-content: space-between;
    align-items: stretch;
    font-size: .875rem;
    display: flex;
  }

  .designer-byday.location {
    word-break: keep-all;
    font-size: .75rem;
  }

  .designer-byday.designer {
    justify-content: flex-start;
  }

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

  .book-call-about_hero.gmt {
    font-size: .75rem;
  }

  .about-content-wrap, .left-content_about {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .spacer-line.about {
    width: 2rem;
  }

  .right-xontent_about {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .about-heading {
    font-size: 2rem;
    line-height: 1.4;
  }

  .about-description {
    width: auto;
    padding-right: 15px;
  }

  .about-description.top-margin {
    margin-top: 2rem;
  }

  .experience-wrapper {
    flex-flow: column;
  }

  .left-experince_content, .left-experince_content.why-work {
    width: auto;
  }

  .right_experince-content {
    flex-flow: column;
    width: auto;
    margin-top: 2.5rem;
    display: flex;
  }

  .work-tilte {
    font-size: 1.5rem;
  }

  .card-experience {
    margin-bottom: 0;
  }

  .card-experience.why-work {
    flex-flow: wrap;
    margin-bottom: 0;
    display: flex;
  }

  .card-experience.why-work._1st {
    margin-bottom: 2.5rem;
  }

  .imag-main_wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .right-img_wrap {
    width: auto;
  }

  .collins-img {
    width: 100%;
  }

  .left-footer-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: start;
    place-items: start;
    display: grid;
  }

  .form-block {
    width: 100%;
  }

  .otaku-di {
    color: var(--color-brand);
    font-family: Geist, sans-serif;
    font-size: .875rem;
  }

  .designer-mobile {
    font-size: .875rem;
  }

  .otaku-mobile {
    font-family: Geist, sans-serif;
    font-size: .875rem;
  }

  .mobile-nav_bar-work0 {
    padding: .5rem;
    display: none;
  }

  .mobile-nav_bar-work0.home {
    padding-left: .8rem;
    display: flex;
  }

  .mobile-nav_bar-work0.home.fhid, .mobile-nav_bar-work0.about.hid {
    display: none;
  }

  .mobile-nav_bar-work0.projects, .mobile-nav_bar-work0.contact {
    display: flex;
  }

  .mobile-nav_bar-work0.contact.hid {
    display: none;
  }

  .mobile-nav_bar-work0.work {
    z-index: 10;
    margin-top: 13px;
    position: sticky;
    top: 21px;
  }

  .mobile-nav_bar-work0.work.hiddden {
    display: none;
  }

  .button-icon_nav {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row-reverse wrap-reverse;
    justify-content: center;
    width: auto;
    padding: .5rem .5rem .5rem 1rem;
    display: flex;
  }

  .button-icon_nav.close {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: none;
    bottom: 9%;
  }

  .button-icon_nav.about {
    display: flex;
  }

  .nav-gallery {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .75fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
  }

  .nav-gallery.home, .nav-gallery.pro {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr .75fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .navlink-blocks {
    width: auto;
  }

  .navlink-blocks.works.proj, .navlink-blocks.works.cont {
    background-color: var(--background-color--background-secondary);
    color: var(--color-dark);
  }

  .navlink-blocks.project, .navlink-blocks.cont {
    background-color: var(--color-brand);
    color: var(--background-color--background-secondary);
  }

  .sayhi {
    width: 6rem;
  }

  .collin-mail {
    text-decoration: none;
  }

  .hero-heading-mobile-wrap {
    width: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
  }

  .work-divs_wrapper {
    z-index: 2;
    margin-top: 4.5rem;
    position: static;
  }

  .design-carousel {
    overflow: visible;
  }

  .synther-card {
    width: auto;
    margin-right: 1.5rem;
  }

  .left-arrow {
    inset: auto auto -17% 0%;
  }

  .right-arrow {
    inset: auto 0% -16% auto;
  }

  .engage-logo_wrap, .renofi-warp_logo {
    width: auto;
  }

  .ainselee-logo_wrap {
    width: auto;
    height: 29px;
  }

  .hero-main_heading {
    letter-spacing: -3px;
    white-space: break-spaces;
    word-break: break-all;
    font-size: 2.6rem;
  }

  .image-4 {
    width: 100%;
    height: 29px;
  }

  .image-5 {
    width: 100%;
    height: 23px;
  }

  .image-6 {
    width: 100%;
    height: 29px;
  }

  .image-7 {
    width: 100%;
    height: 30px;
  }

  .image-8 {
    width: 100%;
    height: 29px;
  }

  .control-button {
    height: 2.5rem;
    padding: 0;
  }

  .video-controls.player_2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .video-controls.right-aligned {
    align-items: flex-start;
  }

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

  .video-play-overlay.is-gradient {
    background-image: none;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
  }

  .html-icon {
    width: 1rem;
    height: 1rem;
  }

  .html-video-wrapper-2 {
    border-radius: 100000px;
    justify-content: flex-start;
    align-items: center;
    width: 320px;
    min-width: 320px;
    min-height: 180px;
    max-height: 180px;
  }

  .background-video-5 {
    border-radius: 1000px;
  }

  .craft {
    margin-bottom: 0;
  }

  .craft.why-work {
    flex-flow: wrap;
    margin-bottom: 0;
    display: flex;
  }

  .innovative-wrap {
    margin-bottom: 0;
  }

  .innovative-wrap.why-work {
    flex-flow: wrap;
    margin-bottom: 0;
    display: flex;
  }

  .last-row.last, ._2nd-row._2th {
    grid-template-columns: 1fr;
  }

  .large-input {
    width: 100%;
  }

  .cat-footer-mobile {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 4rem;
    text-decoration: underline;
    display: flex;
  }

  .engag, .granville {
    width: auto;
    height: 29px;
  }

  .image-7-copy {
    width: 73px;
    height: 35px;
  }

  .simplebks {
    width: auto;
    height: 29px;
  }

  .dwhiz-link {
    width: auto;
    margin-right: 1.5rem;
  }

  .cobntact-wrap {
    margin-top: 2.5rem;
  }

  .swiper-btn-wrapper {
    justify-content: space-between;
    margin-top: 0;
    bottom: -8%;
  }

  .swiper-btn-next {
    inset: auto 0% -6% auto;
  }

  .swiper-btn-prev {
    bottom: -6%;
  }

  .fact-video_wrap-copy {
    height: auto;
    margin-top: 52px;
    margin-bottom: 0;
  }

  .html-video-player-copy {
    border-radius: 1000px;
    width: 350px;
  }

  .project-card-copy {
    width: auto;
    height: auto;
  }

  .project-card-copy.home {
    width: 23rem;
  }

  .rayin-link-copy {
    width: auto;
    height: auto;
    margin-right: 1.5rem;
  }

  .form-wrapper {
    width: 100%;
  }

  .contact-hero-txts {
    margin-left: auto;
    margin-right: auto;
  }

  .facts-video-copy {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
  }

  .video-controls-div.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred, .videocontrol-wrapper-hero.is-blurred-copy {
    border-radius: .8rem;
    bottom: .4rem;
  }

  .footer-arrow {
    width: 32px;
    height: 32px;
  }

  .rayin-link-copy-copy {
    width: auto;
    height: auto;
    margin-right: 1.5rem;
  }

  .video-tag {
    width: 320px;
    min-width: 320px;
    height: 180px;
    min-height: 150px;
    max-height: none;
  }

  .video-tag.modified {
    max-height: 180px;
  }

  .show-mobile-landscape.display-inlineflex {
    margin-bottom: 2.5rem;
  }

  .control-button-2 {
    height: 2.5rem;
    padding: 0;
  }

  .video-title {
    font-size: .9rem;
  }

  .video-title-wrapper {
    z-index: 7;
    grid-row-gap: 0px;
    padding: 1rem 1.3rem 1.5rem;
  }

  .control-button-3, .control-button-4 {
    height: 2.5rem;
    padding: 0;
  }

  .input--video {
    min-height: 150px;
    max-height: 180px;
  }

  .source {
    min-width: 320px;
  }

  .background-video-6 {
    min-height: 150px;
    max-height: 180px;
  }
}

#w-node-f05fccf6-8dcd-8bf2-5b41-9d331329bb88-4a8b39f9 {
  justify-self: end;
}

#w-node-d41177e0-35a2-4155-f56c-2c594f80fc01-4a8b39f9, #w-node-_91aaaef2-8c19-9aad-7fa1-46d4416084fb-4a8b39f9, #w-node-_07bd0476-f105-9730-9d92-7e85a53fd030-4a8b39f9, #w-node-_07bd0476-f105-9730-9d92-7e85a53fd040-4a8b39f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d47856c4-75ba-7f16-9e61-46f7aec1813b-4a8b39f9 {
  justify-self: end;
}

#w-node-_215853c0-1fab-8bf4-af13-81969fb9a7f7-4a8b39f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a555548d-0671-1669-d129-30380d6b289c-4a8b39f9 {
  align-self: stretch;
}

#w-node-f8e74651-690b-6b6f-c198-08eb020a939a-4a8b39f9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f8e74651-690b-6b6f-c198-08eb020a939d-4a8b39f9 {
  justify-self: center;
}

#w-node-f8e74651-690b-6b6f-c198-08eb020a93a0-4a8b39f9 {
  justify-self: end;
}

#w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f56c3-4a8b39f9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f56c6-4a8b39f9 {
  justify-self: center;
}

#w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f56c9-4a8b39f9 {
  justify-self: end;
}

#w-node-_6b358792-08d5-ba88-f7a0-ed66a3618b37-4a8b39f9 {
  justify-self: start;
}

#w-node-_83f13e9f-32ff-89b1-de98-620695782ae1-4a8b39f9 {
  place-self: center;
}

#w-node-_83f13e9f-32ff-89b1-de98-620695782ae2-4a8b39f9, #w-node-_83f13e9f-32ff-89b1-de98-620695782ae4-4a8b39f9, #w-node-_83f13e9f-32ff-89b1-de98-620695782ae6-4a8b39f9, #w-node-_83f13e9f-32ff-89b1-de98-620695782ae8-4a8b39f9, #w-node-_83f13e9f-32ff-89b1-de98-620695782aea-4a8b39f9 {
  justify-self: center;
}

#w-node-_9b920658-7321-c59c-204b-4643c5a1496f-4a8b39f9 {
  justify-self: end;
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-4a8b39fc {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-4a8b39fc, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-4a8b39fc {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-4a8b39fc {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-4a8b39fc {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-4a8b39fc {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-4a8b39fc, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-4a8b39fc {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-4a8b39fc {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-4a8b39fc, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-4a8b39fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-4a8b39fc {
  justify-self: start;
}

#w-node-_0984ef76-67f9-e78d-1609-5f384f211519-bc7a53eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ddeec0-d3cb-681e-6483-1a3ef2817188-bc7a53eb {
  justify-self: start;
}

#w-node-_1b8f170d-4aed-59a9-002f-2dd12352ba71-bc7a53eb {
  align-self: center;
}

#w-node-_1b8f170d-4aed-59a9-002f-2dd12352ba7c-bc7a53eb {
  justify-self: end;
}

#w-node-_68fdd8b0-4661-ebc4-2316-d93a678a5d74-47ee38dc {
  justify-self: start;
}

#w-node-_74c50eaa-d393-610c-eae4-1e8ca8067c5a-47ee38dc {
  align-self: center;
}

#w-node-_74c50eaa-d393-610c-eae4-1e8ca8067c65-47ee38dc {
  justify-self: end;
}

#w-node-fd53eb73-f5bc-e093-c2ba-4cbcf47192a9-29a8ce77 {
  justify-self: start;
}

#w-node-_5190d243-1d91-4733-5b8c-4ae095c47f89-29a8ce77 {
  align-self: center;
}

#w-node-_5190d243-1d91-4733-5b8c-4ae095c47f94-29a8ce77, #w-node-_3f04754a-1e6a-500d-2ccf-cbee4c8ee927-af0ee325, #w-node-_1b8145fc-0853-e6a3-4f99-20ccd3db578b-af0ee325 {
  justify-self: end;
}

#w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d908-af0ee325 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d90b-af0ee325 {
  justify-self: center;
}

#w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d90e-af0ee325 {
  justify-self: end;
}

#w-node-e1455507-b457-3785-70aa-91751dd7e54d-af0ee325 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-a008a03b-0b26-b06b-47e4-5364dbd99c26-af0ee325 {
  justify-self: start;
}

#w-node-e7e0cb97-f8cb-5449-3979-359f3fd036e3-af0ee325 {
  align-self: center;
}

#w-node-e7e0cb97-f8cb-5449-3979-359f3fd036ee-af0ee325 {
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-_83f13e9f-32ff-89b1-de98-620695782ae1-4a8b39f9 {
    justify-self: stretch;
  }

  #w-node-_9b920658-7321-c59c-204b-4643c5a1496f-4a8b39f9 {
    place-self: center end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-fa4b1446-90e7-fb55-21d6-4f5cabee9887-4a8b39f9 {
    justify-self: end;
  }

  #w-node-_6f6c6f22-df85-6872-84f0-957c16f343a3-4a8b39f9, #w-node-c2c3f6de-0c90-fee4-8fe5-20db49550fc7-4a8b39f9, #w-node-_6f6c6f22-df85-6872-84f0-957c16f343fb-4a8b39f9, #w-node-_6f6c6f22-df85-6872-84f0-957c16f34427-4a8b39f9, #w-node-_6f6c6f22-df85-6872-84f0-957c16f34453-4a8b39f9, #w-node-_52ab36e6-fd33-e97b-4e28-7fb708c64702-bc7a53eb, #w-node-_7169c21d-fe36-ef92-c678-85ea0fcd0b49-bc7a53eb, #w-node-dc9b0cc8-adfb-3414-73ca-030400ca4d21-bc7a53eb, #w-node-_60f1f3d3-d066-ab2a-3faf-8bcc1d5fef1d-bc7a53eb, #w-node-c423009f-ed3c-7d49-da79-2b0dcae7a8f9-bc7a53eb {
    place-self: center;
  }

  #w-node-_2e072cd0-af4b-f90a-f508-66113e8400b1-bc7a53eb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0984ef76-67f9-e78d-1609-5f384f211517-bc7a53eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2726acec-5530-5f27-4adf-f879e19be73c-47ee38dc, #w-node-_2726acec-5530-5f27-4adf-f879e19be768-47ee38dc, #w-node-_2726acec-5530-5f27-4adf-f879e19be794-47ee38dc, #w-node-d632d1bf-cc3c-e952-bfd4-97be24106fa2-47ee38dc, #w-node-_2726acec-5530-5f27-4adf-f879e19be7ec-47ee38dc, #w-node-ad5bde7e-d6e6-ad7c-2974-50f2e023b0f4-29a8ce77, #w-node-ad5bde7e-d6e6-ad7c-2974-50f2e023b120-29a8ce77, #w-node-ad5bde7e-d6e6-ad7c-2974-50f2e023b14c-29a8ce77, #w-node-ad5bde7e-d6e6-ad7c-2974-50f2e023b178-29a8ce77, #w-node-db0c4f27-19d9-1215-09b3-bfe892b435f8-29a8ce77 {
    place-self: center;
  }

  #w-node-_3f04754a-1e6a-500d-2ccf-cbee4c8ee926-af0ee325 {
    justify-self: end;
  }

  #w-node-_94eea685-dd91-3752-b7b0-235a0232400a-af0ee325 {
    justify-self: center;
  }

  #w-node-a1acecfc-4962-5a30-2bd1-bb776924e962-af0ee325, #w-node-a1acecfc-4962-5a30-2bd1-bb776924e98e-af0ee325, #w-node-_7cd2084c-544d-136b-ccac-c7fa071d5f3b-af0ee325, #w-node-a1acecfc-4962-5a30-2bd1-bb776924e9e6-af0ee325, #w-node-a1acecfc-4962-5a30-2bd1-bb776924ea12-af0ee325 {
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f8e74651-690b-6b6f-c198-08eb020a9365-4a8b39f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f8e74651-690b-6b6f-c198-08eb020a936a-4a8b39f9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f8e74651-690b-6b6f-c198-08eb020a936f-4a8b39f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f8e74651-690b-6b6f-c198-08eb020a939a-4a8b39f9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f568e-4a8b39f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f5693-4a8b39f9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f5698-4a8b39f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_86b6e2d6-ada8-7b12-d08d-c03dc46f56c3-4a8b39f9 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_0984ef76-67f9-e78d-1609-5f384f211517-bc7a53eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d8d3-af0ee325 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d8d8-af0ee325 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d8dd-af0ee325 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fd55762b-424d-90e7-bbf6-63f4fcd3d908-af0ee325 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_5ee12e0b-95a4-f82f-ea01-d58b92c707f8-4a8b39f9, #w-node-_07bd0476-f105-9730-9d92-7e85a53fd036-4a8b39f9 {
    order: 9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ae6f5f7f-f0ca-3a1a-5436-701323332d5c-4a8b39f9 {
    justify-self: start;
  }

  #w-node-d00347f7-14ed-f439-5476-bf5d97119d5d-4a8b39f9 {
    place-self: center start;
  }

  #w-node-_5bbedac0-7773-281a-2d02-75b415e1312e-4a8b39f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fc922c30-5958-9a47-7416-d53a9b2a2f35-9b2a2f21 {
    place-self: auto end;
  }

  #w-node-fc922c30-5958-9a47-7416-d53a9b2a2f36-9b2a2f21, #w-node-fc922c30-5958-9a47-7416-d53a9b2a2f38-9b2a2f21 {
    justify-self: end;
  }

  #w-node-_52ab36e6-fd33-e97b-4e28-7fb708c64702-bc7a53eb {
    place-self: center;
  }

  #w-node-e1455507-b457-3785-70aa-91751dd7e54d-af0ee325 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_37c14098-7220-efa4-4e65-5e606d45c407-af0ee325, #w-node-_37c14098-7220-efa4-4e65-5e606d45c40c-af0ee325 {
    place-self: center start;
  }
}


@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Bold.woff2') format('woff2'), url('../fonts/Geist-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Medium.woff2') format('woff2'), url('../fonts/Geist-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Light.woff2') format('woff2'), url('../fonts/Geist-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Thin.woff2') format('woff2'), url('../fonts/Geist-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-SemiBold.woff2') format('woff2'), url('../fonts/Geist-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-UltraLight.woff2') format('woff2'), url('../fonts/Geist-UltraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Black.woff2') format('woff2'), url('../fonts/Geist-UltraBlack.woff2') format('woff2'), url('../fonts/Geist-UltraBlack.otf') format('opentype'), url('../fonts/Geist-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'License';
  src: url('../fonts/LICENSE.TXT') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geistvariablevf';
  src: url('../fonts/GeistVariableVF.woff2') format('woff2'), url('../fonts/GeistVariableVF.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Regular.woff2') format('woff2'), url('../fonts/Geist-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplaymediu';
  src: url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype'), url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype'), url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Engage Mobile Inbox App';
  src: url('../fonts/NeueHaasDisplayXThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayXXThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayMediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayBlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'san serif';
  src: url('../fonts/NeueHaasDisplayLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayLightItalic.ttf') format('truetype'), url('../fonts/NeueHaasDisplayLightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype'), url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayRomanItalic.ttf') format('truetype'), url('../fonts/NeueHaasDisplayRomanItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayXXThinItalic.ttf') format('truetype'), url('../fonts/NeueHaasDisplayThinItalic.ttf') format('truetype'), url('../fonts/NeueHaasDisplayXThinItalic.ttf') format('truetype'), url('../fonts/NeueHaasDisplayXXThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayXThin.ttf') format('truetype'), url('../fonts/NeueHaasDisplayThin.ttf') format('truetype'), url('../fonts/NeueHaasDisplayXXThin.ttf') format('truetype'), url('../fonts/NeueHaasDisplayXThin.ttf') format('truetype'), url('../fonts/NeueHaasDisplayThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayBlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayMediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}