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

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

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

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

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

@font-face {
  font-family: Overusedgrotesk;
  src: url('../fonts/OverusedGrotesk-ExtraBold.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Overusedgrotesk;
  src: url('../fonts/OverusedGrotesk-ExtraBoldItalic.otf') format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Overusedgrotesk;
  src: url('../fonts/OverusedGrotesk-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

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

:root {
  --background-color--background-white: var(--base-color-brand--white);
  --text-color--text-black: var(--base-color-brand--black);
  --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\>);
  --text-color--text-white: var(--base-color-brand--white);
  --base-color-brand--white: #ebebeb;
  --border-color--border-primary\<deleted\|variable-d4c54ba4-ee41-67ce-58a5-5216ca039f83\>: var(--base-color-neutral--neutral-lightest\<deleted\|variable-eede0174-1898-a99e-0c79-395339ec1911\>);
  --link-color--link-primary\<deleted\|variable-ad940cb5-1815-151e-2cbc-4f27dec2b1e5\>: var(--base-color-brand--black);
  --background-color--background-grey: var(--base-color-brand--grey);
  --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--pure-white: white;
  --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-black: var(--base-color-brand--black);
  --base-color-brand--orange: #ff4539;
  --background-color--background-orange: var(--base-color-brand--orange);
  --text-color--text-secondary: var(--base-color-brand--grey);
  --base-color-brand--carbon: #0e0f0f;
  --base-color-brand--green: #329216;
  --_text-styles---heading-1: 5rem;
  --_text-styles---heading-2: 4rem;
  --_text-styles---heading-3: 3.5rem;
  --_text-styles---heading-4: 3rem;
  --base-color-brand--black: #080909;
  --base-color-brand--grey: #141414;
  --_text-styles---heading-5: 2.5rem;
  --_text-styles---heading-6: 2rem;
  --_text-styles---huge: 2rem;
  --_text-styles---large: 1.5rem;
  --_text-styles---medium: 1.125rem;
  --_text-styles---regular: 1rem;
  --_text-styles---small: .875rem;
  --_text-styles---tiny: .75rem;
  --_text-styles---font-family: Overusedgrotesk, Arial, sans-serif;
  --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;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@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-white);
  color: var(--text-color--text-black);
  letter-spacing: .2px;
  font-family: Overusedgrotesk, 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 {
  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: 0;
  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 {
  z-index: 9;
  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;
  position: relative;
}

.utility-page_wrapper {
  z-index: 9;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 40rem;
  display: flex;
  position: relative;
}

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

.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 8rem 8rem 6vw;
}

.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: 0 0 0 5.3vw;
}

.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: 3.4rem;
  line-height: 1.2;
}

.heading-style-h3.is--small {
  font-size: 3rem;
}

.text-rich-text {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
}

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

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 3rem;
  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: 2rem;
}

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

.text-rich-text a {
  color: var(--text-color--text-white);
}

.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: 80.8rem;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.heading-style-h1.text-weight-semibold.is--reveal {
  letter-spacing: -.2vw;
  font-size: 4vw;
  line-height: .8;
  transform: perspective(1000px);
}

.heading-style-h1.is--work {
  letter-spacing: -.5px;
  font-size: 9rem;
  font-weight: 600;
}

.padding-global {
  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 #1c1c1c2e;
  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: 200;
}

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

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

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

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

.text-size-regular.is--hover {
  line-height: 1;
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

.text-size-small.text-weight-book {
  text-overflow: ellipsis;
}

.heading-style-h4 {
  font-size: 2.3rem;
  line-height: 1.2;
}

.heading-style-h4.text-weight-medium.is--hover {
  line-height: .8;
  position: absolute;
}

.heading-style-h4.text-weight-medium.is--footer {
  margin-top: -.5rem;
}

.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 {
  font-size: 4rem;
  line-height: 1.2;
}

.heading-style-h2.is--pass {
  line-height: .9;
}

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

.fs-styleguide_label {
  background-color: var(--base-color-brand--pure-white);
  color: var(--text-color--text-black);
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 500;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: var(--base-color-brand--pure-white);
}

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

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

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

.text-style-allcaps {
  letter-spacing: .125rem;
  text-transform: uppercase;
}

.text-style-allcaps.is--spacing {
  letter-spacing: 0;
  font-weight: 400;
}

.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 {
  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.125rem;
}

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

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

.image.is-contain {
  object-fit: contain;
  object-position: 50% 100%;
}

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

.container-huge {
  width: 100%;
  max-width: 100vw;
}

.null {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-bottom: 58px;
  display: flex;
}

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

.elipse.is--large {
  width: .5rem;
  min-width: .5rem;
  height: .5rem;
  min-height: .5rem;
}

.elipse.is--large.black {
  background-color: var(--background-color--background-grey);
  opacity: .1;
}

.elipse.is--green {
  background-color: #2e410b;
  margin-top: .2rem;
}

.elipse.grey {
  background-color: #8a8a8a;
}

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

.opacity-70 {
  opacity: .7;
  align-self: flex-start;
}

.opacity-70.no-wrap {
  white-space: nowrap;
}

.section_work {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  position: relative;
}

.work-post_content {
  z-index: 2;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  max-width: 100ch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.work-image {
  overflow: hidden;
}

.back-home {
  background-color: var(--background-color--background-grey);
  border-radius: .5rem;
  width: 100%;
  padding: 1rem 2.5rem;
}

.back-home:hover {
  background-color: #2e2e2e;
}

.blog-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

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

.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(--base-color-brand--pure-white);
  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 {
  z-index: 9;
  background-color: var(--background-color--background-white);
  margin-top: 5.75rem;
  position: relative;
}

.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;
  color: var(--text-color--text-black);
  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: var(--background-color--background-white);
  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;
}

.section_hero {
  z-index: 999;
  position: relative;
}

.hero_component {
  z-index: auto;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding: 20vh 1.5rem 1.5rem;
  display: flex;
}

.navbar {
  z-index: 99999;
  pointer-events: none;
  justify-content: space-between;
  align-items: flex-start;
  height: 100svh;
  position: absolute;
  inset: 0% 0% auto;
}

.heading {
  z-index: 3;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 1vw;
  display: flex;
  position: relative;
}

.heading.is--footer {
  margin-bottom: 0;
}

.copyright {
  width: 2vw;
  margin-bottom: 1.8vw;
  margin-left: -.1vw;
}

.copyright.is--reveal {
  width: 1vw;
  margin-bottom: 0;
  margin-left: .2vw;
}

.btn {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--text-color--text-white);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .8rem 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.btn_img {
  justify-content: center;
  align-items: center;
  width: .9rem;
  height: .9rem;
  display: flex;
}

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

.lines_bg {
  z-index: 2;
  pointer-events: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines_bg.is--black {
  opacity: .6;
}

.lines_bg.is--light {
  opacity: .78;
}

.lines_line {
  opacity: .4;
  border-left: 1px solid #0000001a;
  border-right: 1px solid #0000001a;
  width: 25%;
  height: 100%;
}

.lines_line.is--left {
  border-right-style: none;
  border-right-width: 0;
}

.lines_line.is--left.is--black {
  border-left-color: #ebebeb1a;
}

.lines_line.is--right {
  border-left-style: none;
  border-left-width: 0;
}

.lines_line.is--right.is--black {
  border-right-color: #ebebeb1a;
}

.lines_line.is-black {
  border-left-color: #ebebeb1a;
  border-right-color: #ebebeb1a;
}

.bg_animation {
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bg_animation-wrap {
  grid-column-gap: 15%;
  grid-row-gap: 15%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  display: flex;
}

.bg_animation-wrap.is--top {
  justify-content: flex-start;
  align-items: center;
}

.bg_animation-wrap.is--bottom {
  padding-bottom: 5%;
}

.icon_animation {
  justify-content: center;
  align-items: center;
  width: .9rem;
  height: .9rem;
  display: flex;
}

.icon_wrap {
  display: flex;
}

.icon_wrap.one {
  margin-right: 40%;
}

.icon_wrap.two {
  margin-left: 80%;
}

.icon_wrap.three {
  margin-top: 35%;
}

.icon_wrap.three.no-margin {
  margin-top: 0%;
}

.icon_wrap.fourth {
  margin-top: 20%;
  margin-left: 30%;
}

.icon_wrap.fourth.no-margin {
  margin-top: 0%;
  margin-left: 0%;
}

.icon_wrap.fifth {
  margin-top: 45%;
  margin-right: 82%;
}

.icon_wrap.fifth.no-margin {
  margin-top: 0%;
  margin-right: 0%;
}

.icon_wrap.sixth {
  margin-left: 25%;
}

.icon_wrap.sixth.no-margin {
  margin-left: 0%;
}

.trail-container {
  z-index: 4;
  pointer-events: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.trail-img {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  border-radius: 1rem;
  width: 12rem;
  min-width: 12rem;
  height: 15rem;
  min-height: 15rem;
  position: absolute;
  overflow: hidden;
}

.nav-logo {
  width: 6.6rem;
  transition: opacity .4s;
}

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

.nav-logo.is--black {
  display: none;
}

.nav-logo.is--black:where(.w-variant-c9b2e9c4-2b51-8687-ff1f-0affddd532b0) {
  display: flex;
}

.nav-logo.is--white:where(.w-variant-c9b2e9c4-2b51-8687-ff1f-0affddd532b0) {
  display: none;
}

.nav_btn {
  z-index: 99;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
  position: relative;
}

.menu {
  background-color: var(--base-color-brand--pure-white);
  cursor: pointer;
  border: .5px solid #0000;
  padding: .625rem;
  transition: border .3s;
}

.menu:hover {
  border: 1px solid #c9c9c9;
}

.nav_btn-img {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.notifications {
  background-color: var(--base-color-brand--pure-white);
  cursor: pointer;
  border: .5px solid #0000;
  padding: .625rem;
  transition: border .3s;
  position: relative;
}

.notifications:hover {
  border: .5px solid #c9c9c9;
}

.alert_number {
  background-color: var(--background-color--background-orange);
  color: var(--text-color--text-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 2px 3px #201f2426;
}

.alert-open {
  z-index: 99;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--base-color-brand--pure-white);
  border-radius: .25rem;
  flex-flow: column;
  width: auto;
  min-width: 26rem;
  margin-top: 4.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  overflow: auto;
}

.nav {
  z-index: 99;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  pointer-events: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.menu-wrap {
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  height: 100svh;
  display: none;
  position: absolute;
  inset: 0% 1.5rem auto auto;
  overflow: hidden;
}

.nav_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.menu_backdrop {
  z-index: 90;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: auto;
  background-color: #d9d9d924;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.nav_close {
  border: 1px solid var(--background-color--background-white);
  background-color: var(--base-color-brand--pure-white);
  cursor: pointer;
  padding: .625rem;
  transition: background-color .3s, border .3s;
}

.nav_close:hover {
  background-color: #ebebeb8c;
}

.alert_card {
  color: var(--text-color--text-black);
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2rem;
  display: flex;
}

.alert_wrap {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.alert_list {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  flex-flow: column;
  display: flex;
}

.alert_img {
  border-radius: .25rem;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  overflow: hidden;
}

.alert_content {
  text-overflow: ellipsis;
  max-width: 30ch;
  padding-right: 1.5rem;
  overflow: hidden;
}

.alert_item {
  border-bottom: 1px solid var(--background-color--background-white);
}

.alert_item:last-child {
  border-bottom-style: none;
}

.alert_btn {
  flex-flow: column;
  margin: auto 1.5rem 1.5rem;
  display: flex;
}

.alert-wrap {
  justify-content: flex-end;
  align-items: stretch;
  width: auto;
  height: 100svh;
  display: none;
  position: absolute;
  inset: 0% 1.5rem auto auto;
  overflow: hidden;
}

.menu-open {
  z-index: 99;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--base-color-brand--pure-white);
  border-radius: .25rem;
  flex-flow: column;
  width: auto;
  min-width: 26rem;
  margin-top: 4.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  overflow: auto;
}

.menu_content {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-width: 40vw;
  height: 100%;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
  display: flex;
}

.menu_bottom {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  display: flex;
}

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

.menu_link {
  grid-column-gap: 25rem;
  grid-row-gap: 25rem;
  color: var(--text-color--text-secondary);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  transition: color .1s;
  display: flex;
}

.menu_link:hover {
  color: var(--base-color-brand--orange);
}

.text-menu {
  font-size: 5.5vh;
  font-weight: 500;
  line-height: 1;
}

.menu_number {
  opacity: .6;
}

.menu_bottom-content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: var(--text-color--text-secondary);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.menu_adress {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

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

.social_link {
  color: var(--text-color--text-secondary);
  transition: color .2s;
}

.social_link:hover {
  color: var(--base-color-brand--orange);
}

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

.logos_heading {
  max-width: 120ch;
  margin-top: 2rem;
}

.logos_card {
  aspect-ratio: 1;
  background-color: var(--base-color-brand--carbon);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15vw;
  min-width: 17rem;
  margin-right: 1rem;
  padding: 5rem 3rem;
  display: flex;
}

.logos_card.is--grid {
  width: auto;
  min-width: auto;
  margin-right: 0;
}

.logo_img.is-large {
  width: 65%;
  max-width: 8rem;
}

.section_projects {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  position: relative;
}

.projects_heading {
  z-index: 9;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 13vh;
  margin-bottom: 8rem;
  display: flex;
  position: relative;
}

.projects_component {
  z-index: 9;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.projects_wrap {
  width: 100%;
}

.projects_wrap.is--white {
  color: var(--text-color--text-white);
}

.projects_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.selected_title {
  position: relative;
}

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

.text-size-huge {
  font-size: 6vw;
  line-height: .9;
}

.text-size-huge.is--large {
  font-size: 6rem;
  line-height: 1;
}

.text-size-huge.is--small {
  font-size: 3.8rem;
  line-height: 1.1;
}

.text-size-huge.is--medium {
  font-size: 6rem;
  line-height: 1;
}

.text-size-huge.is--medium.banner {
  font-size: 6.3rem;
  font-weight: 500;
  line-height: .9;
}

.plus_animation {
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: absolute;
  bottom: 7%;
  left: 69%;
}

.plus_animation.is--about {
  left: 79%;
}

.selected_btn {
  flex-flow: column;
  min-width: 19rem;
  display: flex;
}

.projects_card {
  background-color: var(--background-color--background-grey);
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

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

.projects_title {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-size-xlarge {
  font-size: 2rem;
  line-height: 1;
}

.project_subtitle {
  opacity: .6;
  max-width: 70ch;
}

.project_image {
  aspect-ratio: 5 / 4;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

.project_top {
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.categories_list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.categories_tag {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ebebeb12;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
}

.categories_tag-wrap {
  z-index: 3;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.client-logo {
  z-index: 5;
  opacity: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  pointer-events: none;
  background-color: #0000000d;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.client-logo-wrap {
  max-width: 15rem;
}

.project_link {
  z-index: 15;
  position: absolute;
  inset: 0%;
}

.section_services {
  position: relative;
}

.services_component {
  z-index: 5;
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  flex-flow: column;
  padding-top: 20vh;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.heading_component {
  z-index: 9;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.services_title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 101ch;
  margin-right: 4rem;
  display: flex;
}

.services_title.min-wdith {
  min-width: 100ch;
}

.services_list {
  flex-flow: column;
  display: flex;
}

.services_item {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 3rem;
  transition: padding-bottom .5s cubic-bezier(.165, .84, .44, 1);
  display: grid;
}

.services_item:hover {
  padding-bottom: 3.5rem;
}

.services_item.is--last {
  border-bottom-style: none;
}

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

.services_center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  display: flex;
  position: relative;
}

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

.services_tags {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--base-color-brand--orange);
  letter-spacing: .5px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.services_image {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  border-radius: 1rem;
  width: 17rem;
  position: absolute;
  overflow: hidden;
}

.services_number {
  opacity: .4;
}

.services_btn {
  flex-flow: column;
  width: 19rem;
  margin-top: -4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section_bento {
  position: relative;
}

.bento_component {
  z-index: 5;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  padding-top: 15vh;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

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

.bento_vertical {
  color: var(--text-color--text-white);
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  display: flex;
  position: relative;
}

.bento_top {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  background-image: url('../images/card-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .25rem;
  flex-flow: column;
  min-height: 27rem;
  transition: background-position .9s;
  display: flex;
  overflow: hidden;
}

.bento_top:hover {
  background-image: url('../images/card-bg.jpg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bento_bottom {
  background-color: var(--base-color-brand--pure-white);
  background-image: url('../images/card_bg-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 27rem;
  transition: background-position 1s;
  display: flex;
  overflow: hidden;
}

.bento_bottom:hover {
  background-position: 50% 20%;
}

.bento_icon-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

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

.bento_top-img {
  width: 60%;
  height: 100%;
}

.bento_top-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 2rem;
  padding-left: 3.5rem;
  display: flex;
}

.bento-title {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bento-title.is--bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.growth {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: var(--base-color-brand--green);
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.growth.is--bottom {
  margin-top: 0;
  margin-bottom: .3rem;
}

.growth_icon {
  justify-content: center;
  align-items: center;
  width: .625rem;
  height: .625rem;
  display: flex;
}

.bent_paragraph {
  max-width: 26ch;
}

.bento_bottom-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-bottom: 2.5rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  display: flex;
}

.bento_paragraph {
  border-left: 1px solid var(--background-color--background-grey);
  max-width: 45ch;
  padding-left: 1rem;
}

.bento_vertical-top {
  max-width: 65ch;
  margin-top: 3rem;
  margin-left: 4rem;
  margin-right: 4rem;
}

.bento_vertical-paragraph {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  max-width: 50ch;
  margin-bottom: 3rem;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  display: flex;
}

.bento_animation {
  flex: 1;
  position: relative;
}

.figma {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 10%;
  padding-bottom: 10%;
  display: flex;
}

.cursor-chat {
  letter-spacing: .6px;
  background-color: #2e90fa;
  border: .1rem solid #1570ef;
  border-radius: 1.5rem .125rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  padding: .4rem 1.25rem .4rem 1rem;
  display: flex;
}

.cursor-chat.is--green {
  background-color: #2e90fa;
  border-color: #1570ef;
  border-top-left-radius: .125rem;
  border-top-right-radius: 1.5rem;
  margin-left: 1rem;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: .9rem;
}

.cursor-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.cursor-wrap.is--right {
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -4%;
  margin-left: 45%;
  position: relative;
}

.cursor-img {
  width: 1.3rem;
  margin-bottom: -.3rem;
}

.section_pricing {
  z-index: 9;
  background-color: var(--background-color--background-white);
  position: relative;
}

.pricing_component {
  z-index: 8;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  padding-top: 20vh;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading_subtitle {
  opacity: .8;
  max-width: 64ch;
}

.heading_subtitle._2 {
  max-width: 62ch;
}

.pricing_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
}

.pricing_card {
  background-color: var(--base-color-brand--pure-white);
  border-radius: .25rem;
  flex-flow: column;
  display: flex;
}

.pricing_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--text-color--text-secondary);
  flex-flow: column;
  flex: 1;
  padding: 3.5rem 4rem 5rem;
  display: flex;
}

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

.pricing_bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-bottom: 2rem;
  display: flex;
}

.pricing_divider {
  background-color: var(--background-color--background-black);
  opacity: .07;
  width: 100%;
  height: 1px;
}

.pricing_name {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.pricing_popular {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #dbf8cc;
  border-radius: 3rem;
  justify-content: center;
  align-items: center;
  padding: .2rem .7rem .2rem .8rem;
  display: flex;
}

.pricing_description {
  opacity: .8;
  max-width: 50ch;
}

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

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

.pricing_bottom-text {
  opacity: .6;
  text-align: center;
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
}

.section_faq {
  z-index: 9;
  background-color: var(--background-color--background-white);
  position: relative;
}

.faq_component {
  z-index: 9;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.faq_item {
  cursor: pointer;
  background-color: #e1e2e4;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 1.5rem;
  transition: padding .5s;
  display: flex;
}

.faq_item:hover {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}

.faq_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

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

.faq_wrap {
  overflow: hidden;
}

.faq_answer {
  opacity: .7;
  max-width: 100ch;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.footer {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.footer_component {
  grid-column-gap: 9rem;
  grid-row-gap: 9rem;
  flex-flow: column;
  padding: 6.4rem 5.5rem 3rem;
  display: flex;
}

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

.footer_anchor {
  background-color: var(--background-color--background-white);
  margin-bottom: 1vw;
  padding: .5rem;
  transition: opacity .3s;
}

.footer_anchor:hover {
  opacity: .69;
}

.arrow_icon {
  width: 1.5rem;
}

.footer_grid {
  grid-column-gap: 9rem;
  grid-row-gap: 9rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  padding-left: 4vw;
  padding-right: 4vw;
}

.footer_list {
  grid-column-gap: 9rem;
  grid-row-gap: 9rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.footer_links {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  white-space: nowrap;
  flex-flow: column;
  display: flex;
}

.footer_links.is--cms {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.footer_link {
  color: var(--text-color--text-white);
  height: 2.4rem;
  position: relative;
  overflow: hidden;
}

.footer_title {
  opacity: .8;
}

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

.newsletter_substitle {
  max-width: 44ch;
}

.contact-block {
  max-width: 37rem;
  margin-bottom: 0;
}

.contact-block.is--large {
  max-width: none;
}

.form {
  display: flex;
}

.text-field {
  color: var(--text-color--text-black);
  margin-bottom: 0;
  padding: 1.7rem 1rem;
  font-size: 1rem;
  font-weight: 300;
}

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

.submit-btn {
  background-color: var(--base-color-brand--pure-white);
  color: var(--text-color--text-black);
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.submit-btn:hover {
  background-color: var(--base-color-brand--orange);
}

.credits {
  grid-column-gap: 2rem;
  grid-row-gap: .7rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.credits_wrap {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  display: flex;
}

.credits_link {
  color: var(--text-color--text-white);
  white-space: nowrap;
  transition: opacity .2s;
}

.credits_link:hover {
  opacity: .83;
}

.opacity_60 {
  opacity: .6;
}

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

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

.footer-divider {
  background-color: #ffffff40;
  width: 1px;
  height: .7rem;
}

.submit-wrap {
  color: var(--text-color--text-secondary);
  justify-content: center;
  align-items: center;
  width: 4rem;
  margin-left: -1px;
  transition: width .4s;
  display: flex;
  position: relative;
}

.submit-wrap:hover {
  color: var(--text-color--text-white);
  width: 5rem;
}

.newsletter-button_arrow {
  pointer-events: none;
  position: absolute;
}

.footer_reveal {
  position: relative;
}

.progressive-blur_panel {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_wrap {
  z-index: 999;
  pointer-events: none;
  width: 100%;
  height: 6.5rem;
  position: fixed;
  inset: auto 0% 0%;
  overflow: clip;
  transform: rotate(180deg);
}

.section_banner {
  z-index: 9;
  background-color: var(--background-color--background-white);
  position: relative;
}

.banner_component {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  border-radius: 6rem;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-wrap {
  position: relative;
}

.btn-bg {
  background-color: var(--background-color--background-grey);
  border-radius: .25rem;
  position: absolute;
  inset: 0%;
}

.btn-bg.is--accent {
  background-color: var(--background-color--background-orange);
}

.btn-bg.is--white {
  background-color: var(--background-color--background-white);
}

.btn-txt {
  position: relative;
  overflow: hidden;
}

.banner_content {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100ch;
  display: flex;
  position: relative;
}

.banner_btn {
  flex-flow: column;
  width: 19rem;
  margin-top: 2rem;
  display: flex;
}

.banner-video {
  z-index: 1;
  opacity: .63;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.vide-blending {
  opacity: .54;
  mix-blend-mode: exclusion;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.video-overlay {
  opacity: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #00000040;
  position: absolute;
  inset: 0%;
}

.work_heading {
  z-index: 5;
  padding-top: 20vh;
  padding-bottom: 6rem;
  position: relative;
}

.work-image_component {
  z-index: 5;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.work-image_component.is--bottom {
  padding-bottom: 12rem;
}

.section_explore {
  z-index: 9;
  background-color: var(--background-color--background-white);
  position: relative;
}

.explore_component {
  z-index: 4;
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  padding-top: 12rem;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.work-post_component {
  z-index: 5;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  padding-top: 20vh;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

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

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

.work-post_subtitle {
  opacity: .8;
  max-width: 80ch;
  margin-top: 1rem;
  line-height: 1.7;
}

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

.specs_item {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 1px solid #ebebeb1a;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  display: flex;
}

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

.specs_icon {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.live-project {
  color: var(--text-color--text-white);
}

._404_wrap {
  margin-left: -1vw;
}

.password_heading {
  letter-spacing: -2px;
  max-width: 50ch;
}

.password_subtitle {
  opacity: .6;
  max-width: 40ch;
}

.password_submit {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.password_submit:focus, .password_submit:focus-visible, .password_submit[data-wf-focus-visible], .password_submit:lang(en) {
  color: var(--text-color--text-black);
}

.submit-password {
  background-color: var(--background-color--background-grey);
  border-radius: .25rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

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

.password_field {
  background-color: var(--base-color-brand--pure-white);
  border: 1px solid #0000;
  border-bottom-color: #fbfbfb33;
  border-radius: .25rem;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 0 1rem 1rem;
  transition: border .3s;
}

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

.password_field:active {
  color: var(--text-color--text-black);
  border-color: #0000 #0000 #fbfbfbbd;
}

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

.password_field::placeholder {
  font-size: 1rem;
}

.section_contact {
  z-index: 9;
  background-color: var(--background-color--background-white);
  position: relative;
}

.contact_component {
  z-index: 9;
  flex-flow: column;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.contact_form {
  align-self: flex-end;
  width: 45rem;
}

.contact-form {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: column;
  display: flex;
}

.form-field {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid #1414141a;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .9rem;
  display: flex;
}

.form-field.is--message {
  padding-bottom: 4rem;
}

.filed {
  text-align: right;
  letter-spacing: 1px;
  background-color: #0000;
  border: 1px #000;
  flex: 1;
  width: auto;
  margin-bottom: 0;
  padding: 0;
  font-size: .9rem;
}

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

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

.contact_heading {
  z-index: 5;
  padding-top: 20vh;
  padding-bottom: 6rem;
  position: relative;
}

.form-btn {
  margin-top: 1.5rem;
}

.section_image {
  position: relative;
}

.image_component {
  z-index: 9;
  height: 70vh;
  margin-bottom: 12rem;
  position: relative;
  overflow: clip;
}

.contact-submit {
  background-color: var(--background-color--background-grey);
  letter-spacing: .5px;
  border-radius: .25rem;
  padding: .8rem 7rem;
  font-weight: 300;
}

.image-parallax {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 110%;
}

.section_blog {
  position: relative;
}

.blog_component {
  z-index: 9;
  padding-bottom: 8rem;
  position: relative;
}

.blog_heading {
  z-index: 5;
  padding-top: 20vh;
  padding-bottom: 6rem;
  position: relative;
}

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

.blog-title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  max-width: 50ch;
  display: flex;
}

.blog-image {
  aspect-ratio: 2 / 1.6;
  position: relative;
  overflow: hidden;
}

.blog-icon {
  z-index: 5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff40;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  transform: translate(2.5rem);
}

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

.blog-animation {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: .5rem;
  right: .5rem;
  overflow: hidden;
}

.blog-link {
  z-index: 999;
  position: absolute;
  inset: 0%;
}

.pagination {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 4rem;
}

.next {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--base-color-brand--pure-white);
  color: var(--text-color--text-secondary);
  border-style: none;
  border-width: 0;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .7rem 2rem;
  display: flex;
}

.previous {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--base-color-brand--pure-white);
  color: var(--text-color--text-black);
  border-style: none;
  border-width: 0;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: .7rem 2rem;
  display: flex;
}

.pagination_icon.left {
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  display: flex;
  transform: rotate(-90deg);
}

.pagination_icon.right {
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  display: flex;
  transform: rotate(90deg);
}

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

.explore_btn {
  flex-flow: column;
  width: 19rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section_post {
  position: relative;
}

.post_component {
  z-index: 9;
  position: relative;
}

.post_image {
  z-index: 9;
  height: 70vh;
  position: relative;
  overflow: hidden;
}

.post_content {
  z-index: 9;
  max-width: 110ch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12rem;
  padding-bottom: 6rem;
  position: relative;
}

.post_heading {
  z-index: 5;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20vh;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

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

.post_heading-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  max-width: 70%;
  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: 1rem;
  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-wrap {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  flex-flow: column;
  margin-top: 6rem;
  padding-bottom: 1rem;
  display: flex;
}

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

.share-link {
  color: var(--background-color--background-grey);
  transition: color .25s;
}

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

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

.about_image {
  z-index: 9;
  height: 70vh;
  position: relative;
  overflow: clip;
}

.about-hero {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20vh;
  padding-bottom: 6rem;
  display: flex;
}

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

.about_subtitle {
  opacity: .8;
  max-width: 80ch;
  margin-top: 1rem;
  line-height: 1.7;
}

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

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

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

.bubble-img {
  border: 2px solid var(--background-color--background-white);
  border-radius: 50%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  margin-left: -1rem;
  overflow: hidden;
}

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

.numbers_component {
  padding-top: 12rem;
  padding-bottom: 12rem;
  position: relative;
}

.numbers_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100ch;
  margin-right: 4rem;
  display: flex;
}

.numbers_subtitle {
  opacity: .7;
  max-width: 85%;
  margin-top: 2rem;
}

.numbers_grid {
  grid-column-gap: 7rem;
  grid-row-gap: 5rem;
  width: 100%;
  margin-top: 6rem;
}

.numbers_paragraph {
  opacity: .8;
  max-width: none;
}

.big-number {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.logo-grid {
  z-index: 9;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 8rem;
  position: relative;
}

.section_team {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  position: relative;
}

.team_component {
  z-index: 9;
  flex-flow: column;
  padding-top: 8rem;
  display: flex;
  position: relative;
}

.team-wrapper {
  margin-top: 8rem;
}

.team-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-card {
  aspect-ratio: 2 / 2.5;
  color: var(--text-color--text-black);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.team_info {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: 1 / 1.1;
  background-color: var(--background-color--background-white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 80%;
  max-height: 70%;
  padding: 2rem;
  display: flex;
  overflow: hidden;
}

.team-position {
  opacity: .67;
  align-self: flex-end;
}

.team-name {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.section_awards {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  position: relative;
}

.awards_component {
  z-index: 9;
  flex-flow: column;
  padding-top: 8rem;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.awards-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}

.awards-item {
  position: relative;
}

.awards-content {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 1.5em 1em;
  display: grid;
  position: relative;
}

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

.awards {
  text-align: right;
}

.awards-hover_bg {
  background-color: #e0e4e5;
  width: 100%;
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.awards_btn {
  flex-flow: column;
  width: 19rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section_testimonial {
  display: none;
  position: relative;
}

.slider_image {
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
}

.slider_image.is--square {
  border-radius: 4px;
}

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

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

.slider-testimonial {
  background-color: #f3f2ee;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 27rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-testimonial.is--video {
  color: #f3f2ee;
  justify-content: flex-end;
  align-items: flex-start;
}

.slider-item {
  flex: none;
  max-width: 22rem;
  min-height: 27rem;
  margin-right: 1.5rem;
}

.background-video {
  z-index: 2;
  width: 100%;
  height: 100%;
}

.slider {
  grid-row-gap: 3em;
  background-color: #0000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 27rem;
  display: flex;
  position: relative;
}

.testimonial-quote {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.testimonial-overlay {
  z-index: 2;
  background-image: linear-gradient(#1c1b1a00, #1c1b1a99);
  width: 100%;
  height: 10rem;
  position: absolute;
  inset: auto 0% 0%;
}

.right-arrow {
  background-color: var(--background-color--background-black);
  color: var(--text-color--text-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity .3s;
  display: flex;
  inset: -5rem 0% auto auto;
}

.right-arrow:hover {
  opacity: .8;
}

.slider-nav {
  display: none;
}

.slider-mask {
  width: 22rem;
  min-height: 27rem;
  overflow: visible;
}

.slider-bottom {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.quote-icon {
  width: 1.2rem;
  margin-bottom: .5rem;
}

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

.slider_component {
  z-index: 9;
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

.left-arrow {
  opacity: .6;
  color: var(--text-color--text-black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity .3s;
  display: flex;
  inset: -5rem 3.5rem auto auto;
}

.left-arrow:hover {
  opacity: .3;
}

.section_member {
  position: relative;
}

.member_component {
  z-index: 9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 20vh;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

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

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

.social-links.is-team {
  color: var(--text-color--text-secondary);
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
}

.social-links.is-team:hover {
  color: var(--base-color-brand--orange);
}

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

.team-member_content {
  z-index: 2;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #ddd;
  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;
}

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

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

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

.member-info {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  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--carbon);
  opacity: .5;
  width: .025em;
  height: 1em;
}

.vertical-line.opacity_60 {
  opacity: .21;
  height: .8em;
}

.member_btn {
  flex-flow: column;
  width: 19rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section_notifications {
  position: relative;
}

.notifications_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20vh;
  padding-bottom: 12rem;
  display: flex;
}

.notifications_image {
  aspect-ratio: 1;
  border-radius: .25rem;
  overflow: hidden;
}

.notifications_wrap {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 65ch;
  display: flex;
}

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

.brand-reveal {
  z-index: 2147483647;
  background-color: var(--background-color--background-black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.brand-reveal.hide {
  position: fixed;
}

.brand-reveal_logo {
  perspective: 1000px;
  color: var(--text-color--text-white);
  text-align: center;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  transform: perspective(1000px);
}

.features {
  border-left: 1px solid var(--background-color--background-white);
  padding-left: 1rem;
}

.code-embed {
  -webkit-backdrop-filter: blur(20.7px);
  backdrop-filter: blur(20.7px);
  background-color: #ebebeb2b;
  border-radius: 5px;
  padding: 1.125rem;
}

.div-block {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-2 {
  background-color: #e7e7e7;
  border-radius: 3px;
  padding: .2rem .7rem;
}

.text-block {
  color: #727272;
  letter-spacing: .4px;
  font-size: .9rem;
  font-weight: 400;
}

.div-block-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
}

.img-footer {
  width: 43vw;
  max-height: 50vh;
  margin-left: 3rem;
}

.nav-right {
  grid-column-gap: 2.8rem;
  grid-row-gap: 2.8rem;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.link {
  color: var(--text-color--text-black);
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.link:hover {
  opacity: .58;
}

.hero-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 110ch;
  display: flex;
}

.tag-2 {
  z-index: 9;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: .1rem .5rem;
  display: flex;
  position: relative;
}

.text-size-tiny-2 {
  letter-spacing: .15rem;
  font-size: .75rem;
}

.text-size-tiny-2.text-style-allcaps {
  letter-spacing: 1px;
  font-size: .9rem;
}

.heading1 {
  font-size: 4rem;
  line-height: 1.3;
}

.heading1.text-weight-light {
  font-weight: 300;
  line-height: 1.3;
}

.text-orange {
  color: #ff4539;
}

.paragraph {
  opacity: .68;
  letter-spacing: .5px;
  max-width: 65ch;
  font-size: 1.1rem;
}

.div-block-4 {
  z-index: 10;
  -webkit-backdrop-filter: blur(38px);
  backdrop-filter: blur(38px);
  perspective: 1000px;
  background-color: #ffffff85;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 10vh;
  padding: 14px;
  position: relative;
  transform: perspective(1000px);
}

.image-2 {
  width: 100%;
}

.cursor {
  z-index: 100;
  pointer-events: none;
  background-color: #ff4c24;
  border: 1px solid #ff4c24;
  border-radius: 100em;
  width: 1em;
  height: 1em;
  transition: background-color .375s cubic-bezier(.625, .05, 0, 1), height .375s cubic-bezier(.625, .05, 0, 1), width .375s cubic-bezier(.625, .05, 0, 1);
  position: fixed;
  inset: 0% auto auto 0%;
}

.image-3 {
  display: none;
}

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

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

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

  .text-rich-text h1 {
    font-size: 2.5rem;
  }

  .text-rich-text h2 {
    font-size: 2rem;
  }

  .text-rich-text h3 {
    font-size: 1.5rem;
  }

  .text-rich-text h4 {
    font-size: 1.3rem;
  }

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

  .heading-style-h1.is--work {
    font-size: 7rem;
  }

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

  .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 {
    font-size: 3.5rem;
  }

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

  .work-post_content {
    padding-top: 4rem;
    padding-bottom: 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;
  }

  .hero_component {
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .copyright {
    flex: none;
  }

  .menu-wrap {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    right: 0;
  }

  .menu-open {
    width: 100%;
  }

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

  .menu_link {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .text-menu {
    font-size: 6vh;
  }

  .projects_heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 4rem;
  }

  .projects_component {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    padding-bottom: 8rem;
  }

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

  .selected_subtitle {
    margin-left: auto;
  }

  .text-size-huge {
    font-size: 14vw;
    line-height: 1;
  }

  .text-size-huge.is--medium, .text-size-huge.is--medium.banner {
    font-size: 5rem;
  }

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

  .services_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .heading_component {
    flex-flow: column;
  }

  .services_title {
    margin-right: 0;
  }

  .services_title.min-wdith {
    min-width: auto;
  }

  .services_list {
    margin-bottom: 2rem;
  }

  .services_item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
    padding-top: 3rem;
    display: flex;
  }

  .services_image {
    display: none;
  }

  .bento_component {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    padding-top: 6rem;
  }

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

  .pricing_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-top: 8rem;
  }

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

  .pricing_content {
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .footer {
    position: relative;
  }

  .footer_component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer_bottom {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column-reverse;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .footer_grid {
    grid-template-columns: 1.5fr;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_list {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: wrap;
  }

  .banner_component {
    border-radius: 4rem;
  }

  .banner-video {
    border-radius: 0;
  }

  .work_heading {
    padding-top: 12rem;
    padding-bottom: 5rem;
  }

  .work-image_component.is--bottom {
    padding-bottom: 6rem;
  }

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

  .work-post_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-top: 12rem;
    padding-bottom: 5rem;
  }

  .specs {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

  .contact_form {
    align-self: stretch;
    width: 100%;
  }

  .contact_heading {
    padding-top: 12rem;
    padding-bottom: 5rem;
  }

  .image_component {
    height: 45rem;
    margin-bottom: 6rem;
  }

  .blog_component {
    padding-bottom: 6rem;
  }

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

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

  .post_image {
    height: 50vh;
  }

  .post_content {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .post_heading {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 12rem;
    padding-bottom: 5rem;
  }

  .post_heading-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    max-width: none;
  }

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

  .about-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 12rem;
    padding-bottom: 3rem;
  }

  .numbers_component {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }

  .numbers_content {
    margin-right: 0;
  }

  .numbers_grid {
    grid-column-gap: 2rem;
    margin-top: 3rem;
  }

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

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

  .slider_component {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .member_component {
    padding-top: 12rem;
  }

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

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

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

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

  .notifications_component {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 12rem;
    padding-bottom: 5rem;
  }

  .link {
    display: none;
  }

  .heading1.text-weight-light {
    font-size: 3rem;
  }

  .image-3 {
    display: none;
  }
}

@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, .heading-style-h3.is--small {
    font-size: 1.5rem;
  }

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

  .heading-style-h1.is--work {
    font-size: 5rem;
  }

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

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

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

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

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

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

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

  .alert_img {
    aspect-ratio: 1;
    width: auto;
    min-width: 4.5rem;
    max-width: 4.5rem;
    height: auto;
    min-height: 4.5rem;
    max-height: 4.5rem;
  }

  .alert-wrap {
    max-width: 90svw;
  }

  .logos_card.is--grid {
    aspect-ratio: auto;
    padding: 3rem 2rem;
  }

  .projects_heading {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    margin-top: 2rem;
  }

  .projects_heading.top-margin {
    margin-top: 6rem;
  }

  .projects_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-bottom: 6rem;
  }

  .selected_subtitle {
    margin-left: 0;
  }

  .text-size-huge.is--medium.banner {
    font-size: 3rem;
  }

  .selected_btn, .services_btn {
    min-width: auto;
  }

  .bento_top-wrap {
    padding-left: 2.5rem;
  }

  .bento_vertical-top {
    max-width: 40ch;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .bento_vertical-paragraph {
    margin-bottom: 2rem;
    margin-left: 2rem;
  }

  .cursor-wrap.is--right {
    margin-left: 48%;
  }

  .pricing_content {
    padding: 1.5rem;
  }

  .pricing_popular {
    font-size: .8rem;
  }

  .faq_component {
    padding-bottom: 6rem;
  }

  .banner_btn {
    width: 100%;
  }

  .work-image_component.is--bottom {
    padding-bottom: 4rem;
  }

  .password_submit {
    flex-flow: column;
  }

  .form-btn {
    flex-flow: column;
    align-self: stretch;
    display: flex;
  }

  .image_component {
    height: 50vh;
  }

  .contact-submit {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .explore_btn {
    min-width: auto;
  }

  .post_heading {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-bottom: 3rem;
  }

  .about-hero {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-bottom: 4rem;
  }

  .numbers_component {
    padding-bottom: 4rem;
  }

  .numbers_subtitle {
    max-width: none;
    margin-top: 1rem;
  }

  .numbers_grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 1rem;
  }

  .team_component {
    padding-bottom: 4rem;
  }

  .team-wrapper {
    margin-top: 4rem;
  }

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

  .team_info {
    aspect-ratio: auto;
    width: 100%;
    max-width: none;
    max-height: none;
  }

  .team-position {
    display: none;
  }

  .awards_component {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .awards-content {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr 1fr;
    padding-top: 2em;
    padding-bottom: 2em;
  }

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

  .awards_btn {
    min-width: auto;
  }

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

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

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

  .team-member_image {
    height: auto;
  }

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

  .member_btn {
    min-width: auto;
  }

  .notifications_component {
    padding-bottom: 2rem;
  }

  .heading1.text-weight-light {
    font-size: 2rem;
  }

  .div-block-4 {
    margin-bottom: 0;
    padding: 0;
  }

  .image-2 {
    display: none;
  }

  .image-3 {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .utility-page_component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .utility-page_wrapper {
    width: 100%;
  }

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

  .text-rich-text h1 {
    font-size: 2rem;
  }

  .text-rich-text h2 {
    font-size: 1.8rem;
  }

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

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

  .heading-style-h1.is--work {
    font-size: 3rem;
  }

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

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

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

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

  .opacity-70.no-wrap {
    display: none;
  }

  .work-image {
    aspect-ratio: 1;
  }

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

  .hero_component {
    padding-top: 10rem;
    padding-left: 0;
    padding-right: 0;
  }

  .btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .bg_animation.is--none {
    display: none;
  }

  .icon_wrap.fifth {
    margin-top: 146%;
  }

  .alert-open {
    width: 100%;
    min-width: auto;
  }

  .alert_card {
    padding-bottom: 1.5rem;
  }

  .alert_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .alert_img {
    width: 4rem;
    min-width: 4rem;
    max-width: none;
    height: 4rem;
    min-height: 4rem;
    max-height: none;
  }

  .alert_content {
    padding-right: 0;
  }

  .alert-wrap {
    width: 100svw;
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    bottom: 1.5rem;
    right: 0;
  }

  .menu-open {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: auto;
  }

  .menu_content {
    padding: 1rem 1.5rem 2rem;
  }

  .menu_bottom, .menu_link {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .text-menu {
    font-size: 2.2rem;
  }

  .tag {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .logos_card {
    min-width: 10rem;
    padding: 0 1.5rem;
  }

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

  .text-size-huge.is--large {
    font-size: 4.7rem;
  }

  .text-size-huge.is--small {
    max-width: 100%;
    font-size: 2.2rem;
  }

  .text-size-huge.is--medium, .text-size-huge.is--medium.banner {
    font-size: 3rem;
  }

  .selected_btn {
    width: 100%;
  }

  .projects_card {
    border-radius: .5rem;
  }

  .projects_bottom {
    padding: 1.5rem 1.5rem 2rem;
  }

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

  .project_image {
    aspect-ratio: 5 / 5;
    border-radius: .5rem;
  }

  .project_top {
    border-radius: .5rem;
  }

  .categories_tag {
    border-radius: .25rem;
    padding: .5rem 1rem;
  }

  .services_component {
    padding-top: 2rem;
    padding-bottom: 0;
  }

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

  .services_left {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 500;
  }

  .services_center {
    padding-top: 0;
  }

  .services_tags {
    flex-flow: wrap;
  }

  .services_btn {
    width: 100%;
  }

  .services_btn.top {
    margin-top: 0;
  }

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

  .bento_vertical {
    aspect-ratio: auto;
    width: 100%;
  }

  .bento_top-content {
    margin-bottom: 2rem;
    padding-right: 1.5rem;
  }

  .bento_top-img {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .bento_top-wrap {
    flex-flow: column;
    padding-left: 1.5rem;
  }

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

  .bent_paragraph {
    max-width: none;
  }

  .bento_bottom-content {
    margin-bottom: 1.5rem;
    margin-left: 1rem;
  }

  .bento_paragraph {
    max-width: none;
  }

  .bento_vertical-top {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .bento_vertical-paragraph {
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .figma {
    padding: 2rem 2px;
  }

  .cursor-chat {
    font-size: .75rem;
  }

  .pricing_component {
    padding-top: 0;
    padding-bottom: 5rem;
  }

  .pricing_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1.4rem 1.5rem 1.5rem;
  }

  .pricing_top {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
  }

  .pricing_bottom {
    grid-column-gap: 1.1rem;
    grid-row-gap: 1.1rem;
    margin-bottom: 1rem;
  }

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

  .pricing_popular {
    font-size: .8rem;
  }

  .pricing_item {
    flex-flow: wrap;
  }

  .faq_answer {
    padding-top: 1rem;
  }

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

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

  .footer_anchor {
    display: none;
  }

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

  .footer_list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .footer_link {
    height: 2rem;
  }

  .credits {
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .credit {
    margin-bottom: 2rem;
  }

  .pages_links {
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .banner_component {
    border-radius: 2rem;
    min-height: 90vh;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .work_heading {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .explore_component {
    padding-top: 1rem;
  }

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

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

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

  .specs_item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-bottom: 2rem;
    font-size: .75rem;
  }

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

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

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

  .form-field {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .filed {
    text-align: left;
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .form-name {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact_heading {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }

  .form-btn {
    margin-top: 0;
  }

  .image_component {
    height: 40vh;
  }

  .blog_heading {
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .blog-list {
    grid-row-gap: 3.2rem;
  }

  .explore_btn {
    width: 100%;
  }

  .post_heading {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .post_info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    font-size: .8rem;
  }

  .about-hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 8rem;
    padding-bottom: 2rem;
  }

  .numbers_component {
    padding-top: 4rem;
  }

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

  .numbers_paragraph {
    max-width: none;
  }

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

  .logo-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }

  .team_component {
    padding-top: 4rem;
  }

  .team_info {
    background-color: var(--background-color--background-grey);
    color: var(--text-color--text-white);
    padding: 1rem;
  }

  .team-intro {
    display: none;
  }

  .awards_component {
    padding-bottom: 4rem;
  }

  .awards-content {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr;
  }

  .awards {
    text-align: left;
  }

  .awards_btn {
    width: 100%;
    margin-top: 1rem;
  }

  .right-arrow {
    inset: auto 1.75rem -4rem 5.75rem;
  }

  .slider-mask {
    width: 100%;
  }

  .left-arrow {
    top: auto;
    bottom: -4rem;
    left: 1rem;
  }

  .member_component {
    padding-top: 8rem;
    padding-bottom: 0;
  }

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

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

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

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

  .member_btn {
    width: 100%;
  }

  .notifications_component {
    padding-top: 8rem;
  }

  .notifications_wrap {
    justify-content: center;
    align-items: stretch;
  }

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

  .code-embed {
    justify-content: center;
    align-items: center;
    max-width: 90%;
    display: flex;
  }

  .img-footer {
    width: 100%;
    margin-left: 0;
  }

  .heading1.text-weight-light {
    font-size: 2.3rem;
  }
}

#w-node-_5551f634-47f8-d6ab-0f1e-c45b6ee5f5cb-bcc7161d {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b224ec27-30fa-be84-48bf-7ed471542af3-bcc71620 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#w-node-_23b5c5a9-e670-78e6-b00a-bd0bb578156b-bcc71625, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c82f-bcc71626, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c84e-bcc71626, #w-node-f93b45b3-642b-99cd-aa9d-0110d2d7c872-bcc71626, #w-node-_4863f435-b2aa-b37b-f000-367b81b0b16b-bcc71627, #w-node-c65c353c-cd94-1b41-8886-fa8dbe6c7078-bcc71627, #w-node-_1a2cad60-3937-6920-df85-56fcd64ce07d-bcc71627, #w-node-d3938fdd-fd5f-fe7b-7113-067df9918b0f-bcc71627, #w-node-_7d5431b0-a52d-05c9-c67d-946db57aa681-bcc71627, #w-node-_1146b6d5-97de-02d5-f9bd-3f02b2f44eb3-bcc71627, #w-node-e2f6483d-c9e6-3004-fef4-2f4bc83f0b1c-bcc71627, #w-node-_01736af9-486b-79b8-61c3-1c43f9e403ea-bcc71627 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9b9836a-f152-6abc-4436-4f9227b2723a-bcc7162d, #w-node-f9b9836a-f152-6abc-4436-4f9227b2723d-bcc7162d, #w-node-f9b9836a-f152-6abc-4436-4f9227b27240-bcc7162d, #w-node-ca0ab39e-29aa-1758-0490-23581dc12ac4-bcc7162d, #w-node-ca0ab39e-29aa-1758-0490-23581dc12ac7-bcc7162d, #w-node-ca0ab39e-29aa-1758-0490-23581dc12aca-bcc7162d, #w-node-_4550e0b9-8fed-7a4b-2384-78196cdd17a8-bcc7162d, #w-node-_4550e0b9-8fed-7a4b-2384-78196cdd17ab-bcc7162d, #w-node-_4550e0b9-8fed-7a4b-2384-78196cdd17ae-bcc7162d, #w-node-d6f945c1-466d-05e0-197f-2593469eae73-bcc7162d, #w-node-d6f945c1-466d-05e0-197f-2593469eae76-bcc7162d, #w-node-d6f945c1-466d-05e0-197f-2593469eae79-bcc7162d, #w-node-_3f60bace-2bd1-23fa-17dc-4cd18d7f42a7-bcc7162d, #w-node-_3f60bace-2bd1-23fa-17dc-4cd18d7f42aa-bcc7162d, #w-node-_3f60bace-2bd1-23fa-17dc-4cd18d7f42ad-bcc7162d, #w-node-c1362879-3d91-723b-cea5-1098653e1517-bcc7162d, #w-node-c1362879-3d91-723b-cea5-1098653e151a-bcc7162d, #w-node-c1362879-3d91-723b-cea5-1098653e151d-bcc7162d {
  align-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-f9b9836a-f152-6abc-4436-4f9227b2723a-bcc7162d, #w-node-ca0ab39e-29aa-1758-0490-23581dc12ac4-bcc7162d, #w-node-_4550e0b9-8fed-7a4b-2384-78196cdd17a8-bcc7162d, #w-node-d6f945c1-466d-05e0-197f-2593469eae73-bcc7162d, #w-node-_3f60bace-2bd1-23fa-17dc-4cd18d7f42a7-bcc7162d, #w-node-c1362879-3d91-723b-cea5-1098653e1517-bcc7162d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f9b9836a-f152-6abc-4436-4f9227b2723a-bcc7162d, #w-node-ca0ab39e-29aa-1758-0490-23581dc12ac4-bcc7162d, #w-node-_4550e0b9-8fed-7a4b-2384-78196cdd17a8-bcc7162d, #w-node-d6f945c1-466d-05e0-197f-2593469eae73-bcc7162d, #w-node-_3f60bace-2bd1-23fa-17dc-4cd18d7f42a7-bcc7162d, #w-node-c1362879-3d91-723b-cea5-1098653e1517-bcc7162d {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Book.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-BookItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-LightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Overusedgrotesk';
  src: url('../fonts/OverusedGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}