@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

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

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

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

:root {
  --background-color--background-black: #0c0d0e;
  --text-color--text-white: #fbfbfb;
  --background-color--background-success\<deleted\|variable-879e2a57-3170-38fd-0ae7-d0e890873ab2\>: #cef5ca;
  --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\>);
  --base-color-brand--white: #fbfbfb;
  --background-color--border: #1c1c1c;
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --text-color--text-black: #0c0e0d;
  --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>: var(--base-color-brand--black);
  --background-color--background-grey: #1a1a1a;
  --text-color--text-alternate\<deleted\|variable-2688eaeb-df93-32fe-efb9-d54fbd7bd424\>: var(--base-color-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>);
  --base-color-brand--black: #8a8a8a;
  --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: #dd23bb;
  --background-color--background-error\<deleted\|variable-89aecd3e-2fe8-312c-65a2-e3e7c57d326c\>: #f8e4e4;
  --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\>);
  --background-color--background-warning\<deleted\|variable-0aa1a7ce-e851-b6b5-66db-1a1a96e8e04b\>: #fcf8d8;
  --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\>);
  --background-color--background-white: #eee;
  --base-color-brand--orange: #ed5145;
  --text-color--text-secondary: #0c0e0dcc;
  --base-color-brand--carbon: #0c0e0d;
  --background-color--background-orange: #ff7e5d;
  --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-neutral--white\<deleted\|variable-248be024-93cf-6ec4-8eec-0e9f047a83ae\>: white;
  --base-color-system--error-red-dark\<deleted\|variable-f7a8b234-8033-a5d6-4d85-0326277c2bf8\>: #3b0b0b;
  --base-color-system--warning-yellow-dark\<deleted\|variable-296491a7-483e-1229-36b5-e13808cc9004\>: #5e5515;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

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

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

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  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(--text-color--text-white);
  text-decoration: none;
}

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: 40rem;
  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 {
  filter: invert();
  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_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;
}

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

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

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

.heading-style-h3.is--large {
  font-size: 3rem;
  font-weight: 400;
}

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

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 400;
}

.text-rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

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

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

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

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

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

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

.text-rich-text figcaption {
  border-left: 2px solid var(--base-color-brand--white);
  opacity: .8;
  text-align: left;
  margin-top: .5rem;
  padding-left: .5rem;
}

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

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

.container-small.is--blog {
  max-width: 63rem;
}

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

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

.heading-style-h1 {
  letter-spacing: -.2vw;
  font-size: 13vw;
  line-height: 1;
}

.heading-style-h1.text-weight-semibold.is--small {
  letter-spacing: -.5vw;
  white-space: nowrap;
  font-size: 9vw;
}

.heading-style-h1.text-weight-semibold.is-homeb {
  text-align: center;
  text-transform: uppercase;
  width: 20ch;
  margin-top: .7rem;
  margin-bottom: .6rem;
  font-family: Satoshi, Arial, sans-serif;
  font-size: 4vw;
  line-height: 1.2;
}

.padding-global {
  border-radius: 20px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

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

.max-width-small {
  width: 100%;
  max-width: 49rem;
  margin-bottom: .5rem;
}

.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(--background-color--border);
  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, .text-size-regular.text-weight-medium {
  font-size: .8rem;
}

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

.max-width-medium.is--nav {
  opacity: .8;
  max-width: 27rem;
}

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

.fs-styleguide_header-block.is--center {
  text-align: center;
  place-items: center;
}

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

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

.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\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>);
  text-decoration: underline;
}

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

.heading-style-h2 {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  outline-offset: 0px;
  color: var(--base-color-brand--black);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  outline: 3px #000;
  width: 100%;
  margin-top: -3.2rem;
  padding: 0 100px 45px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.heading-style-h2.is--large {
  font-size: 6rem;
}

.heading-style-h2.is--large.text-style-allcaps.text-weight-medium {
  font-weight: 500;
}

.heading-style-h2.is--large.text-weight-medium {
  font-weight: 500;
  line-height: 1.1;
}

.heading-style-h2.text-weight-light {
  font-weight: 300;
}

.heading-style-h2.is--cta {
  font-size: 5rem;
}

.page-wrapper {
  position: relative;
  overflow: clip;
}

.fs-styleguide_label {
  background-color: var(--background-color--border);
  color: #fff;
  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: 110rem;
  margin-left: auto;
  margin-right: auto;
}

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

._1-ai-video-creation-tool-for-brands {
  text-transform: uppercase;
}

._1-ai-video-creation-tool-for-brands.text-size-tiny {
  letter-spacing: 2px;
}

._1-ai-video-creation-tool-for-brands.heading-style-h2.text-weight-bold {
  font-weight: 700;
}

._1-ai-video-creation-tool-for-brands.text-weight-bold {
  color: #b3b3b3;
  margin-top: 13px;
  margin-bottom: 7px;
  font-family: PT Sans, sans-serif;
}

.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 {
  border-radius: 0;
  margin-top: -50px;
  position: relative;
}

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

.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: 95rem;
  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;
}

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

.fs-styleguide_hero-label {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  text-transform: uppercase;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

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

.section_hero {
  --hero-media-radius: 24px;
  border-radius: var(--hero-media-radius);
  margin-top: -15px;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  overflow: hidden;
}

.background-image {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.image.is--explore {
  height: auto;
}

.image.is--center {
  display: block;
}

.hero_component {
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  margin-top: 1px;
  padding-left: 0;
  display: flex;
  position: relative;
  left: 0;
}

.hero_content {
  mix-blend-mode: exclusion;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_content.is--blend-normal {
  mix-blend-mode: normal;
}

.navbar {
  opacity: 1;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0000001a;
  border-radius: 20px;
  padding: 4px 4px 4px 8px;
}

.topnav_menu-right {
  display: flex;
}

.topnav_link {
  color: var(--text-color--text-white);
  justify-content: center;
  align-items: center;
  padding: .7rem 1.5rem .7rem 1rem;
  transition: opacity .2s;
  display: flex;
}

.topnav_link:hover {
  opacity: .54;
}

.navigation {
  color: #2d2b27;
  background-color: #0000;
  width: auto;
  height: auto;
  padding-top: .9rem;
  overflow: hidden;
}

.topnav_card-img {
  border-radius: 4px;
  width: 13rem;
  height: 11rem;
  overflow: hidden;
}

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

.topnav-link_right {
  background-color: #6666662e;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 28rem;
  height: 100%;
  margin-right: 1rem;
  display: flex;
  overflow: hidden;
}

.topnav_title {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.topnav_menu-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.button-text_hover {
  position: absolute;
}

.topnav-card_content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem;
  display: flex;
}

.button-secondary {
  border: 1px solid var(--background-color--border);
  background-color: var(--background-color--background-grey);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  text-align: center;
  mix-blend-mode: normal;
  border-radius: 4px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
  left: -10px;
  right: 16px;
  overflow: hidden;
}

.button-secondary.is--transparent {
  background-color: #0000;
  border-style: none;
}

.button-secondary.is--white {
  background-color: var(--background-color--background-white);
  color: var(--text-color--text-black);
}

.topnav_card_warp {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.topnav_card-link {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-secondary_bg {
  z-index: 1;
  background-color: var(--base-color-brand--orange);
  border-radius: 4px;
  width: 100%;
  position: absolute;
  inset: 0% 0% 0% -100%;
}

.topnav_menu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 1rem;
  display: flex;
}

.dropdown_card-img {
  flex: 1;
  width: 100%;
  height: auto;
}

.dropdown_toggle {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: var(--text-color--text-white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: .7rem 1rem;
  display: flex;
}

.button-text {
  z-index: 2;
  position: relative;
  overflow: hidden;
}

.dropdown_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--text-color--text-white);
  background-color: #000000f7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.topnav_component {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 0;
  display: flex;
  position: relative;
}

.topnav-link_left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  display: flex;
}

.brand {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.topnav_card-text {
  color: #f3f2ee;
  background-color: #66666629;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px .6rem;
  display: flex;
}

.topnav_menu-left {
  display: flex;
}

.topnav-wrapper {
  z-index: 2147483647;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  border: 1px #000;
  border-radius: 7px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 30px;
  margin-right: 30px;
  font-family: Bitter, serif;
  font-size: .8rem;
  display: block;
  position: sticky;
  inset: .625rem 1rem auto;
}

.hero_bottom {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 2rem;
}

.email {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  transition: opacity .4s;
  display: flex;
}

.email:hover {
  opacity: .8;
}

.email-line {
  background-color: #3b3a3a;
  width: 100%;
  height: 1px;
}

.email-fill {
  background-color: var(--background-color--background-white);
  width: 20%;
  height: 1px;
}

.email-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
}

.container-huge {
  width: 100%;
  max-width: 95svw;
  position: relative;
}

.container-huge.is--sticky {
  max-width: 98svw;
}

.bubble {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
  display: flex;
}

.bubble-img {
  border: 2px solid #1b1b1b;
  border-radius: 50%;
  width: 3.5rem;
  min-width: 3rem;
  height: 3.5rem;
  min-height: 3rem;
  margin-left: -1rem;
  overflow: hidden;
}

.bubble-wrap {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.bubble-text {
  max-width: 10ch;
}

.nav {
  z-index: 99;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  pointer-events: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-link_wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border: 1px solid var(--background-color--border);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  pointer-events: auto;
  background-color: #00000069;
  border-radius: 15px;
  padding: 2px;
  display: flex;
}

.nav-link_wrap.is--middle {
  border-radius: 15px;
  margin-left: 116px;
}

.nav-link_block {
  background-color: var(--background-color--background-grey);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 3.2rem;
  min-height: 3.2rem;
  padding-bottom: 11px;
  padding-left: 2rem;
  padding-right: 18.7rem;
  display: flex;
}

.nav-link_block.is-square {
  width: 3.2rem;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .3s;
}

.nav-link_block.is-square:hover {
  background-color: var(--text-color--text-black);
}

.button {
  border: 1px solid var(--background-color--border);
  background-color: var(--text-color--text-secondary);
  color: #f3f2ee;
  text-align: center;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button.is--template {
  border-radius: 4px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button_bg {
  z-index: 1;
  background-color: #a7a3a3;
  border-radius: 13px;
  width: 100%;
  position: absolute;
  inset: 0% 0% -100%;
}

.nav-icon {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  min-height: 1.2rem;
}

.bottom-nav {
  z-index: 99;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  pointer-events: none;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: auto 0% 1.5rem -8%;
}

.nav_blog, .nav_mobile, .nav_motion, .nav_desktop {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 0;
  display: none;
  position: absolute;
  inset: auto 0% 4.5rem;
}

.nav-warpper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  margin-top: .5rem;
  display: flex;
}

.nav-content {
  border: 1px solid var(--background-color--border);
  background-color: var(--base-color-brand--black);
  border-radius: 4px;
  margin-bottom: .7rem;
  padding: 4px;
  overflow: hidden;
}

.nav-line {
  background-color: var(--background-color--background-white);
  border-radius: 5rem;
  width: 2.5rem;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
}

.nav-title {
  opacity: .8;
  margin: .75rem .625rem;
}

.nav-list {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.nav_card {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #1a1a1a;
  width: 100%;
  padding: .375rem;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

.nav_card:hover {
  background-color: #212121;
}

.nav_card-image {
  border-radius: 3px;
  width: 4.3rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
  overflow: hidden;
}

.video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
}

.source {
  position: relative;
}

.nav_dot {
  background-color: var(--base-color-brand--orange);
  border-radius: 50%;
  width: 6px;
  min-width: 6px;
  height: 6px;
  min-height: 6px;
  margin-top: 3px;
  margin-right: 3px;
}

.nav_card-content {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.nav_card-description {
  opacity: .8;
  width: 26rem;
  padding-right: 3.8rem;
}

.nav_card-description.is--large {
  padding-right: 3.4rem;
}

.text-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.secion_services {
  border-radius: 20px;
}

.services_component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
}

.services_component.is--logos {
  border-radius: 20px;
  height: 600px;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 0;
}

.text-highlight {
  flex-flow: wrap;
  display: block;
}

.heading_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.heading_component.is--small {
  max-width: 90rem;
}

.text-color-black {
  color: var(--text-color--text-black);
}

.marquee {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  position: relative;
}

.marquee.z-index-9 {
  z-index: 9;
  mix-blend-mode: overlay;
  margin-bottom: 1rem;
}

.marquee-list {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-list.is--gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.marquee-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.elipse {
  background-color: var(--base-color-brand--orange);
  border-radius: 50%;
  width: .3rem;
  min-width: .3rem;
  height: .3rem;
  min-height: .3rem;
}

.elipse.is--white {
  background-color: var(--base-color-brand--white);
  opacity: .6;
}

.marquee-wrapper {
  width: 18rem;
  overflow: hidden;
}

.services-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
}

.service-card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.service-card.is--second {
  transform: translate(0, 11vw);
}

.service-card_img {
  border-radius: 5px;
  height: 34vw;
  overflow: hidden;
}

.service-card_content {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  max-width: 31ch;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.section_horizontal {
  height: 350vh;
  position: relative;
  overflow: clip;
}

.horizontal_frame {
  z-index: 3;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-bottom: 4vh;
  display: flex;
  position: relative;
}

.horizontal_camera {
  width: 100svw;
  height: 100svh;
  position: sticky;
  top: 0;
  overflow: clip;
}

.section_works {
  background-color: var(--background-color--background-white);
  color: var(--text-color--text-black);
}

.section_works.overflow-hidden.is--inverted {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
}

.section_works.is--bottom {
  padding-bottom: 6rem;
}

.section_works.is--bottom.is--inverted, .section_works.is--invert {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
}

.works_component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  padding-top: 12rem;
  padding-bottom: 5vh;
  display: flex;
}

.works_component.home-b {
  padding-top: 5.3rem;
  padding-bottom: 0;
}

.works-wrapper.is--home-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding-bottom: 5vh;
  display: grid;
}

.works-list {
  grid-column-gap: 15vh;
  grid-row-gap: 15vh;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.works-list.is--static {
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
}

.works-list.is--grid {
  box-sizing: border-box;
  grid-column-gap: 1rem;
  grid-row-gap: 4rem;
  object-fit: contain;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.works-item {
  position: sticky;
  top: 5vh;
}

.works-item.is--static {
  position: relative;
  top: 0;
}

.work-card {
  z-index: 1;
  border-radius: 4px;
  width: 100%;
  height: 80svh;
  position: relative;
  overflow: hidden;
}

.works-bg {
  position: absolute;
  inset: 0%;
}

.works-link {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  border-radius: 20px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.category-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.empty-state {
  display: none;
}

.work-category {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: var(--text-color--text-white);
  background-color: #1a1a1a26;
  border-radius: 2px;
  padding: .75rem 1.5rem;
}

.category-wrap {
  z-index: 2;
  padding-top: .5rem;
  padding-left: .5rem;
  position: relative;
}

.work-name {
  z-index: 3;
  color: var(--text-color--text-white);
  mix-blend-mode: exclusion;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-size-huge {
  font-size: 7rem;
  line-height: 1.1;
}

.section_cta {
  background-color: #000000c4;
}

.cta_component {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
  position: sticky;
  top: 0;
}

.cta_text {
  z-index: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 70vw;
  display: flex;
  position: relative;
}

.cta_img {
  z-index: 1;
  border-radius: .5rem;
  min-width: 20vw;
  max-width: 20vw;
  min-height: 20vw;
  max-height: 20vw;
  position: absolute;
  overflow: hidden;
}

.cta_img._1 {
  z-index: 5;
  transform: rotate(3.83deg);
}

.cta_img._2 {
  z-index: 4;
  transform: rotate(-2.79deg);
}

.cta_img._3 {
  z-index: 3;
  transform: rotate(0);
}

.cta_img._4 {
  z-index: 2;
  transform: rotate(-.02deg);
}

.text-size-cta {
  font-size: 8vw;
  line-height: 1.1;
}

.cta_sticky {
  height: 500svh;
}

.footer {
  z-index: 100;
  background-image: linear-gradient(0deg, #0c0d0e 95%, #0c0d0e00);
  position: relative;
}

.footer_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  min-height: 30vh;
  padding-top: 12rem;
  padding-bottom: 10rem;
  display: flex;
}

.opacity-60 {
  opacity: .81;
}

.footer_credits-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.footer_credits-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.credits-link {
  text-decoration: none;
  transition: opacity .2s;
}

.credits-link:hover {
  opacity: .55;
}

.footer_credits-wrap {
  color: #f3f2ee;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.credits-divider {
  opacity: .28;
  background-color: #dad3c8;
  width: 1px;
  height: 1rem;
}

.footer_left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer_right {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

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

.footer_buttons {
  margin-top: 4rem;
  display: flex;
}

.footer_paragraph {
  max-width: 32ch;
  margin-bottom: 1rem;
}

.footer-link_wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link_title {
  margin-bottom: 1rem;
}

.footer-link {
  color: #f3f2ee;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.footer-link_hover {
  position: absolute;
}

.work-marquee-item {
  z-index: 3;
  color: var(--text-color--text-white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.marquee-elipse {
  background-color: var(--background-color--background-white);
  border-radius: 50%;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-left: 2.5rem;
}

.stack-card_wrap {
  z-index: 2;
  pointer-events: none;
  cursor: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 4vh;
  display: flex;
  position: relative;
}

.stack-card {
  background-color: #151515;
  border-radius: 1vh;
  width: 40vh;
  height: 50vh;
  position: absolute;
  overflow: hidden;
}

.stack-card.is--first {
  z-index: 3;
  transform: rotate(-4.89deg);
}

.stack-card.is--second {
  z-index: 2;
  background-color: #ee64ff;
  transform: rotate(-.463deg);
}

.stack-card.is--third {
  z-index: 1;
  background-color: #aa4646;
  transform: rotate(3.712deg);
}

.hero_text {
  z-index: 9;
  mix-blend-mode: exclusion;
  position: absolute;
}

.services_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4rem;
  text-decoration: none;
  display: flex;
}

.services_card {
  background-color: #121212;
  border: 1px solid #282828;
  border-radius: .5rem;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  min-height: 32rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services_card.is--second {
  margin-top: 4rem;
  position: relative;
}

.services_card.is--third {
  margin-top: 7.5rem;
  position: relative;
  overflow: hidden;
}

.services_card.is--first {
  position: relative;
}

.services_card-content {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.blog_text {
  z-index: 9;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logos-grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: 60px -10px;
}

.logos-grid_card {
  aspect-ratio: 1;
  background-color: #141414;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: background-color .3s;
  display: flex;
}

.logos-grid_card:hover {
  background-color: #1b1b1b;
}

.logo-grid {
  max-width: 30%;
  height: 16%;
}

.services_gradient {
  z-index: 4;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.services_gradient.is--top {
  background-image: linear-gradient(#0c0d0e 20%, #0c0d0e00 50%, #0c0d0e 80%);
  justify-content: space-between;
}

.services_sticky-wrap {
  border-radius: 20px;
  height: 300svh;
  padding-top: 3rem;
  padding-bottom: 0;
  position: relative;
}

.services-text {
  backface-visibility: hidden;
  perspective-origin: 50%;
  text-align: center;
  text-transform: uppercase;
  font-size: 7vh;
  line-height: 1;
  position: absolute;
}

.services-text._7 {
  transform-style: preserve-3d;
  transform: translate3d(0, 21vh, 10vh)rotateX(-54deg)rotateY(0)rotateZ(0);
}

.services-text._1 {
  transform-style: preserve-3d;
  transform: translate3d(0, -21vh, 11vh)rotateX(54deg)rotateY(0)rotateZ(0);
}

.services-text._6 {
  transform-style: preserve-3d;
  transform: translate3d(0, 15vh, 17vh)rotateX(-38deg)rotateY(0)rotateZ(0);
}

.services-text._2 {
  transform-style: preserve-3d;
  transform: translate3d(0, -15vh, 18vh)rotateX(36deg)rotateY(0)rotateZ(0);
}

.services-text._4 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 23vh);
}

.services-text._3 {
  transform-style: preserve-3d;
  transform: translate3d(0, -7.5vh, 22vh)rotateX(18deg)rotateY(0)rotateZ(0);
}

.services-text._5 {
  transform-style: preserve-3d;
  transform: translate3d(0, 8vh, 21.5vh)rotateX(-18deg)rotateY(0)rotateZ(0);
}

.services_linear {
  z-index: 4;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: linear-gradient(0deg, #00000061, #0000 52%, #00000061);
  width: 100%;
  height: 50vh;
  position: static;
}

.services_linear.bottom {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: linear-gradient(0deg, #0c0e0d, #0c0e0d00 52%);
}

.services_linear.bottom.home {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-image: linear-gradient(0deg, #0c0e0d, #0000);
  height: 50vh;
  transform: rotate(180deg);
}

.services_sticky {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  outline-offset: 0px;
  perspective: 1000px;
  perspective-origin: 50%;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: linear-gradient(#00000080, #00000080);
  background-clip: border-box;
  border-radius: 20px;
  outline: 3px #fbfbfb;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin-left: 0;
  margin-right: 30px;
  padding-top: 10vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.services_wrap {
  transform-style: preserve-3d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11vh;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: relative;
  top: -4vh;
  transform: none;
}

.work-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 52ch;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
}

.hero_marquee {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  opacity: .15;
  border-radius: 0;
  margin-top: 78px;
  margin-bottom: -24px;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% -28%;
}

.hero_marquee-wrap {
  width: 30vw;
  border-radius: inherit;
  overflow: hidden;
}

.hero_marquee-list {
  width: 30vw;
  border-radius: inherit;
}

.hero_marquee-item {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  object-fit: cover;
  object-position: 50% 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  display: flex;
  border-radius: inherit;
}

.hero_marquee-img {
  text-align: center;
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--hero-media-radius, 24px);
  overflow: hidden;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 30svw;
  height: 63svh;
  position: relative;
  clip-path: inset(0 round var(--hero-media-radius, 24px));
}

.hero_marquee-img img,
.hero_marquee-img video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
  display: block;
}

.work-card-grid {
  z-index: 1;
  border-radius: 4px;
  width: 100%;
  height: 80svh;
  position: relative;
  overflow: hidden;
}

.work-card-grid.is--grid {
  border-radius: 20px;
  height: 50rem;
}

.works_heading {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20vh;
  margin-bottom: 4rem;
  display: flex;
}

.works_date {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-image {
  width: 100%;
  height: 80vh;
}

.work-post_content {
  text-align: center;
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.work-image {
  margin-bottom: 2rem;
}

.work-image.is--horizontal {
  width: 56%;
  height: 100vh;
  margin-bottom: 0;
}

.work-image.is--horizontal.is--right {
  margin-left: auto;
}

.work-image_wrap {
  grid-column-gap: 8vh;
  grid-row-gap: 8vh;
  flex-flow: column;
  display: flex;
}

.contact_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  padding-top: 25vh;
  padding-bottom: 10vh;
  display: flex;
}

.contact-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.contact-right {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.contact-right.is--left {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-heading.is--gap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 50ch;
  display: flex;
}

.contact-info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-wrap {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 1rem;
  display: flex;
}

.contact-image {
  border-radius: 1rem;
  width: 48vh;
  height: 48vh;
  position: absolute;
  overflow: hidden;
}

.contact-image._2 {
  z-index: 2;
  transform: translate(3vw, -3vw)rotate(-.37deg);
}

.contact-image._3 {
  z-index: 1;
  transform: rotate(3deg)translate(-5vw);
}

.contact-image._1 {
  z-index: 3;
  transform: rotate(-4deg)translate(0, 1vw);
}

.checkbox-field {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: .75em 2.375em;
  font-size: .875em;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-fields_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.form-fields_component.is-checkbox {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
}

.form-field_wrapper {
  width: 100%;
}

.checkbox-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.form-field {
  background-color: #0000;
  border: 1px solid #0000;
  border-bottom-color: #fbfbfb33;
  padding: 1.5rem 0;
  transition: border .3s;
}

.form-field:hover {
  border-bottom-color: #fbfbfbbd;
}

.form-field:active, .form-field:focus, .form-field:focus-visible, .form-field[data-wf-focus-visible] {
  border-color: #0000 #0000 #fbfbfbbd;
}

.form-field::placeholder {
  font-size: 1rem;
}

.form-field.is-message {
  height: 90px;
  overflow: clip;
}

.submit-button {
  background-color: var(--background-color--background-grey);
  border-radius: .5rem;
  padding: 1rem 2.5rem;
}

.submit-button:hover {
  background-color: #2e2e2e;
}

.submit-button.is--center {
  margin-left: auto;
  margin-right: auto;
}

.checkbox {
  border: 1px solid #fbfbfb33;
  border-radius: 50em;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.checkbox.w--redirected-checked {
  color: #161616;
  background-color: #fff;
  border: 1px solid #fff;
  margin: 0;
}

.form-block {
  width: 100%;
}

.form {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cotnact-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.success-message {
  color: var(--base-color-brand--white);
  background-color: #181818;
}

.error-message {
  background-color: #3b0f0f;
  border-radius: .5rem;
  margin-top: 2rem;
  padding-top: 19px;
  padding-bottom: 19px;
}

.contact-img {
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  height: 55rem;
  display: flex;
  position: relative;
}

.contact-item {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  color: #fff;
  flex-flow: column;
  max-width: 25ch;
  display: flex;
}

.contact-content {
  z-index: 3;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-bottom: 3rem;
  display: grid;
  position: relative;
}

.contact-form {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12rem;
  margin-bottom: 12rem;
  display: flex;
}

.contact-form_heading {
  text-align: center;
  max-width: 70ch;
}

.contact-form_wrap {
  width: 70%;
}

.blog_heading {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 18vh;
  padding-bottom: 6.3rem;
  display: flex;
}

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

.blog-list.is--related {
  grid-row-gap: 0rem;
}

.blog-card {
  width: 100%;
}

.blog-card_img {
  border-radius: .5rem;
  width: 100%;
  height: 22rem;
  overflow: hidden;
}

.blog-card_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 1.5rem;
  padding-right: 2rem;
  display: flex;
}

.blog-card_link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.blog-card_link-img {
  justify-content: center;
  align-items: center;
  width: .5rem;
  height: .5rem;
  display: flex;
}

.blog-card_wrap {
  opacity: .6;
  max-width: 38ch;
}

.blog-post {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  margin-top: 6rem;
  display: flex;
}

.rich-text {
  opacity: .8;
}

.blog-heading {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.blog-date {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: .8;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-author {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-image {
  border-radius: 4px;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
}

.author-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.share-link {
  transition: color .25s;
}

.share-link:hover {
  color: #d71c21;
}

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

.share-wrap {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  flex-flow: column;
  margin-top: 2rem;
  margin-bottom: 8rem;
  padding-bottom: 1rem;
  display: flex;
}

.related-posts {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  display: flex;
}

.news-tag {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.secondary-button {
  text-transform: uppercase;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 1.3em;
  padding-left: .25em;
  padding-right: .25em;
  display: flex;
  overflow: hidden;
}

.divider {
  z-index: 2;
  opacity: .1;
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: relative;
}

.divider.is--white {
  opacity: .14;
}

.blog-header-img {
  justify-content: center;
  align-items: center;
  height: 50svh;
  display: flex;
  position: relative;
}

.overlay {
  z-index: 2;
  background-color: #00000038;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay.is--darker {
  background-color: #00000080;
  display: none;
}

.studio_component {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 12rem;
  padding-bottom: 10rem;
  display: flex;
}

.about_component {
  padding-bottom: 12rem;
}

.about_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  opacity: .8;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: grid;
}

.about_team, .about-team_list-wrap {
  height: auto;
}

.about-team_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.team_card {
  background-color: #121212;
  border: 1px solid #282828;
  border-radius: 4px;
  overflow: hidden;
}

.team-image {
  width: 100%;
  height: 30rem;
}

.team_info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding: 1.5rem 1.5rem 2rem;
  display: flex;
}

.section_gallery {
  background-color: var(--background-color--background-white);
  color: var(--text-color--text-black);
  overflow: clip;
}

.testimonial_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 12rem;
  padding-bottom: 0;
  display: flex;
}

.testimonial_left {
  width: 20%;
  max-width: 20ch;
}

.testimonial_right {
  width: 80%;
}

.testimonial_heading {
  margin-bottom: 7rem;
}

.testimonial_grid {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
}

.testimonial_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  max-width: 45ch;
  display: flex;
}

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

.testimonial_image {
  border-radius: 4px;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
}

.testimonial_content {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.frame {
  width: 100%;
  height: 150svw;
  position: relative;
}

.camera {
  width: 100%;
  height: 100svh;
  display: flex;
  position: sticky;
  top: 0;
}

.gallery {
  grid-column-gap: 2svh;
  grid-row-gap: 2svh;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 97svh;
  margin-top: 1.5svh;
  display: flex;
  position: relative;
}

.gallery-item {
  flex: none;
  width: 100%;
  height: 100%;
}

.about-hero_b {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 25vh;
  padding-bottom: 6rem;
  display: flex;
}

.about-hero_image {
  width: 100%;
  height: 90svh;
}

.about-hero_image.is--absolute {
  z-index: 1;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-hero_paragraph {
  max-width: 80ch;
}

.section_slider {
  overflow: clip;
}

.slider_component {
  grid-row-gap: 4.1vw;
  flex-direction: column;
  margin-top: 12rem;
  margin-bottom: 6rem;
  display: flex;
}

.slider_content {
  z-index: 3;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.slider_overlay {
  z-index: 2;
  background-image: linear-gradient(0deg, #000, #0000 75%);
  position: absolute;
  inset: 0%;
}

.slider_heading {
  grid-row-gap: .625rem;
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 3.5vw;
  padding-right: 3.5vw;
  display: flex;
}

.mask {
  width: 40vh;
  overflow: visible;
}

.testimonial-arrow-left {
  background-color: #282829;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  transition: background-color .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  inset: auto 4rem -6rem auto;
}

.testimonial-arrow-left:hover {
  background-color: #3f3f41;
}

.testimonial-arrow-right {
  background-color: #282829;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
  transition: background-color .25s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  inset: auto 0% -6rem auto;
}

.testimonial-arrow-right:hover {
  background-color: #3f3f41;
}

.slider_wrapper {
  background-color: #0000;
  width: 100%;
  height: auto;
  display: flex;
}

.slider_title {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  max-width: 50ch;
  display: flex;
}

.slider_item {
  background-color: #1d1d1d;
  border-radius: .5rem;
  flex-direction: row;
  width: 20vw;
  height: 30vw;
  margin-right: 1rem;
  overflow: hidden;
}

.testimonial-name {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

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

.fit-contain {
  object-fit: contain;
  width: 1rem;
}

.fit-contain.invert {
  filter: invert();
}

.line {
  background-color: #38383a;
  width: 100%;
  height: 1px;
  display: flex;
}

.display-none {
  display: none;
}

.slider_card {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 2.8rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.slider_card.is--wrapper {
  padding-bottom: 6rem;
  padding-left: 0;
}

.slider-paragraph {
  max-width: 31ch;
}

.gallery-stack {
  grid-column-gap: 15svh;
  grid-row-gap: 15svh;
  flex-flow: column;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.gallery-item_stack {
  flex: none;
  width: 100%;
  height: 80svh;
  position: sticky;
  top: 5svh;
}

.about_highlight {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  max-width: 140ch;
  padding-top: 15svh;
  padding-bottom: 25svh;
  display: flex;
}

.highlight_paragraph {
  width: 50%;
  margin-left: auto;
}

.about-highlight {
  max-width: 110ch;
}

.about-hero_c {
  z-index: 2;
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 100svh;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.logos_component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  padding-top: 14rem;
  padding-bottom: 12rem;
  display: flex;
}

.logos-card_grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #fbfbfb1a;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logos-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  border: 1px solid #fbfbfb1a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 4.75rem 4.5rem;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.logos-card:hover {
  background-color: var(--background-color--border);
  border-color: #fbfbfb1a;
}

.opacity-80 {
  opacity: .8;
}

.awards_component {
  flex-flow: column;
  padding-top: 4rem;
  padding-bottom: 12rem;
  display: flex;
}

.big-numbers_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 9rem;
  display: grid;
}

.big-numbers {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  display: flex;
}

.x {
  margin-left: 1rem;
  font-size: 4rem;
}

.awards_stack {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  margin-top: 12rem;
  display: flex;
}

.awards-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-color--background-grey);
  border: 1px solid #282828;
  border-radius: 4px;
  justify-content: space-between;
  align-items: stretch;
  padding: 2.5rem;
  display: flex;
  position: sticky;
  top: 10svh;
}

.elipse-stack {
  background-color: var(--base-color-brand--orange);
  border-radius: 50%;
  width: .5rem;
  min-width: .5rem;
  height: .5rem;
  min-height: .5rem;
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.awards_left {
  grid-column-gap: 15svh;
  grid-row-gap: 15svh;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 30rem;
  display: flex;
}

.awards_right {
  border-radius: .5rem;
  width: 50%;
  max-height: 40rem;
  overflow: hidden;
}

.stack_button {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 13rem;
  display: flex;
}

.awards_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.team-member_content {
  z-index: 2;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--background-color--border);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.button-underline {
  background-color: var(--background-color--background-white);
  width: 100%;
  height: 1px;
  overflow: hidden;
}

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

.team-member {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  max-width: 40rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.vertical-line {
  background-color: var(--base-color-brand--white);
  opacity: .5;
  width: .025em;
  height: 1em;
}

.team-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100svh;
  padding-top: 15svh;
  padding-bottom: 15svh;
  display: flex;
  position: relative;
}

.team-member_image {
  width: 31rem;
  height: 100%;
  position: relative;
}

.tertiary-button {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  text-transform: uppercase;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: .3em;
  padding-right: .3em;
  display: flex;
}

.member-info {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-name {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.social-links {
  color: #ffffff80;
  transition: color .25s cubic-bezier(.77, 0, .175, 1);
}

.social-links:hover {
  color: #fc5b30;
}

.social-links.is-team {
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.social-links.is-team:hover {
  color: #ff7e5d;
}

.team-social {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.and {
  background-image: url('../images/and.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: .5vw;
  margin-right: 1.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.about-hero {
  height: 175svh;
  padding-top: 25svh;
}

.about-hero_title {
  grid-column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100ch;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6rem;
  display: flex;
}

.about-hero_sticky {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 25svh;
}

.hero-image {
  border-radius: .5rem;
  width: 33%;
  height: 50svh;
  overflow: hidden;
}

.hero-image._2 {
  z-index: 2;
  position: relative;
}

.hero-image._1, .hero-image._3 {
  position: relative;
}

.services_bg, .contact-img_wrap {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.template_pages {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  padding-top: 12rem;
  padding-bottom: 6rem;
  display: flex;
}

.template_pages.second-row {
  padding-top: 0;
}

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

.template_grid.second-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.template_card {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--base-color-brand--black);
  border-radius: 4px;
  flex-flow: column;
  padding: .5rem .5rem 1.5rem;
  transition: background-color .3s;
  display: flex;
}

.template_card:hover {
  background-color: var(--background-color--background-grey);
}

.template_img {
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  overflow: hidden;
}

.template_img.small {
  aspect-ratio: 3.1 / 1.9;
}

.template_info {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.template_name {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.template_cta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100ch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6rem;
  padding-bottom: 12rem;
  display: flex;
}

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

.template_figma {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  padding-top: 8rem;
  padding-bottom: 14rem;
  display: flex;
}

.figma_title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.figma_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 79rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.figma_card {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  background-color: #141414;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: 60%;
  padding: 2rem;
  display: flex;
}

.benefits-bottom {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.benefits-title {
  max-width: 40ch;
}

.tag {
  background-color: #1b1b1b;
  border-radius: 6.25rem;
  padding: .5rem 1.3rem;
}

.benefits-button {
  background-color: #1b1b1b;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  min-height: 3rem;
  padding: 1rem;
  display: flex;
}

.benefits-button.is-white {
  background-color: #fbfbfb;
  justify-content: center;
  align-items: center;
}

.benefits-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.benefits-arrow {
  width: .7rem;
  height: .7rem;
}

.figma_video {
  border-radius: 1rem;
  flex-flow: column;
  justify-content: space-between;
  width: 40%;
  min-height: 30rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.benefits-top-image {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.benefits-bottom-img {
  z-index: 2;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

.text-size-xlarge {
  font-size: 3rem;
  line-height: 1.3;
}

.opacity-50 {
  opacity: .6;
}

.figma-email {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 40ch;
  display: flex;
}

.plataform {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plataform_wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.figma_video-wrap {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.horizontal_item {
  margin-left: 10svw;
}

.horizontal_paragraph {
  opacity: .8;
  white-space: normal;
  max-width: 40ch;
  position: absolute;
  bottom: 33vh;
  left: 10svw;
}

.sticky_gradient {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--background-color--background-black), #12121200 50%, var(--background-color--background-black));
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.parallax_images-wrap {
  z-index: 1;
  opacity: .43;
  filter: blur(2px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.parallax_image {
  border-radius: .5rem;
  position: absolute;
  overflow: hidden;
  box-shadow: 20px -4px 38px 20px #0c0e0d54;
}

.parallax_image.is--first {
  width: 18vw;
  height: 18vw;
  left: -2vw;
}

.parallax_image.is--second {
  width: 18vw;
  height: 18vw;
  bottom: 0;
  left: -6vw;
}

.parallax_image.is--third {
  width: 20vw;
  height: 18vw;
  right: -4vw;
}

.parallax_image.is--fourth {
  border-radius: .8vw;
  width: 20vw;
  height: 18vw;
  bottom: 0;
  right: 8vw;
}

.hero-wrap {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.style-guide-header {
  grid-row-gap: 2.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 4.5rem;
  display: flex;
}

.style-guide-header.center {
  background-color: var(--background-color--background-grey);
  border-radius: 4px;
  max-width: 100ch;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
}

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

.text-box {
  max-width: 50em;
}

.section-style-guide {
  margin-top: 5.75rem;
}

.button-line {
  background-color: #3f3f3f;
  width: 100%;
  height: 1px;
}

.typography-wrapper {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 30rem;
  display: flex;
}

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

.style-guide-content {
  margin-bottom: 8rem;
}

.opacity_85 {
  opacity: .8;
}

.style-guide-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  overflow: hidden;
}

.style-guide-button:hover {
  opacity: .5;
}

.license-content {
  grid-column-gap: 5rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-instructions {
  margin-top: .5rem;
  font-size: 1rem;
}

.paragraph-instructions.is-bigger {
  font-size: 1.5em;
}

.list {
  margin-top: 1rem;
  list-style-type: disc;
}

.list-code {
  background-color: #3f3f3f;
  padding-left: 6px;
  padding-right: 6px;
  font-size: .8rem;
  font-weight: 700;
}

.instructions {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  max-width: 120ch;
  font-size: 1rem;
  display: flex;
}

.figma-overlay {
  z-index: 2;
  opacity: .83;
  background-image: linear-gradient(0deg, #0c0e0d, #0c0e0d00);
  position: absolute;
  inset: 0%;
}

.figma-overlay._2 {
  opacity: .3;
  background-color: #121212;
  background-image: none;
}

.hero_component-b {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: relative;
}

.work-card-b {
  z-index: 1;
  border-radius: 4px;
  width: 100%;
  height: 80svh;
  position: relative;
  overflow: hidden;
}

.work-card-b.is--flex-b {
  perspective: 1000px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 90svh;
  display: flex;
  transform: perspective(1000px);
}

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

.text-block {
  flex: 0 auto;
}

.text-block-2 {
  margin-top: 51px;
  margin-bottom: 3px;
}

.dropdown_toggle-copy {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: var(--text-color--text-white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: .7rem 1rem;
  display: flex;
}

.text-block-3, .text-block-4, .text-block-5 {
  font-size: .75rem;
}

.text-block-6 {
  font-size: .7rem;
}

.text-block-7 {
  font-family: Changa One, Impact, sans-serif;
  font-size: .7rem;
  position: relative;
  top: 67px;
}

.image-2 {
  position: relative;
  top: 72px;
}

.heading {
  clear: both;
  text-align: center;
  width: 912px;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  position: relative;
  bottom: -40px;
  left: auto;
  right: auto;
}

.bold-text {
  float: none;
  clear: right;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 194px;
}

.container {
  background-color: #acacac;
  border: 1px #000;
  border-radius: 11px;
  width: 1600px;
  max-width: 2000px;
  height: 500px;
}

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

  .heading-style-h1.text-weight-semibold.is-homeb {
    width: 15ch;
    font-size: 9vw;
  }

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

  .heading-style-h2.is--large {
    font-size: 5.3rem;
  }

  .heading-style-h2.is--cta {
    font-size: 4rem;
  }

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

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

  .topnav-button {
    color: var(--text-color--text-white);
  }

  .topnav-button.w--open {
    background-color: #0000;
  }

  .topnav_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .topnav_dropdown {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .navigation.w--open {
    position: static;
  }

  .topnav-link_right {
    display: none;
  }

  .topnav_menu-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #000000e3;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
  }

  .topnav_menu {
    justify-content: flex-end;
    align-items: center;
  }

  .dropdown_component {
    flex-flow: column;
  }

  .topnav_component {
    padding-left: 0;
  }

  .topnav-link_left {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .topnav_menu-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    margin-bottom: 1rem;
  }

  .topnav-wrapper {
    margin-right: 25px;
  }

  .hero_bottom {
    display: none;
  }

  .nav_desktop {
    height: auto;
  }

  .services_component {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .services-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 5rem;
  }

  .service-card.is--second {
    transform: translate(0, 9rem);
  }

  .service-card_img {
    height: 34rem;
  }

  .section_horizontal {
    height: 300vh;
  }

  .works_component {
    padding-top: 6rem;
  }

  .works_component.home-b {
    padding-bottom: 4rem;
  }

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

  .cta_text {
    z-index: 7;
  }

  .cta_img {
    max-width: 40vw;
    max-height: 40vw;
  }

  .footer_component {
    flex-flow: column;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .footer_right {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stack-card_wrap {
    justify-content: center;
    align-items: center;
    height: 50vh;
    padding-bottom: 0;
    position: relative;
  }

  .stack-card {
    width: 30vh;
    height: 38vh;
  }

  .services_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .services_card.is--second, .services_card.is--third {
    margin-top: 0;
  }

  .blog_text {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

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

  .services_sticky-wrap {
    height: 3000px;
    padding-top: 0;
  }

  .services_wrap {
    height: 10vh;
  }

  .work-post_content {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .work-image.is--horizontal {
    width: 100%;
    height: 80vh;
  }

  .work-image.is--horizontal.is--right {
    margin-bottom: 0;
  }

  .work-image_wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .contact_component {
    flex-flow: column;
    padding-top: 12rem;
    padding-bottom: 2rem;
  }

  .contact-right {
    aspect-ratio: 1;
    margin-top: 5vh;
  }

  .contact-right.is--left {
    aspect-ratio: auto;
  }

  .contact-image {
    aspect-ratio: 1;
    width: 70vw;
    height: auto;
  }

  .form-block {
    order: -1;
    width: 100%;
  }

  .form {
    width: 100%;
  }

  .cotnact-wrap {
    flex-flow: column;
  }

  .contact-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .contact-form {
    margin-top: 8rem;
    margin-bottom: 6rem;
  }

  .blog_heading {
    padding-top: 12rem;
    padding-bottom: 4rem;
  }

  .blog-list {
    grid-column-gap: 1rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
  }

  .share-wrap {
    margin-bottom: 4rem;
  }

  .secondary-button {
    height: 1.5rem;
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: 1rem;
  }

  .overlay.is--darker {
    display: block;
  }

  .studio_component {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .about_component {
    padding-bottom: 6rem;
  }

  .about_content {
    grid-template-columns: .75fr;
    place-items: center start;
    width: 100%;
    padding-top: 2rem;
  }

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

  .section_gallery {
    overflow: clip;
  }

  .testimonial_component {
    flex-flow: column;
    padding-top: 6rem;
  }

  .testimonial_left {
    width: auto;
    max-width: none;
  }

  .testimonial_right {
    width: auto;
  }

  .frame {
    height: 200svh;
  }

  .about-hero_b {
    padding-top: 12rem;
    padding-bottom: 4rem;
  }

  .slider_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin-top: 8rem;
    margin-bottom: 4rem;
  }

  .slider_heading {
    grid-row-gap: 2rem;
    text-align: left;
    flex-flow: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .slider_title {
    max-width: none;
  }

  .slider_item {
    width: 20rem;
    height: 30rem;
  }

  .slider_card {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .slider_card.is--wrapper {
    padding-top: 0;
    padding-left: 0;
  }

  .slider-paragraph {
    max-width: none;
  }

  .about_highlight {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4rem;
    padding-bottom: 6rem;
  }

  .highlight_paragraph.opacity-60 {
    width: auto;
    margin-left: 0;
  }

  .about-hero_c {
    padding-bottom: 7rem;
  }

  .logos_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .logos-card_grid {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .logos-card {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .awards_component {
    padding-bottom: 6rem;
  }

  .big-numbers_wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem;
  }

  .awards_stack {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 6rem;
  }

  .awards-item {
    flex-flow: column;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: static;
  }

  .awards_left {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    width: auto;
    max-width: none;
    margin-bottom: 1rem;
  }

  .awards_right {
    width: 100%;
    max-height: none;
  }

  .team-member_content {
    flex-flow: column;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .team-member {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .team-content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    height: auto;
    padding-top: 6rem;
    padding-bottom: 4rem;
  }

  .team-member_image {
    width: 100%;
    height: 40em;
  }

  .tertiary-button {
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: 1rem;
  }

  .team-social {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .about-hero {
    padding-top: 12rem;
  }

  .about-hero_title {
    padding-bottom: 4rem;
  }

  .about-hero_sticky {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .template_pages {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

  .template_grid.second-row {
    grid-template-columns: 1fr 1fr;
  }

  .template_figma {
    padding-bottom: 8rem;
  }

  .figma_grid {
    flex-flow: column;
  }

  .figma_card {
    width: auto;
  }

  .figma_video {
    width: auto;
    min-height: 38rem;
  }

  .horizontal_paragraph {
    bottom: 37.4vh;
  }

  .parallax_image.is--first {
    width: 18rem;
    height: 18rem;
  }

  .parallax_image.is--second {
    width: 14rem;
    height: 14rem;
  }

  .parallax_image.is--third {
    width: 20rem;
    height: 18rem;
    right: -8rem;
  }

  .parallax_image.is--fourth {
    width: 15rem;
    height: 15rem;
    right: 4rem;
  }

  .style-guide-header {
    grid-row-gap: 2rem;
  }

  .license-component {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    margin-top: 5.3rem;
    margin-bottom: 6rem;
  }

  .text-box {
    max-width: none;
  }

  .section-style-guide {
    margin-top: 4rem;
  }
}

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

  .utility-page_wrapper {
    width: 70%;
    max-width: none;
  }

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

  .heading-style-h1 {
    font-size: 18vw;
  }

  .heading-style-h1.text-weight-semibold.is-homeb {
    width: 14ch;
  }

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

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

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

  .heading-style-h2.is--medium, .heading-style-h2.is--cta {
    font-size: 3rem;
  }

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

  ._1-ai-video-creation-tool-for-brands.text-weight-bold {
    text-align: center;
  }

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

  .topnav_card-img {
    display: none;
  }

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

  .topnav_title {
    display: none;
  }

  .topnav_card_warp {
    flex-flow: column;
    width: 100%;
  }

  .topnav_card-link {
    justify-content: center;
    align-items: center;
  }

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

  .topnav-link_left {
    width: 100%;
  }

  .topnav_card-text {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .6rem;
  }

  .nav-link_wrap.is--mobile {
    display: none;
  }

  .nav-link_block {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .nav_card-description {
    width: 70vw;
  }

  .services_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

  .services-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .service-card.is--second {
    transform: none;
  }

  .service-card_img {
    max-height: 50svh;
  }

  .works_component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .works_component.home-b {
    padding-bottom: 4rem;
  }

  .category-list, .category-wrap {
    flex-flow: wrap;
  }

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

  .footer_credits-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero_marquee-wrap, .hero_marquee-list, .hero_marquee-item {
    width: auto;
  }

  .hero_marquee-img {
    width: 49svw;
  }

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

  .contact-left {
    margin-bottom: 2rem;
  }

  .contact-right {
    margin-top: 0;
  }

  .contact-right.is--left {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-bottom: 2rem;
  }

  .checkbox-wrapper {
    grid-column-gap: .5em;
  }

  .form {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .contact-img {
    height: auto;
    padding-top: 6rem;
  }

  .contact-form_wrap {
    width: 100%;
  }

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

  .blog-list.is--related {
    grid-row-gap: 3rem;
  }

  .section_about {
    overflow: clip;
  }

  .testimonial_heading {
    margin-bottom: 4rem;
  }

  .about-hero_image {
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .slider_component {
    grid-row-gap: 3rem;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .slider_heading {
    grid-row-gap: 1rem;
    max-width: 40ch;
  }

  .slider_title {
    max-width: none;
  }

  .slider_item {
    width: 90%;
    height: 30rem;
  }

  .slider_card {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    width: 100%;
    height: 100%;
  }

  .logos-card {
    padding: 3rem 2rem;
  }

  .team-member_content {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    padding: 1.5em;
  }

  .team-member {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .team-member_image {
    height: auto;
  }

  .team-name {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .about-hero_title {
    padding-bottom: 2rem;
  }

  .about-hero_sticky {
    justify-content: center;
    align-items: center;
    width: 200%;
    margin-left: -50%;
  }

  .template_pages {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

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

  .text-size-xlarge.text-color-alternate {
    font-size: 3rem;
  }

  .parallax_image.is--first {
    width: 17rem;
    height: 17rem;
  }

  .parallax_image.is--second {
    display: none;
  }

  .parallax_image.is--third {
    top: -6rem;
  }

  .style-guide-header {
    font-size: .875rem;
  }

  .license-component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 5.7rem;
  }

  .license-content {
    grid-row-gap: 4rem;
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .utility-page_wrapper {
    width: 80%;
  }

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

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

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

  .heading-style-h1.text-weight-semibold.is-homeb {
    width: 12ch;
  }

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

  .heading-style-h2.is--large {
    font-size: 3rem;
  }

  .heading-style-h2.is--cta {
    font-size: 2.5rem;
  }

  ._1-ai-video-creation-tool-for-brands.text-weight-bold {
    text-align: center;
    width: 200px;
  }

  .text-size-medium, .text-size-large {
    font-size: 1rem;
  }

  .topnav_menu-wrap {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .button-secondary.is--transparent {
    white-space: nowrap;
  }

  .nav {
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .nav-link_wrap {
    flex: 1;
  }

  .nav-link_wrap.is--middle {
    flex: 0 auto;
    width: 70%;
  }

  .nav-link_block {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .nav-icon {
    min-width: .8rem;
    min-height: .8rem;
  }

  .bottom-nav {
    left: -38%;
  }

  .nav-warpper, .nav-content {
    width: 100%;
  }

  .nav_card-description {
    width: 54vw;
    padding-right: 1rem;
  }

  .services_component {
    padding-bottom: 2rem;
  }

  .text-highlight {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
  }

  .marquee-wrapper {
    width: 17.5rem;
  }

  .cta_text {
    mix-blend-mode: exclusion;
    position: absolute;
  }

  .footer_component {
    padding-bottom: 3rem;
  }

  .footer_credits-wrap {
    opacity: .7;
  }

  .footer_right {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .footer_buttons {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .stack-card_wrap {
    height: 60vh;
    position: relative;
  }

  .stack-card {
    width: 45vh;
    height: 60vh;
    position: absolute;
  }

  .stack-card.is--first, .stack-card.is--second, .stack-card.is--third {
    width: 70vw;
    height: 110vw;
  }

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

  .services_sticky-wrap {
    z-index: -10;
    margin-top: -10rem;
  }

  .services-text {
    font-size: 5vh;
  }

  .services_linear.bottom {
    height: 50vh;
  }

  .work-content {
    flex-flow: column;
    margin-top: .5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .works_heading {
    margin-top: 12rem;
  }

  .main-image {
    aspect-ratio: 1;
    height: auto;
  }

  .contact_component {
    padding-top: 8rem;
  }

  .contact-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }

  .form-fields_component {
    flex-flow: column;
  }

  .checkbox-wrapper {
    flex-flow: wrap;
  }

  .contact-img {
    height: auto;
  }

  .contact-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .blog-post {
    margin-top: 3rem;
  }

  .about_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 3rem;
    display: flex;
  }

  .team-image {
    height: 19rem;
  }

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

  .about-hero_image {
    aspect-ratio: 2 / 3;
  }

  .slider_component {
    grid-row-gap: 3rem;
    margin-top: 4rem;
  }

  .slider_content {
    width: 100%;
  }

  .slider_heading {
    grid-row-gap: .7rem;
  }

  .mask, .slider_wrapper {
    width: 100%;
  }

  .slider_item {
    width: 100%;
    height: 30rem;
    margin-right: 1rem;
  }

  .slider_card.is--wrapper {
    padding-bottom: 4rem;
  }

  .logos-card_grid {
    grid-template-columns: 1fr;
  }

  .logos-card {
    border-width: .5px;
  }

  .awards_component {
    padding-bottom: 4rem;
  }

  .big-numbers_wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .awards_left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: stretch;
  }

  .stack_button {
    width: auto;
  }

  .team-member_content {
    height: 100%;
    padding-bottom: 1em;
  }

  .team-member {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .member-info {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: wrap;
  }

  .team-social {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex: none;
    justify-content: flex-start;
    align-items: center;
  }

  .template_pages {
    padding-bottom: 2rem;
  }

  .template_grid.second-row {
    grid-template-columns: 1fr;
  }

  .template_figma {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .figma_card {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .benefits-bottom {
    flex-flow: column;
  }

  .tag, .benefits-button.is-mobile {
    display: none;
  }

  .figma_video {
    min-height: 23rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .benefits-bottom-img {
    padding-left: 0;
    padding-right: 0;
  }

  .figma-email {
    max-width: none;
  }

  .horizontal_paragraph, .parallax_image.is--first {
    display: none;
  }

  .style-guide-header.center {
    max-width: none;
  }

  .license-component {
    grid-column-gap: 0rem;
    grid-row-gap: 1.75rem;
    flex-flow: column;
    width: 100%;
    margin-bottom: 2.5rem;
    display: flex;
  }

  .style-guide-content {
    margin-bottom: 6rem;
  }

  .instructions {
    max-width: none;
  }

  .text-block-2 {
    text-align: center;
    width: 80%;
    margin-left: 0;
    font-size: .8rem;
    position: static;
  }

  .heading {
    object-fit: fill;
  }
}

#w-node-_7abb4b5d-b9bb-a7a0-551a-7653524244b3-02be7d38, #w-node-_9ba59cab-f8fe-d51a-b437-ec10801b4bf7-02be7d38, #w-node-b224ec27-30fa-be84-48bf-7ed471542af3-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-02be7db6 {
  justify-self: start;
}

#w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-02be7db6, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb45-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-02be7db6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-02be7db6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-02be7db6 {
  justify-self: start;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-02be7db6, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-02be7db6 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef416-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef417-02be7db6 {
  justify-self: start;
}

#w-node-_30684373-af34-3818-02a4-e58b3ffef41a-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-02be7db6, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-02be7db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32eadc24-e391-a089-abe0-fb5b6627cdc7-02be7db6 {
  justify-self: start;
}

#w-node-ba22cfa1-221e-ca05-9a19-f9e2f77c2a8f-02be7e70, #w-node-ba22cfa1-221e-ca05-9a19-f9e2f77c2a8f-02be7e71, #w-node-ba22cfa1-221e-ca05-9a19-f9e2f77c2a8f-02be7e72 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bfd16a06-a475-c56f-cb24-ae0877676453-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae0877676459-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae087767645f-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae0877676465-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae087767646b-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae0877676471-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae0877676477-02be7e76, #w-node-bfd16a06-a475-c56f-cb24-ae087767647d-02be7e76 {
  place-self: center;
}

#w-node-_23b5c5a9-e670-78e6-b00a-bd0bb578156b-02be7e89, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c82f-02be7e8a, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c84e-02be7e8a, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c872-02be7e8a, #w-node-_4863f435-b2aa-b37b-f000-367b81b0b16b-02be7e8b, #w-node-c65c353c-cd94-1b41-8886-fa8dbe6c7078-02be7e8b, #w-node-_1a2cad60-3937-6920-df85-56fcd64ce07d-02be7e8b, #w-node-d3938fdd-fd5f-fe7b-7113-067df9918b0f-02be7e8b, #w-node-_7d5431b0-a52d-05c9-c67d-946db57aa681-02be7e8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


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

/* ===== Header: visual + safety (do not clip dropdowns) ===== */
.topnav-wrapper{                             /* OUTER wrapper */
  background: rgba(10,10,10,.75);            /* 75% opacity only on the outer */
  backdrop-filter: saturate(120%) blur(8px);
  -webkit-backdrop-filter: saturate(120%) blur(8px);
  border-radius: 12px;                        /* ~10–15px */
}

/* Inner containers get radius but remain transparent */
.navbar{ border-radius: 12px; background: transparent; }
.topnav_component{ border-radius: 12px; background: transparent; }

/* Critical: never clip dropdown lists */
.topnav_component,
.navbar{ overflow: visible !important; }

/* Ensure dropdowns stack above the header */
.navbar .w-dropdown-list{ z-index: 200; }

/* Make the new AI toggle stand out without touching Webflow internals */
.topnav_dropdown.ai > .w-dropdown-toggle{
  background: linear-gradient(135deg,#ff8a4d 0%,#ff5e62 45%,#ff3d77 100%);
  color:#fff;
  border-radius: 9999px;
  padding:.45rem .9rem;
  box-shadow:0 6px 22px rgba(255,96,120,.3), inset 0 0 0 1px rgba(255,255,255,.12);
  transform: translateZ(0);
}
.topnav_dropdown.ai > .w-dropdown-toggle:hover{
  filter:saturate(110%) brightness(1.02);
}

/* ===== Align AI nav button with others ===== */
.topnav_dropdown.ai > .w-dropdown-toggle{
  display:flex;
  align-items:center;
  line-height:1;                  /* tighten line height */
  margin-top:2px;                 /* nudge down */
  padding-top:.5rem;              /* balance pill */
  padding-bottom:.5rem;
}
/* Nudge the AI button slightly lower on desktop */
@media (min-width: 992px){
  .topnav_dropdown.ai > .w-dropdown-toggle{
    transform: translate3d(0, 4px, 0);  /* was translateZ(0); now moves down 3px */
  }
  .topnav_dropdown.ai > .w-dropdown-toggle:hover{
    transform: translate3d(0, 4px, 0);  /* keep the same on hover */
  }
}

/* Shift AI button slightly to the right */
.topnav_dropdown.ai{
  margin-left: 0.75rem;   /* adjust as needed: 0.5–1rem works well */
}

/* Narrower right column only in Solutions dropdown */
.topnav_dropdown.solutions .dropdown_component{
  display:flex; /* ensure flex so basis works even if Webflow sets grid */
}
.topnav_dropdown.solutions .topnav-link_right{
  flex: 0 0 34%;           /* narrower right panel */
  max-width: 34%;
}
.topnav_dropdown.solutions .topnav-link_left{
  flex: 1 1 auto;          /* left takes the rest */
}
@media (max-width: 991px){
  .topnav_dropdown.solutions .topnav-link_right,
  .topnav_dropdown.solutions .topnav-link_left{
    flex-basis: auto; max-width: 100%; /* stack nicely on tablet/phone */
  }
}

/* ===== Rounded dropdowns (container + inner content) ===== */

/* The flyout panel itself */
.navigation.w-dropdown-list{
  border-radius: 16px;            /* rounded corners */
  overflow: visible !important;   /* keep lists from clipping outside */
}

/* Inner wrapper: gets the visual background + clips its children */
.navigation.w-dropdown-list .dropdown_component{
  background: rgba(18,18,18,.92);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;            /* inherits the same radius */
  overflow: hidden;               /* clip inner corners only (safe here) */
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}

/* Left / right columns get the same radius at their edges */
.topnav-link_left,
.topnav-link_right{
  border-radius: 16px;
}

/* Text block on the right column */
.topnav-card_content{
  border-radius: 14px;
}

/* Card grid links (the tiles) */
.topnav_card_warp .topnav_card-link{
  border-radius: 12px;
  overflow: hidden;               /* round the image/video corners inside */
  transition: transform .18s ease, box-shadow .18s ease;
}
.topnav_card_warp .topnav_card-link:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* Media inside cards */
.topnav_card-img,
.topnav_card-img img,
.topnav_card-img .image{
  border-radius: 12px;
}

/* Optional: add a soft divider look without hard lines */
.dropdown_component .nav-line{ display:none; }

/* ===== Footer: floating dark container, shorter, aligned ===== */
.footer .footer-floating{
  background: rgba(12,12,12,0.92);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
}

/* Align with the same side margins as above sections */
.footer .w-container.container-medium{
  max-width: var(--container-medium, 940px); /* keeps Webflow’s sizing; adjust if you changed earlier */
}

/* Make the footer more compact */
.footer .footer_component{
  padding: 20px 24px;               /* shorter vertical rhythm */
  display: grid;
  grid-template-columns: 1fr 2fr;   /* left brand | right link columns */
  gap: 24px;
}
@media (max-width: 991px){
  .footer .footer_component{
    grid-template-columns: 1fr;
  }
}

/* Smaller logo (≈50%) without breaking responsive srcset */
.footer .footer-logo-small{
  max-width: 150px;    /* ~50% of common 300px-ish logos; tweak if needed */
  width: 50%;
  height: auto;
}

/* Tighten brand block spacing */
.footer .footer_brand{
  gap: 8px;
  align-items: center;
}
.footer .footer_paragraph p{
  margin-top: 6px;
  opacity: .9;
}

/* Link columns */
.footer .footer_right{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 767px){
  .footer .footer_right{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* Credits bar (floating + aligned) */
.footer .footer_credits{
  margin-top: 16px;
  padding: 10px 16px;
}
.footer .footer_credits .footer_credits-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12.5px;
  line-height: 1.4;
}
.footer .credits-link{
  opacity: .9;
  text-decoration: none;
}
.footer .credits-link:hover{
  opacity: 1;
}
.footer .credits-sep{
  opacity: .35;
  margin: 0 8px;
}

/* Footer uses the same width feel as the header */
.footer .w-container.container-large{
  /* Match your header’s horizontal bounds */
  max-width: 1200px;           /* adjust to your header’s exact content width if different */
  margin: 0 auto;
}

/* Footer section background: PURE black (container stays dark grey) */
footer.footer{
  background: #000;            /* pure black behind the floating box */
}

/* Keep the floating container styling from before */
.footer .footer-floating{
  background: rgba(12,12,12,0.92);  /* very dark grey */
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.45);
}

/* Optional: ensure the floating box aligns with header interior by mirroring header gutter */
@media (min-width: 992px){
  .footer .footer_component,
  .footer .footer_credits{
    padding-left: 24px;
    padding-right: 24px;   /* match your header’s inner horizontal padding */
  }
}

/* ===== FORCE FOOTER TO FULL-WIDTH WITH HEADER-LIKE GUTTERS ===== */

/* 1) Remove any max-width caps on Webflow containers inside the footer */
footer.footer .w-layout-blockcontainer,
footer.footer .w-container,
footer.footer .w-container.container-medium,
footer.footer .w-container.container-large,
footer.footer .w-container.container-huge{
  max-width: none !important;   /* kill Webflow cap */
  width: 100% !important;       /* stretch to parent */
}

/* 2) Give the footer wrapper header-like side gutters (adjust if your header uses a different value) */
footer.footer .w-layout-blockcontainer,
footer.footer .w-container{
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* 3) Make the floating card span the full wrapper width */
footer.footer .footer-floating{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 4) If a parent adds inner padding that narrows things, neutralize it ONLY in the footer */
footer.footer .padding-global{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 5) Optional: larger gutters on very wide desktops to mirror a roomy header */
@media (min-width: 1600px){
  footer.footer .w-layout-blockcontainer,
  footer.footer .w-container{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* ===== Hero Create Strip ===== */
.hero-inline-form{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}

.hero-input-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1 1 auto;
  min-height:56px;
  padding:10px 14px;
  background:rgba(23,23,23,.42);        /* subtler dark pill */
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;                   /* rounded like your UI */
  backdrop-filter: blur(6px);
}

.hero-input{
  flex:1 1 auto;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-size:14px;
  line-height:1.3;
}

.hero-upload-input{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;
}

.hero-upload-btn{
  padding:10px 14px;
  line-height:1;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:12px;
  cursor:pointer;
  user-select:none;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.hero-upload-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.06); }
.hero-upload-btn:active{ transform:translateY(0); }

.hero-create-btn{ flex:0 0 auto; } /* keep your existing button styling */

/* ===== Sticky Create Strip (centered, wider input) ===== */
.sticky-create{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 32px;                /* distance from bottom of viewport */
  z-index: 1200;
  display: flex;
  justify-content: center;     /* keep the strip centered */
  align-items: center;
  pointer-events: none;        /* container ignores clicks */
  padding: 0 32px;
}

/* but its children are clickable */
.sticky-create .hero-inline-form{
  pointer-events: auto;
  margin: 0 auto;              /* center inside the host */
  width: min(640px, calc(100vw - 96px));  /* wider pill but still responsive */
}

/* Make the type box take most of the width */
.sticky-create .hero-input-wrap{
  flex: 1 1 auto;
  min-width: 50%;
}

/* Keep the Create button sized nicely on the right */
.sticky-create .hero-create-btn{
  flex: 0 0 auto;
}

/* Subtle "hide near footer" animation */
.sticky-create{
  transition: opacity .18s ease, transform .18s ease;
}
.sticky-create.is-hidden-near-footer{
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}

/* Responsive tweaks */
@media (max-width: 991px){
  .sticky-create{
    bottom: 24px;
    padding: 0 24px;
  }
  .sticky-create .hero-inline-form{
    width: min(600px, calc(100vw - 64px));
  }
}
@media (max-width: 479px){
  .sticky-create{
    bottom: 16px;
    padding: 0 16px;
  }
  .sticky-create .hero-inline-form{
    width: 100%;
  }
  .sticky-create .hero-input-wrap{ min-width: 0; }
}

/* Hide when near footer */
#createDock .sticky-create.is-hidden-near-footer{
  opacity: 0 !important;
  transform: translateY(12px) !important;
  pointer-events: none !important;
}

/* ===== Home fixed-width sections (index page only) ===== */
body[data-wf-page="68d5d31f0057797f02be7e6c"] .home-fixed{
  width: min(95vw, 100%);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

/* ===== VIDEO SLIDER (subtle light-blue, centered, rounded while scaled) ===== */
.section_video_slider{
  margin-top:112px !important;          /* extra space below logos */
  padding:56px 0 56px !important;
  background: transparent !important;   /* page handles bg */
}

/* viewport */
.section_video_slider .vs_viewport{
  position: relative;
  margin: 0 auto 18px;
}

/* track: lets first/last center with a clean gap */
.section_video_slider .vs_track{
  display: grid;
  grid-auto-flow: column;
 grid-auto-columns: minmax(820px, 74%); /* wider cards */
  gap: 52px;                          
  overflow-x: auto;
  scroll-snap-type: x mandatory;

  /* big inset padding so first/last can center */
  padding-left: 50vw !important;
  padding-right: 50vw !important;
  scroll-padding-inline: 50vw;

  /* hide scrollbar */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section_video_slider .vs_track::-webkit-scrollbar{ display: none; }

.section_video_slider .vs_track > *{
  --vs-radius:20px;
  position: relative;
  aspect-ratio: 16 / 10;  /* a bit taller than 3:2 */
  scroll-snap-align: center;

  /* robust rounding that survives GPU/compositing */
  border-radius: var(--vs-radius) !important;
  overflow: hidden !important;
  clip-path: inset(0 round var(--vs-radius)) !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);

  /* visual chrome */
  background:
    radial-gradient(120% 120% at 12% 0%,  rgba(173,216,230,.22) 0%, rgba(173,216,230,0) 60%),
    radial-gradient(120% 120% at 88% 100%, rgba(135,206,250,.18) 0%, rgba(135,206,250,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(240,248,255,.18) 40%, rgba(225,235,245,.08) 100%) !important;
  box-shadow: 0 10px 24px rgba(0,20,40,.18) !important;
}

/* dim side slides using an overlay that respects rounding */
.section_video_slider .vs_track > *::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.32);
  transition: opacity .38s ease;
  border-radius: inherit;
  clip-path: inherit;
  pointer-events: none;
}
.section_video_slider .vs_track > *.is-active::after{ opacity: 0; }


/* media inside the slide */
.section_video_slider .vs_track > * > :is(video,img,iframe){
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  border-radius: inherit !important;
  clip-path: inherit !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* arrows */
.section_video_slider .vs_arrow{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 999px; background: #0f0f0f; color: #fff;
  border: none; display: grid; place-items: center;
  z-index: 3; cursor: pointer; opacity: .85; box-shadow: none;
}
.section_video_slider .vs_prev{ left: 8px; }
.section_video_slider .vs_next{ right: 8px; }
.section_video_slider .vs_arrow:hover{ opacity: 1; }

/* filter buttons row (centered & spaced) */
.section_video_slider .vs_jumpbar{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 10px;
  overflow-x: auto;
  padding: 2px;
  justify-content: center;
  margin: 32px auto 0;          /* more space below videos */
  width: 100%;
}
.section_video_slider .vs_jumpbar::-webkit-scrollbar{ display: none; }
.section_video_slider .vs_jumpbar{ -ms-overflow-style: none; scrollbar-width: none; }

/* rectangular pills; gray when active/pressed */
.section_video_slider .vs_filter{
  -webkit-appearance: none; appearance: none;
  background-color: #141414 !important;
  color: #dcdcdc !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 7px 12px !important;
  font-size: 12px !important; line-height: 1 !important;
  white-space: nowrap;
  transition: transform .2s ease, background-color .2s ease, color .2s ease !important;
}
.section_video_slider .vs_filter:hover{ transform: translateY(-1px); }
.section_video_slider .vs_filter.is-active,
.section_video_slider .vs_filter:active{
  background-color: #6a6a6a !important;
  color: #fff !important;
}

@media (max-width: 1290px){
  .section_video_slider .vs_track{ grid-auto-columns: minmax(700px, 70%); }
}
@media (max-width: 991px){
  .section_video_slider .vs_track{ grid-auto-columns: minmax(600px, 86%); gap: 44px; }
}
@media (max-width: 767px){
  .section_video_slider .vs_track{ grid-auto-columns: minmax(380px, 96%); gap: 36px; }
}


/* === Light, subtle blue gradient for each slide (works with or without .vs_card) === */

/* If your markup uses .vs_card */
.section_video_slider .vs_card{
  /* soft light-blue blend */
  background:
    radial-gradient(120% 120% at 12% 0%,  rgba(173,216,230,.22) 0%, rgba(173,216,230,0) 60%),
    radial-gradient(120% 120% at 88% 100%, rgba(135,206,250,.18) 0%, rgba(135,206,250,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(240,248,255,.18) 40%, rgba(225,235,245,.08) 100%) !important;
  box-shadow: 0 10px 24px rgba(0,20,40,.18) !important; /* softer shadow */
}

/* If your markup uses direct children of .vs_track as slides (your current setup) */
.section_video_slider .vs_track > *{
  background:
    radial-gradient(120% 120% at 12% 0%,  rgba(173,216,230,.22) 0%, rgba(173,216,230,0) 60%),
    radial-gradient(120% 120% at 88% 100%, rgba(135,206,250,.18) 0%, rgba(135,206,250,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(240,248,255,.18) 40%, rgba(225,235,245,.08) 100%) !important;
  box-shadow: 0 10px 24px rgba(0,20,40,.18) !important; /* softer shadow */
}

/* base state: side items smaller/darker */
.section_video_slider .vs_track > * > :is(video,img,iframe){
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  /* inherit + obey the frame’s rounding/mask */
  border-radius: inherit !important;
  clip-path: inherit !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);

  /* scale happens on the child media, not the frame */
  transform-origin: center;
  transform: scale(.90);
  transition: transform .38s ease;
}

/* active/center: grow media; frame stays put & keeps rounding */
.section_video_slider .vs_track > *.is-active > :is(video,img,iframe){
  transform: scale(1.18);
}

/* --- TreClip: rounded sections & cards --- */
.tc-section {
  border-radius: 18px;                 /* slightly rounder than default */
  overflow: hidden;
}

.tc-card {
  border-radius: 16px;                 /* card rounding */
  overflow: hidden;
}

.tc-card .image,
.tc-card video {
  border-radius: 16px;
}

/* light spacing alignments so it drops in nicely */
.tc-pad {
  padding: clamp(24px, 4vw, 48px);
}
.tc-grid {
  display: grid;
  gap: clamp(16px, 2vw, 28px);
}

/* responsive grids */
.tc-grid.ai-4 { grid-template-columns: repeat(4, 1fr); }
.tc-grid.more-3 { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 991px){
  .tc-grid.ai-4 { grid-template-columns: repeat(2, 1fr); }
  .tc-grid.more-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .tc-grid.ai-4,
  .tc-grid.more-3 { grid-template-columns: 1fr; }
}

/* subtle section background (keeps your page look) */
.tc-soft-bg {
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(160,200,255,.08) 0, rgba(160,200,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.04) 0, rgba(0,0,0,.06) 100%);
}

/* title rows */
.tc-head {
  display:flex; align-items:flex-end; justify-content:space-between;
  gap: 16px; margin-bottom: clamp(12px, 2vw, 20px);
}
.tc-eyebrow {
  font-size: 12px; letter-spacing:.08em; text-transform:uppercase; opacity:.7;
}
.tc-title {
  font-size: clamp(24px, 3.6vw, 40px); line-height:1.15; font-weight:700;
}
.tc-sub {
  font-size: clamp(14px, 2.2vw, 18px); opacity:.7; max-width:70ch;
}

/* template card tweaks */
.template_card.tc-card .template_info{ padding-top: 10px; }
.template_card.tc-card .template_arrow{ opacity:.6 }

/* “more” grid label style */
.tc-kicker { font-size:12px; text-transform:uppercase; opacity:.6; }

/* keep Webflow video wrappers from clipping the rounding */
.w-background-video, .w-background-video-atom {
  border-radius: 16px; overflow:hidden;
}

/* ============================
   TRECLIP: Section Panels & Grids
   ============================ */

/* Sections that should NOT be full-bleed */
.section_template.tc-section{
  padding: 0;                 /* panel controls spacing */
  background: transparent;
}

.tc-panel{
  width: calc(100% - 2px);   /* 8px left + 8px right */
  max-width: 1450px;
  margin: 0 auto;
  padding: clamp(24px, 4vw, 48px);
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(160,200,255,.08) 0, rgba(160,200,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.04) 0, rgba(0,0,0,.06) 100%);
}


/* Center all text inside these sections */
.tc-panel, .tc-center,
.tc-panel .tc-head, .tc-panel .tc-title, .tc-panel .tc-sub,
.tc-panel .template_info, .tc-panel .template_name{
  text-align: center;
}

/* Head block spacing & layout (force center) */
.tc-head{
  display: flex;
  flex-direction: column;      /* <-- center stack */
  align-items: center;         /* <-- center horizontally */
  justify-content: center;     /* <-- center vertically if needed */
  gap: 10px;
  margin-bottom: clamp(16px, 3vw, 28px);
}
.tc-eyebrow{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: 2px;
}
.tc-title{
  font-size: clamp(24px, 3.6vw, 40px);
  line-height: 1.15;
  font-weight: 700;
  margin: 0;
}
.tc-sub{
  font-size: clamp(14px, 1.8vw, 18px);
  opacity: .8;
  margin: 0 auto;
  max-width: 58ch;
}

/* Rounded media inside cards */
.tc-card,
.tc-panel .w-background-video, .tc-panel .w-background-video-atom,
.tc-panel .template_img .image, .tc-panel .template_img video{
  border-radius: 16px;
  overflow: hidden;
}

/* --- TreClip: rounded sections & cards --- */
.tc-section { border-radius: 18px; overflow: hidden; }
.tc-card    { border-radius: 16px; overflow: hidden; }
.tc-card .image, .tc-card video { border-radius: 16px; }

/* light spacing alignments so it drops in nicely */
.tc-pad { padding: clamp(24px, 4vw, 48px); }

/* grids */
.tc-grid {
  display: grid;
  gap: clamp(16px, 2vw, 28px);
  margin-inline: auto; /* keep grid centered within panel */
}

/* responsive grids */
.tc-grid.ai-4   { grid-template-columns: repeat(4, 1fr); }
.tc-grid.more-3 { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 991px){
  .tc-grid.ai-4   { grid-template-columns: repeat(2, 1fr); }
  .tc-grid.more-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .tc-grid.ai-4,
  .tc-grid.more-3 { grid-template-columns: 1fr; }
}

/* subtle section background (keeps your page look) */
.tc-soft-bg {
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(160,200,255,.08) 0, rgba(160,200,255,0) 55%),
    linear-gradient(180deg, rgba(255,255,255,.04) 0, rgba(0,0,0,.06) 100%);
}

/* template card tweaks */
.template_card.tc-card .template_info{ padding-top: 10px; }
.template_card.tc-card .template_arrow{ opacity:.6 }

/* “more” grid label style */
.tc-kicker { font-size:12px; text-transform:uppercase; opacity:.6; }

/* keep Webflow video wrappers from clipping the rounding */
.w-background-video, .w-background-video-atom {
  border-radius: 16px; overflow:hidden;
}
/* Vertical spacing between sections */
.section_template.tc-section{
  padding: 0;                     /* panel handles internal padding */
  margin: 64px 0;                 /* ⬅ adds space above & below */
  background: transparent;
}

/* ===== Content section rounding (below hero) ===== */
:root{
  --radius-section: clamp(16px, 2.8vw, 28px);
}

.secion_services .services_card{
  border-radius: var(--radius-section) !important;
  overflow: hidden;                 /* clip inner media */
  position: relative;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* Safari fix */
}

/* Ensure bg and images inherit rounding */
.secion_services .services_bg,
.secion_services .services_bg .image,
.secion_services .services_bg img{
  border-radius: inherit !important;
  overflow: hidden;
  display: block;
}

/* 2-column layout for the first section */
.cliplab-two{display:grid;grid-template-columns:320px 1fr;gap:24px}
@media (max-width:991px){.cliplab-two{grid-template-columns:1fr}}

/* left list -> real buttons (clickable) */
.clip-list{display:flex;flex-direction:column;gap:12px}
.clip-btn{
  display:flex;align-items:center;gap:12px;
  width:100%;padding:10px 12px;border:0;background:rgba(255,255,255,.05);
  border-radius:12px; text-align:left; color:inherit; cursor:pointer;
  transition:transform .12s ease, background-color .2s ease, box-shadow .2s ease;
}
.clip-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.07)}
.clip-btn.is-active{
  background:linear-gradient(180deg,rgba(76,217,176,.20),rgba(56,152,236,.10));
  box-shadow:0 0 0 1px rgba(120,200,255,.25) inset;
}
.clip-thumb{width:60px;height:80px;object-fit:cover;border-radius:10px;flex:0 0 60px}
.clip-title{font-weight:600}

/* right player */
.clip-player{border-radius:16px;overflow:hidden;background:#0b0b0b}
.clip-video{width:100%;aspect-ratio:16/9;display:block}
@media (min-width:768px){.clip-video{aspect-ratio:9/5}}

/* Layout: stretch to equal height */
.cliplab-two{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:stretch}
.cliplab-two.is-tall{min-height:520px}
@media (max-width:991px){
  .cliplab-two{grid-template-columns:1fr}
  .cliplab-two.is-tall{min-height:unset}
}

/* Lighter, subtle shared gradient for both panes */
.glass-lite{
  --gA: rgba(255,255,255,.10);
  --gB: rgba(255,255,255,.04);
  background: linear-gradient(180deg, var(--gA), var(--gB));
  border-radius: 16px;
  padding: 14px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 6px 18px rgba(0,0,0,.18);
}

/* Left list fills column; buttons are tall and share the space */
.clip-list{display:flex;flex-direction:column;gap:10px;height:100%}
.clip-btn{
  display:flex;align-items:center;gap:12px;
  width:100%; padding:14px 12px;
  border:0; color:inherit; background:rgba(255,255,255,.06);
  border-radius:12px; text-align:left; cursor:pointer;
  transition:transform .12s ease, background-color .2s ease, box-shadow .2s ease;
  /* make each button tall and flex to fill column height evenly */
  flex:1 1 auto; min-height:96px;
}
.clip-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.clip-btn.is-active{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;
}
.clip-thumb{width:64px;height:84px;object-fit:cover;border-radius:10px;flex:0 0 64px}
.clip-title{font-weight:600}

/* Right video container */
.clip-player{border-radius:16px;overflow:hidden;background:rgba(0,0,0,.35);height:100%}
.clip-video{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:991px){
  .clip-video{height:auto;aspect-ratio:16/9}
}

/* Section heading (kept lighter) */
.cliplab-head{margin-bottom:18px}

/* LEFT LIST: vertical cards with wide media and label underneath */
.clip-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  height:100%;
}

.clip-btn{
  display:flex;
  flex-direction:column;        /* vertical card */
  align-items:stretch;
  gap:10px;
  width:100%;
  padding:12px;                 /* tighter padding – image gets the space */
  border:0;
  color:inherit;
  background:rgba(255,255,255,.06);
  border-radius:12px;
  cursor:pointer;
  transition:transform .12s ease, background-color .2s ease, box-shadow .2s ease;
  flex:1 1 auto;                /* still stretch to fill column height */
  min-height:160px;             /* taller baseline */
}

.clip-btn:hover{ transform:translateY(-1px); background:rgba(255,255,255,.08); }
.clip-btn.is-active{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;
}

/* Wide media on top */
.clip-thumb{
  width:100%;
  aspect-ratio:16/9;           /* wide look; adjust to taste (e.g. 4/3) */
  object-fit:cover;
  border-radius:10px;
  display:block;
}

/* Label under media */
.clip-title{
  font-weight:600;
  line-height:1.25;
  text-align:center;
  padding:4px 6px 2px;
  opacity:.95;
}
/* --- Left-column buttons: push text down & make media taller --- */

/* Keep the same button size; just re-balance internals */
.clip-btn{
  /* keep your existing min-height */
  min-height:160px;
  /* ensure the inner stack can push the label down */
  display:flex;
  flex-direction:column;
}

/* Make the media taller: switch to a portrait-ish ratio */
.clip-thumb{
  width:100%;
  aspect-ratio: 4 / 5;   /* was 16/9; taller now while container stays same */
  object-fit:cover;
  border-radius:10px;
  display:block;
  flex:0 0 auto;         /* don’t let it shrink */
}

/* Push the text to the bottom inside the fixed-height button */
.clip-title{
  margin-top:auto;       /* drops the label to the bottom */
  padding-top:10px;      /* a little breathing room above the text */
  text-align:center;
  line-height:1.2;
  font-weight:600;
}