@font-face {
  font-family: Yikes;
  src: url('../fonts/YIKES__.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Condensed;
  src: url('../fonts/GT-Alpina-Condensed-Medium-Italic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Condensed;
  src: url('../fonts/GT-Alpina-Condensed-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt Alpina Condensed;
  src: url('../fonts/GT-Alpina-Condensed-Bold-Italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Raveo Bf 6747 D 9 Ec 1 B 58 A";
  src: url('../fonts/Raveo-Medium-BF6747d9ec1b58a.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raveo Bf 6747 D 9 Ec 29915";
  src: url('../fonts/Raveo-Regular-BF6747d9ec29915.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raveo Bf 6747 D 9 Ec 1 Ad 72";
  src: url('../fonts/Raveo-Light-BF6747d9ec1ad72.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --base-color-neutral--neutral-dark: #2b2b2b;
  --background-color--background-primary: var(--base-color-neutral--black);
  --text-color--text-alternate: var(--base-color-neutral--neutral-dark);
  --text-color--text-primary: var(--base-color-neutral--black);
  --background-color--background-success: var(--base-color-system--success-green);
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --_sonja-ci---light-blue: #c7dddf;
  --text-color--text-secondary: var(--base-color-neutral--white);
  --border-color--border-primary: var(--base-color-neutral--neutral-lightest);
  --_sonja-ci---orange: #ff5b23;
  --base-color-neutral--white: #fff;
  --base-color-neutral--black: #000;
  --base-color-neutral--neutral: #666;
  --base-color-neutral--neutral-light: #aaa;
  --background-color--background-alternate: var(--base-color-neutral--white);
  --base-color-neutral--neutral-lightest: #eee;
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --border-color--border-alternate: var(--base-color-neutral--neutral-darker);
  --_sonja-ci---purple: #dcb9ff;
  --_sonja-ci---blue: #3a37ff;
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --background-color--background-tertiary\<deleted\|variable-6632d948-2d2d-2556-731d-05a71c92f234\>: var(--base-color-brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>);
  --base-color-neutral--neutral-lighter: #cfcfcf;
  --base-color-brand--blue-light: #c7dddf;
  --_sonja-ci---beige: #f4f0e4;
  --_sonja-ci---pink: #eba3ba;
  --base-color-neutral--neutral-darkest: #111;
  --base-color-brand--blue: #222;
  --base-color-neutral--neutral-darker: #222;
  --base-color-system--success-green: #cef5ca;
  --base-color-system--success-green-dark: #114e0b;
  --base-color-system--warning-yellow: #fcf8d8;
  --base-color-system--warning-yellow-dark: #5e5515;
  --base-color-system--error-red: #f8e4e4;
  --base-color-system--error-red-dark: #3b0b0b;
  --base-color-system--focus-state: #2d62ff;
  --background-color--background-secondary: var(--base-color-brand--blue);
  --border-color--border-secondary: var(--base-color-brand--blue);
  --link-color--link-primary: var(--base-color-brand--blue);
  --link-color--link-secondary: var(--base-color-neutral--black);
  --link-color--link-alternate: var(--base-color-neutral--white);
  --base-color-brand--pink\<deleted\|variable-c4661572-8a15-7367-e98c-cc1a0987f6d1\>: #dd23bb;
}

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

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

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

@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 {
  color: #000;
  font-family: Archivo, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

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

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

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

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

p {
  margin-bottom: 0;
}

a {
  color: var(--base-color-neutral--neutral-dark);
  text-decoration: none;
}

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

li {
  margin-bottom: .25rem;
}

img {
  aspect-ratio: auto;
  object-fit: none;
  max-width: none;
  display: inline-block;
}

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

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

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

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

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

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

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

.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 {
  height: auto;
  margin: 6rem 6rem auto;
}

.padding-medium {
  padding: 2rem;
}

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

.margin-xxlarge {
  margin: 5rem;
}

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

.margin-xhuge {
  margin: 8rem;
}

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

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

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

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

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

.margin-bottom {
  flex-flow: column;
  align-self: flex-start;
  align-items: flex-start;
  margin: 12.5rem 0;
  display: flex;
}

.margin-bottom.extra-margin {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  margin-bottom: 17.5rem;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-auto {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

.background-color-primary {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
}

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

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

.text-color-secondary {
  color: var(--text-color--text-alternate);
}

.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);
  color: var(--text-color--text-success);
  padding: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

.heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-style-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.heading-style-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.padding-global {
  justify-content: center;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.padding-global.padding-section-large {
  flex-flow: column;
  align-self: center;
  width: 80vw;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.padding-global.padding-section-small {
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  height: auto;
  min-height: auto;
  display: flex;
}

.padding-global.padding-section-small.align-left {
  justify-content: flex-start;
}

.padding-global.padding-section-small.align-center {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  align-items: center;
  max-width: 1200px;
  padding-top: 3vh;
  padding-bottom: 3vh;
}

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

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

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

.text-color-alternate {
  color: var(--text-color--text-secondary);
}

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

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

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

.overflow-hidden {
  overflow: hidden;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-color--border-primary);
  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;
}

.text-size-tiny.text-orange {
  color: var(--_sonja-ci---orange);
}

.text-size-tiny.text-orange:hover, .text-size-tiny.white {
  color: var(--base-color-neutral--white);
}

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

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

.overflow-visible {
  overflow: visible;
}

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

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

.text-weight-light.text-size-medium.text-align-center {
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 1.5;
}

.text-weight-light.text-size-large.text-align-center {
  line-height: 1.5;
}

.text-weight-light.text-size-large.text-align-center.margin-top-30 {
  margin-top: 30px;
}

.text-weight-light.text-size-large.text-align-center.testimonial-text {
  font-size: 1rem;
}

.text-weight-light.text-align-center {
  font-size: 2rem;
  line-height: 2;
}

.text-weight-light.text-align-center.text-size-regular {
  font-size: 1.5rem;
}

.text-weight-light.text-size-small.text-align-center.margin-bottom-24px.testimonial-text, .text-weight-light.text-size-tiny.text-align-center.testimonial-text {
  font-size: 1rem;
  line-height: 1.5;
}

.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-xxlk {
  text-align: center;
  font-size: 1.5rem;
}

.text-size-xxlk.is-inside-accordian {
  color: var(--base-color-neutral--black);
  text-align: left;
  padding: 1rem 2.5rem 0 0;
  display: flex;
}

.text-size-xxlk.is-inside-accordian.text-black {
  color: var(--base-color-neutral--black);
}

.text-size-xxlk.text-color-alternate.text-primary {
  color: var(--text-color--text-primary);
}

.text-size-xxlk.text-white {
  color: var(--base-color-neutral--white);
  text-align: left;
}

.text-size-xxlk.text-color-light {
  color: #666;
}

.text-size-xxlk.bullet-block {
  line-height: 1.8;
}

.text-size-xxlk.accordian-title {
  font-size: 2rem;
}

.text-size-xxlk.bullet-block-lined {
  border-bottom: 2px solid #000;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.8;
}

.text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top {
  border-top: 2px solid #000;
}

.text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text:hover {
  color: var(--base-color-neutral--white);
}

.text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text.text-size-xxl {
  text-align: left;
  cursor: pointer;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 1.5rem;
}

.text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text.text-size-xxl:hover {
  color: var(--base-color-neutral--neutral-light);
}

.text-size-xxlk.bullet-block-lined.bullet-block-text:hover {
  color: var(--base-color-neutral--white);
}

.text-size-xxlk.bullet-block-lined.bullet-block-text.text-size-xxl {
  text-align: left;
  cursor: pointer;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 1.5rem;
}

.text-size-xxlk.bullet-block-lined.bullet-block-text.text-size-xxl:hover {
  color: var(--base-color-neutral--neutral-light);
}

.text-size-xxlk.margin-top-50 {
  margin-top: 50px;
}

.text-size-xxlk.margin-top-50.margin-bottom-50 {
  margin-bottom: 50px;
}

.text-size-xxlk.orange-text {
  color: var(--_sonja-ci---orange);
}

.text-size-xxlk.bold {
  font-weight: 600;
}

.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;
  color: var(--text-color--text-primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

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

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

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

.text-size-small.white {
  color: var(--base-color-neutral--white);
}

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

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

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

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

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

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

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

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

.form_input {
  border: 1px solid var(--border-color--border-primary);
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 3rem;
  color: var(--text-color--text-primary);
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input:focus-visible, .form_input[data-wf-focus-visible] {
  border-color: var(--border-color--border-primary) var(--border-color--border-primary) var(--background-color--background-primary);
}

.form_input.is-select-input {
  color: var(--text-color--text-secondary);
}

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

.heading-style-h6 {
  font-size: 1rem;
  font-weight: 600;
  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(--base-color-neutral--neutral-light);
  text-decoration: none;
}

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

.text-size-large.text-white {
  color: var(--base-color-neutral--white);
}

.fs-styleguide_header {
  color: var(--text-color--text-alternate);
}

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

.heading-style-h2.text-color-secondary {
  text-align: left;
  align-self: center;
  font-weight: 300;
  position: relative;
}

.heading-style-h2.text-color-secondary.text-white {
  color: var(--base-color-neutral--white);
}

.heading-style-h2.text-color-secondary.text-align-center {
  text-align: center;
}

.heading-style-h2.text-color-secondary.align-right {
  overflow-wrap: normal;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  margin-left: 50vw;
  display: flex;
}

.heading-style-h2.text-color-secondary.align-right.margin-bottom-30 {
  margin-bottom: 30px;
}

.heading-style-h2.text-color-secondary._3-4width {
  align-self: flex-start;
  width: 75%;
}

.heading-style-h2.text-color-secondary._3-4width.text-weight-bold {
  font-weight: 700;
}

.heading-style-h2.text-color-secondary._3-4width.margin-bottom-30 {
  margin-bottom: 30px;
}

.heading-style-h2.text-color-secondary._3-4width.margin-bottom-medium {
  align-self: flex-start;
  margin-bottom: 2rem;
}

.heading-style-h2.text-color-secondary._3-4width.align-left {
  align-self: flex-start;
}

.heading-style-h2.text-color-secondary.text-orange {
  color: var(--_sonja-ci---orange);
}

.heading-style-h2.text-color-secondary.text-weight-bold {
  font-weight: 700;
}

.heading-style-h2.text-white {
  margin-left: 4vw;
  font-size: 3rem;
  font-weight: 300;
}

.heading-style-h2.text-white._3-4-width {
  max-width: 75%;
}

.heading-style-h2.text-white.text-weight-bold {
  font-weight: 600;
}

.heading-style-h2.text-white.no-left-margin {
  margin-left: 0;
}

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

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

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

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

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

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

.overflow-scroll {
  overflow: scroll;
}

.form_message-error {
  background-color: var(--background-color--background-error);
  color: var(--text-color--text-error);
  margin-top: .75rem;
  padding: .75rem;
}

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

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

.form_component {
  margin-bottom: 0;
}

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

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

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

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

.button {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

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

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

.button.is-form-submit {
  color: var(--text-color--text-secondary);
}

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

.button.is-secondary {
  border: 1px solid var(--border-color--border-alternate);
  color: var(--text-color--text-primary);
  background-color: #0000;
}

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

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

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

.text-size-medium.text-orange {
  color: var(--_sonja-ci---orange);
}

.text-size-medium.text-purple {
  color: var(--_sonja-ci---purple);
}

.text-size-medium.text-blue {
  color: var(--_sonja-ci---blue);
}

.text-size-medium.light-blue {
  color: var(--_sonja-ci---light-blue);
}

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

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

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

.hide {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fs-styleguide_message {
  background-color: var(--background-color--background-warning);
  color: var(--text-color--text-warning);
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

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

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

.nav_logo {
  width: 10rem;
}

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

.nav_button {
  padding: 1rem;
}

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

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

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

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

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

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

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

.section-home-hero {
  z-index: 1;
  min-height: 100vh;
  display: none;
  position: relative;
}

.home-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.slider-data-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.slider-data-cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.background-wrapper {
  z-index: 0;
  background-color: #d5d5d5;
  display: block;
  position: absolute;
  inset: 0%;
}

.background-video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.background-video._1st {
  z-index: 1;
  object-fit: cover;
}

.section-home-about {
  z-index: 1;
  height: 20vh;
}

.grid-12x {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.statistics-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.statistics-cell {
  border-top: 1px solid var(--base-color-neutral--neutral-lightest);
  flex-flow: column;
  padding-top: .75rem;
  display: flex;
}

.section-home-service1 {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.accordian-main-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end stretch;
  margin-bottom: 5rem;
  display: grid;
}

.accordion-content {
  margin-top: 10px;
  overflow: hidden;
}

.plus-icon {
  width: 1rem;
  height: 1rem;
  color: var(--base-color-neutral--white);
}

.accordian-bar {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid var(--base-color-neutral--neutral-lighter);
  color: #222;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem 1rem 0;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.accordian-cell {
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}

.accordian-cell.padding-medium {
  width: 60vw;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.trigger-service {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-home-services {
  z-index: 2;
  display: none;
  position: relative;
}

.section-home-testimonial {
  z-index: 3;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  position: relative;
}

.partners-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.partner-cell {
  border-left: 1px solid var(--base-color-neutral--neutral-lighter);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  height: 300px;
  padding-left: .75rem;
  display: flex;
}

.logo {
  max-width: none;
  color: var(--base-color-neutral--white);
}

.logo-cell {
  height: 100%;
}

.testimonial-absolute {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.logo-slider {
  background-color: var(--base-color-neutral--white);
  height: 100%;
}

.slide {
  height: 100%;
}

.slide.with-padding-left {
  margin-right: 2rem;
}

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

.mask {
  height: 100%;
}

.section-home-faqs.background-color-secondary {
  z-index: 2;
  display: flex;
  position: relative;
}

.section-home-footer {
  z-index: 999;
  background-color: var(--_sonja-ci---orange);
  height: auto;
  min-height: auto;
  position: relative;
}

.section-home-service2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 40vh;
  position: sticky;
  top: 0;
}

.section-home-service3 {
  z-index: 3;
  background-color: var(--base-color-neutral--white);
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-home-team {
  z-index: 2;
}

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

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

.text-color-light {
  color: var(--base-color-neutral--neutral-light);
}

.footer-liink-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.social-link-cell.margin-bottom-small {
  margin-bottom: 20px;
}

.line-light {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  width: 100%;
  height: 1px;
}

.line-light.absolute {
  display: flex;
  position: absolute;
  inset: 0%;
}

.social-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.credentials-wrapper {
  justify-content: space-between;
  align-items: stretch;
  display: none;
}

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

.cta-wrapper.text-size-xl {
  width: 100%;
}

.arrow-icon {
  aspect-ratio: auto;
  width: 50px;
  max-width: 100%;
  height: 50px;
  color: var(--base-color-neutral--white);
  object-fit: cover;
  overflow: clip;
}

.cta-cell {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.arrow-wrapper {
  object-fit: none;
  justify-content: flex-end;
  width: 50px;
  min-width: 50px;
  display: flex;
  overflow: hidden;
}

.line-hovereffect-wrapper {
  height: 1px;
  position: relative;
  overflow: hidden;
}

.line-primary {
  z-index: 2;
  background-color: var(--base-color-neutral--neutral-dark);
  height: 1px;
  position: absolute;
  inset: 0%;
}

.trigger-faq {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.footer-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
}

.section-home-approach {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-home-approach.background-color-secondary {
  z-index: 999;
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
  min-height: 100vh;
}

.testimonial-slider {
  background-color: #1110;
  height: 350px;
}

.testimonial-mask {
  width: 25rem;
  padding-bottom: 50px;
  padding-right: 10px;
  overflow: visible;
}

.arrow-icon-2 {
  width: 1rem;
}

.approach-celll {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.hero-slide-1 {
  z-index: 4;
  width: 100%;
  display: flex;
  position: absolute;
}

.hero-slide-2 {
  z-index: 3;
  width: 100%;
  display: flex;
  position: absolute;
}

.service-link-absolute {
  z-index: 10;
  position: absolute;
  inset: auto 0% 0%;
}

.service-link-absolute.black {
  background-color: var(--base-color-neutral--black);
}

.hero-slide-3, .hero-slide-4 {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.accordian-image {
  width: 100%;
  height: 100%;
  margin-bottom: 10vh;
  position: static;
}

.line-grey {
  background-color: #fff3;
  height: 1px;
}

.navbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.brand {
  height: auto;
}

.brand.w--current {
  width: auto;
}

.nav-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-end;
  align-self: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  display: flex;
}

.link {
  color: #1a1a1a;
  font-size: .875rem;
  line-height: 100%;
  text-decoration: none;
}

.link.silver {
  color: var(--base-color-neutral--neutral);
  align-self: center;
  padding: 0;
  transition: all .35s;
  display: flex;
}

.link.silver:hover {
  color: var(--base-color-neutral--neutral-lighter);
}

.link.black {
  margin-left: 25px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .75rem;
}

.link.black:hover {
  text-underline-offset: 5px;
  text-underline-position: under;
  text-decoration: underline;
}

.link.black.w--current {
  color: var(--base-color-neutral--black);
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--base-color-neutral--black);
  text-decoration-color: var(--base-color-neutral--black);
  text-underline-position: under;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
  font-size: .75rem;
}

.link.text-white {
  margin-left: 0;
  margin-right: 0;
  font-size: .75rem;
}

.link.text-white.w--current {
  color: var(--base-color-neutral--white);
  text-underline-offset: 5px;
  text-underline-position: under;
  text-decoration: underline;
}

.link.text-white.w--current:hover {
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--base-color-neutral--white);
  text-decoration-color: var(--base-color-neutral--white);
  text-underline-position: under;
}

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

.changelog-card.background-color-primary.padding-custom1 {
  background-color: var(--base-color-neutral--neutral-lightest);
}

.changelog-card-content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.heading-style-h3-2 {
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 1.2;
}

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

.line-divider {
  background-color: #e4e3e3;
  height: 1px;
}

.social-box-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.text-size-xl {
  font-size: 2rem;
}

.text-size-xl.text-white {
  color: var(--base-color-neutral--white);
  margin-top: 0;
  font-weight: 300;
}

.text-size-xl.text-black.margin-top-30 {
  margin-top: 30px;
}

.text-size-xl.text-black.margin-top-30.text-white {
  font-size: 2rem;
}

.text-size-xl.text-blue {
  color: var(--_sonja-ci---blue);
}

.text-size-xl.text-orange {
  color: var(--_sonja-ci---orange);
}

.text-size-xl.light-blue {
  color: var(--_sonja-ci---light-blue);
}

.image {
  object-fit: cover;
  margin-right: 0;
  padding-bottom: 10px;
  padding-right: 0;
}

.text-white {
  color: var(--base-color-neutral--white);
  font-size: 1.5rem;
  font-weight: 300;
}

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

.line-light-final-footer {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  width: 100%;
  height: 1px;
  display: none;
}

.line-light-final-footer.absolute {
  display: flex;
  position: absolute;
  inset: 0%;
}

.social-icon {
  object-fit: cover;
  width: 50px;
  max-width: 100%;
  height: auto;
}

.social-icon.white {
  color: var(--base-color-neutral--white);
}

.social-icon.black {
  object-fit: cover;
  width: 40px;
  overflow: clip;
}

.flex-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-bottom: 5px;
}

.cta-wrapperr-social {
  border: 0 solid #000;
  align-self: center;
}

.social-cell {
  box-sizing: border-box;
  object-fit: cover;
  border: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  width: 30px;
  height: auto;
  display: flex;
}

.social-cell-wrapper {
  object-fit: cover;
  border: 0 solid #000;
  justify-content: flex-end;
  width: 30px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.section-testimonials.background-color-secondary {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.single-slider-data-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: flex;
}

.single-slider-data-cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.single-line-hovereffect-wrapper {
  height: 1px;
  position: relative;
  overflow: hidden;
}

.single-line-hovereffect-wrapper.orange {
  color: var(--_sonja-ci---orange);
  -webkit-text-stroke-color: var(--_sonja-ci---orange);
}

.line-black {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  width: 100%;
  height: 1px;
}

.line-black.absolute {
  background-color: var(--base-color-neutral--black);
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider {
  background-color: #0000;
  height: auto;
  overflow: hidden;
}

.slide-2 {
  height: 200px;
}

.slide-3 {
  width: 500px;
  height: 100px;
}

.left-arrow {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 50px;
  left: 44%;
}

.right-arrow {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 50px;
  right: 44%;
}

.slide-nav, .icon {
  display: none;
}

.black-arrow {
  width: 25px;
  height: 25px;
  transition: opacity .2s;
  transform: rotate(0);
}

.icon-2 {
  display: none;
}

.black-arrow-left {
  width: 25px;
  height: 25px;
  transform-style: preserve-3d;
  font-size: 20px;
  line-height: 20px;
  transition: opacity .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.black-arrow-right {
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 20px;
  transition: opacity .2s;
  transform: rotate(0);
}

.margin-bottom-medium {
  margin-bottom: 0;
}

.flex-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.section-home-intro {
  z-index: 2;
  position: relative;
}

.grid-12x-follow-up {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: 200px;
  padding-left: 0;
  display: flex;
}

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

.heading-style-h2-right.text-color-secondary {
  text-align: left;
  align-self: flex-end;
  font-weight: 300;
  position: relative;
}

.heading-style-h2-right.text-color-secondary.text-white {
  color: var(--base-color-neutral--white);
}

.heading-style-h2-right.text-color-secondary.text-align-center {
  text-align: center;
}

.section-home-service-colour-stay {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 30vh;
  position: sticky;
  top: 0;
}

.progress-bar {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-dark);
  width: 100vw;
  height: .5%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
}

.progress-bar-wrapper {
  z-index: 99;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 10vh;
  display: flex;
  position: sticky;
  inset: 0%;
}

.trigger-progress-bar, .trigger-inline-menu {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.service-link-absolute-inline {
  z-index: 10;
  background-color: var(--base-color-neutral--white);
  opacity: 1;
  transition: opacity .2s;
  position: absolute;
  inset: auto 0% 0%;
}

.section-home-service-menu {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 10vh;
  position: sticky;
  top: 0;
}

.line-dark {
  background-color: var(--base-color-neutral--neutral-dark);
  height: 1px;
}

.line-light-grey {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  width: 100%;
  height: 1px;
}

.line-light-grey.absolute {
  background-color: var(--base-color-neutral--neutral-light);
  display: block;
  position: absolute;
  inset: 0%;
}

.single-cta-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  place-items: center;
  display: flex;
}

.single-cta-wrapper.text-align-center {
  justify-content: center;
  align-items: center;
}

.single-cta-wrapper.cta-adjusted {
  margin-left: -35px;
  padding-top: 25px;
  padding-left: 0;
}

.single-cta-wrapper.margin-top-30 {
  margin-top: 0;
}

.single-cta-wrapper-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.grid-12x-about-me {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.flex-block-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid-12x-right {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.grid-12x-right.grid-margin-bottom-medium {
  margin-bottom: 5vh;
}

.div-block {
  position: absolute;
  inset: 5% 5% auto auto;
}

.section-home-opener {
  z-index: 2;
  position: relative;
}

.section-home-opener1 {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-home-opener2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 40vh;
  position: sticky;
  top: 0;
}

.section-home-opener3 {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 30vh;
  position: sticky;
  top: 0;
}

.section-home-opener-menu {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 10vh;
  position: sticky;
  top: 0;
}

.section-home-services-copy {
  z-index: 2;
  position: relative;
}

.section-home-about-me {
  z-index: 999;
  display: none;
  position: relative;
}

.section-home-about-me1 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.section-home-about-me2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 40vh;
  position: sticky;
  top: 0;
}

.section-home-about-me3 {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.trigger-opener, .trigger-about {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-2 {
  z-index: 999;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.hero-image {
  z-index: 999;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  height: 92vh;
  margin-top: 4vh;
  display: inline-block;
  position: absolute;
  inset: 0% 2.5% 0% auto;
}

.section-home-one {
  z-index: 2;
  position: relative;
}

.section-home-one1-copy {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-home-one2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-home-one3 {
  z-index: 3;
  background-color: var(--base-color-neutral--white);
  height: 60vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.trigger-home-one {
  background-color: var(--base-color-neutral--white);
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-home-two {
  z-index: 2;
  display: none;
  position: relative;
}

.section-home-two1 {
  z-index: 1;
  background-color: var(--_sonja-ci---beige);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-home-two2 {
  z-index: 2;
  background-color: var(--_sonja-ci---beige);
  height: 70vh;
  min-height: 70vh;
  position: sticky;
  top: 0;
}

.trigger-home-two {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-home-three {
  z-index: 2;
  display: none;
  position: relative;
}

.section-home-three1 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 50vh;
  min-height: 50vh;
  position: sticky;
  top: 0;
}

.section-home-three2 {
  z-index: 2;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 60vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.trigger-home-three {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-span {
  font-family: Gt Alpina Condensed, Georgia, sans-serif;
  font-style: italic;
  text-decoration: none;
}

.orange-h1 {
  color: var(--_sonja-ci---orange);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--_sonja-ci---orange);
  overflow-wrap: normal;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Gt Alpina Condensed, Georgia, sans-serif;
  font-style: italic;
  font-weight: 300;
}

.text-span-3 {
  text-decoration: underline;
}

.section-home-three3 {
  z-index: 2;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 50vh;
  min-height: 50vh;
  position: sticky;
  top: 0;
}

.section-home-three4 {
  z-index: 2;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 60vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.text-span-4 {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.text-span-5 {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}

.section-home-four {
  z-index: 2;
  background-color: var(--_sonja-ci---blue);
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: sticky;
}

.section-home-four1 {
  z-index: 1;
  background-color: var(--_sonja-ci---blue);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-home-four2 {
  z-index: 2;
  background-color: var(--_sonja-ci---blue);
  width: 60vw;
  min-width: 60vw;
  height: 100vh;
  min-height: 100vh;
  margin-top: 100vh;
  position: sticky;
  top: 0;
}

.section-home-four3 {
  z-index: 3;
  background-color: var(--_sonja-ci---blue);
  width: 60vw;
  min-width: 60vw;
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-home-three-horizontal {
  z-index: 2;
  position: relative;
}

.track {
  width: auto;
  height: 400vw;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.frame-item {
  flex: none;
  width: 100vw;
  height: 40vh;
}

.item {
  flex: none;
  width: 100vw;
  height: 100vh;
  padding: 10px;
}

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

.image-3-copy {
  width: 100%;
}

.image-4, .image-5, .image-6 {
  width: 100%;
  height: 100%;
}

.image-7 {
  width: 100%;
}

.heading-xlarge {
  letter-spacing: -.3rem;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.5rem;
  font-weight: 400;
  line-height: 100%;
}

.section-the-tada-difference {
  align-items: flex-end;
  padding-bottom: 4.6875em;
  display: flex;
  overflow: hidden;
}

.tada-scroll-first {
  flex: none;
  align-items: center;
  margin-left: 1em;
  margin-right: 8em;
  display: flex;
}

.tada-scroll-last {
  flex: none;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
  display: none;
}

.tada-scroll-inner {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tada-grow {
  width: .7em;
  height: 100%;
}

.banner-heading {
  font-size: 5em;
}

.tada-diff-image {
  height: 7.9375em;
}

.tada-diff-image.da {
  margin-right: 2em;
}

.tada-diff-image.ta {
  margin-left: 2em;
}

.cursor {
  z-index: 999999;
  opacity: 0;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
}

.cursor-dot {
  mix-blend-mode: difference;
  background-color: #fff;
  border-radius: 100%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  padding: 0;
  font-size: 1.5rem;
  display: flex;
  overflow: hidden;
}

.cursor-text {
  color: #000;
  text-align: center;
  font-size: 20px;
  line-height: 110%;
}

.cursor-text.view, .cursor-text.play-reel, .cursor-text.prev {
  opacity: 0;
  display: none;
  position: absolute;
}

.cursor-text.scroll-down {
  opacity: 0;
  padding: 0;
  font-size: .85rem;
  line-height: 1;
  display: none;
  position: absolute;
}

.cursor-text.click, .cursor-text.next {
  opacity: 0;
  display: none;
  position: absolute;
}

.section-home-two3 {
  align-items: flex-end;
  height: 20vw;
  min-height: 20vw;
  padding-bottom: 4.6875em;
  display: none;
  overflow: hidden;
}

.text-span-6 {
  font-family: Gt Alpina Condensed, Georgia, sans-serif;
}

.about-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  position: relative;
}

.section-about-hero {
  z-index: 1;
  min-height: 100vh;
  display: block;
  position: relative;
}

.about-slide-1 {
  z-index: 4;
  width: 100%;
  display: block;
  position: absolute;
}

.about-slide-2 {
  z-index: 3;
  width: 100%;
  display: flex;
  position: absolute;
}

.about-hero-slide-3 {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero-grid-copy {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  position: relative;
}

.section-about-opener {
  z-index: 2;
  position: relative;
}

.section-about-opener.black {
  height: auto;
  min-height: auto;
}

.section-about-opener1 {
  z-index: 1;
  background-color: var(--_sonja-ci---light-blue);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-about-opener1.black {
  background-color: var(--base-color-neutral--black);
  height: auto;
  min-height: auto;
}

.section-about-opener2 {
  z-index: 2;
  background-color: var(--_sonja-ci---light-blue);
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: sticky;
  top: 0;
}

.section-about-opener2.black {
  background-color: var(--base-color-neutral--black);
}

.section-about-opener3 {
  z-index: 3;
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.section-about-opener3.black {
  background-color: var(--base-color-neutral--black);
  height: auto;
  min-height: auto;
}

.text-span-7 {
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}

.text-span-8 {
  font-weight: 900;
}

.section-about-one {
  z-index: 2;
  position: relative;
}

.section-about-one1 {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-about-one1.black {
  background-color: var(--base-color-neutral--black);
}

.text-span-9 {
  color: #eba3ba;
}

.text-span-10 {
  text-align: left;
  font-size: 1.5rem;
  font-weight: 900;
}

.text-span-11, .text-span-12 {
  text-decoration: none;
}

.orangetextfadein {
  font-family: Gt Alpina Condensed, Georgia, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.orangetextfadein:hover {
  color: var(--_sonja-ci---orange);
}

.home-hero-image {
  z-index: 999;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  align-self: center;
  width: auto;
  height: auto;
  display: inline-block;
  position: absolute;
  inset: 15% 2.5% 0% auto;
}

.home-background-wrapper {
  z-index: 0;
  background-color: var(--_sonja-ci---orange);
  display: block;
  position: absolute;
  inset: 0%;
}

.home-background-wrapper.black {
  background-color: #111;
}

.home-background-wrapper.white {
  background-color: var(--_sonja-ci---beige);
}

.div-block-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-work-hero {
  z-index: 1;
  min-height: 100vh;
  position: relative;
}

.section-work-services {
  z-index: 2;
  display: none;
  position: relative;
}

.section-work-1 {
  z-index: 2;
  height: auto;
  min-height: auto;
  position: relative;
}

.section-work-service1 {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-work-service2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 40vh;
  position: sticky;
  top: 0;
}

.section-work-service-colour-stay {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  min-height: 30vh;
  position: sticky;
  top: 0;
}

.section-work-one1 {
  z-index: 1;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-work-one2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 40vh;
  position: sticky;
  top: 0;
}

.section-work-one2.purple {
  background-color: var(--_sonja-ci---purple);
  height: auto;
  min-height: auto;
}

.section-work-one3 {
  z-index: 3;
  background-color: var(--base-color-neutral--neutral-lightest);
  height: 70vh;
  min-height: 70vh;
  position: sticky;
  top: 0;
}

.section-work-one3.purple {
  background-color: var(--_sonja-ci---purple);
  height: auto;
  min-height: auto;
}

.trigger-work-one {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-span-14 {
  font-weight: 900;
}

.section-book-call {
  z-index: 2;
  position: relative;
}

.slide-4 {
  height: 100%;
}

.slide-4.with-padding-left {
  margin-right: 2rem;
}

.line-light-2 {
  z-index: 1;
  background-color: #eee;
  width: 100%;
  height: 1px;
}

.arrow-icon-3 {
  width: 1rem;
}

.div-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.testimonial-wrapper-work {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex;
}

.brush-stroke {
  position: absolute;
  top: 165px;
  left: 400px;
}

.section-about-testimonials-one {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  display: none;
  position: relative;
}

.section-about-testimonials-one.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.section-about-approach {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-about-approach.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
  display: none;
}

.section-contact-hero {
  z-index: 1;
  height: 80vh;
  min-height: auto;
  margin-top: 20vh;
  display: block;
  position: relative;
}

.contact-slide-1 {
  z-index: 4;
  width: 100%;
  display: block;
  position: absolute;
}

.contact-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vh;
  height: 100vh;
  display: grid;
  position: relative;
}

.contact-hero-image {
  z-index: 999;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  height: 100vh;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.contact-background-wrapper {
  z-index: 0;
  background-color: var(--base-color-neutral--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.contact-form {
  width: 50%;
}

.field-label, .field-label-2, .field-label-3 {
  font-weight: 300;
}

.text-field {
  background-color: var(--base-color-neutral--neutral-lightest);
  border: 0 #000;
  border-radius: 0;
}

.text-field-2, .text-field-3 {
  background-color: var(--base-color-neutral--neutral-lightest);
  border: 0 #000;
}

.submit-button-black {
  color: var(--base-color-neutral--black);
  text-align: left;
  background-color: #0000;
  border-bottom: 1px solid #000;
  padding-top: 50px;
  padding-left: 0;
  font-weight: 700;
  display: block;
}

.submit-button-black:hover {
  color: var(--_sonja-ci---pink);
}

.logobar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.contact-heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.contact-heading-style-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.contact-heading-style-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.contact-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
  width: auto;
  color: var(--text-color--text-primary);
}

.contact-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black:hover {
  color: var(--base-color-neutral--black);
}

.blog-about-me {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: auto;
  display: flex;
  position: static;
}

.section-blog-hero {
  z-index: 1;
  height: 10vw;
  min-height: 10vh;
  display: block;
  position: relative;
}

.blog-slide-1 {
  z-index: 4;
  width: 100%;
  display: block;
  position: absolute;
}

.blog-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  position: relative;
}

.blog-background-wrapper {
  z-index: 0;
  background-color: #d5d5d5;
  display: block;
  position: absolute;
  inset: 0%;
}

.arrow-icon-black {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  color: var(--base-color-neutral--white);
}

.blog-item-wrapper {
  border: 0 solid #000;
  flex-flow: column;
  width: auto;
  margin-bottom: 4vh;
  padding-bottom: 2vh;
  display: block;
}

.blog-item-details {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  margin-top: 10px;
  padding-right: 0;
  display: flex;
}

.blog-item-image {
  width: 100%;
}

.blog-posts {
  flex-flow: row;
  width: 100vw;
  margin-right: 0;
  display: flex;
}

.blog-post-date {
  color: var(--base-color-neutral--neutral-light);
  padding-top: 0;
  padding-bottom: 1.5rem;
  font-size: .75rem;
}

.blog-post-date.text-align-left {
  text-align: left;
  justify-content: flex-start;
  align-self: flex-start;
  padding-top: 1rem;
  display: flex;
}

.blog-heading {
  margin-top: 2rem;
  padding-bottom: .5rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.blog-heading.blog-post-h2 {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.25;
}

.blog-text.blog-item-copy {
  font-size: .85rem;
  line-height: 1.5;
}

.blog-text.text-size-tiny.margin-bottom-small {
  margin-bottom: 10px;
}

.blog-post-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start center;
  align-items: flex-start;
  width: 100%;
  min-width: 1200px;
  margin-top: 50px;
  margin-bottom: 100px;
  display: flex;
}

.hero-stack {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.margin-bottom-24px.blog-post-sumary {
  text-align: left;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

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

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

.hero-image-2 {
  width: 100%;
  margin-top: 50px;
}

.rich-text-block {
  text-align: left;
  margin-top: 3rem;
}

.blog-post-h1 {
  text-align: left;
}

.blog-post-h1.margin-bottom-30 {
  margin-bottom: 30px;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.about-hero-image {
  z-index: 999;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  height: 100vh;
  display: inline-block;
  position: absolute;
  inset: 0% auto 0% -5vw;
}

.trigger-opener-3 {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-flex {
  display: flex;
}

.section-flex-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.section-home-discover {
  z-index: 2;
  display: none;
  position: relative;
}

.margin-top-30 {
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.textarea {
  background-color: var(--base-color-neutral--neutral-lightest);
  border: 0 #000;
}

.blog-hero-stack {
  background-color: var(--base-color-neutral--white);
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.image-8 {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

.accordian-title {
  font-size: 2rem;
  line-height: 1.1;
}

.banner-heading-light {
  color: var(--base-color-neutral--neutral-lightest);
  font-size: 5em;
}

.section-home-two4 {
  background-color: var(--base-color-neutral--neutral);
  align-items: flex-end;
  height: 20vw;
  min-height: 20vw;
  padding-bottom: 4.6875em;
  display: flex;
  overflow: hidden;
}

.section-home-two5 {
  background-color: var(--_sonja-ci---orange);
  align-items: flex-end;
  height: 18vw;
  min-height: 18vw;
  padding-bottom: 4.6875em;
  display: flex;
  overflow: hidden;
}

.work-background-wrapper {
  z-index: 0;
  background-color: var(--base-color-neutral--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-image-horizontal {
  z-index: 999;
  aspect-ratio: auto;
  opacity: .25;
  vertical-align: middle;
  object-fit: fill;
  width: 100vw;
  height: auto;
  display: inline-block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.heading-style-h1-wide {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-style-h1-wide.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.heading-style-h1-wide.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.heading-style-h1-wide.text-color-alternate.text-slow-fade-in.text-black {
  width: 75%;
  color: var(--text-color--text-primary);
}

.div-block-9 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.div-block-9.margin-top-30 {
  display: none;
}

.page-padding {
  align-items: center;
  min-height: 100vh;
  margin-bottom: 5em;
  padding-top: 5em;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
}

.main-hero-layout {
  grid-column-gap: 1.4em;
  grid-row-gap: 1.4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-hero-heading {
  width: 60%;
  max-width: none;
  color: var(--base-color-neutral--white);
  letter-spacing: -.03em;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1;
  position: static;
}

.main-hero-heading.black {
  width: 70%;
  color: var(--base-color-neutral--neutral-darkest);
  text-align: center;
}

.home-h1-block {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  align-self: flex-start;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.home-hero-flex {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  place-items: flex-start start;
  width: 100%;
  height: auto;
  margin-top: 25vh;
  display: flex;
  position: relative;
}

.section-home-about-me-start {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 60vh;
  display: none;
  position: sticky;
  top: 0;
}

.div-block-10 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.section-home-faq {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-home-faq.background-color-secondary {
  z-index: 999;
  background-color: var(--base-color-brand--blue-light);
  height: auto;
  min-height: auto;
}

.section-home-faq.black {
  background-color: var(--base-color-neutral--black);
  padding-left: 4vw;
}

.section-home-three-copy {
  z-index: 2;
  display: block;
  position: relative;
}

.section-home-four4 {
  z-index: 4;
  background-color: var(--_sonja-ci---blue);
  width: 60vw;
  min-width: 60vw;
  height: auto;
  min-height: auto;
  margin-bottom: 6vh;
  position: sticky;
  top: 0;
}

.div-block-11 {
  min-height: 100vh;
}

.section-home-four-left {
  background-color: var(--_sonja-ci---blue);
  width: 40vw;
  min-width: 40vw;
  display: block;
  position: sticky;
  top: 0;
}

.section-home-four-right {
  background-color: var(--_sonja-ci---blue);
  display: block;
  position: relative;
}

.navbar-inverted {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.nav-menu-inverted {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-end;
  align-self: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-12 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.div-block-12.margin-top-50 {
  margin-top: 100px;
}

.div-block-13 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.div-block-13.margin-top-100 {
  margin-top: 100px;
}

.hero-image-copy {
  z-index: 999;
  aspect-ratio: auto;
  vertical-align: middle;
  object-fit: fill;
  width: auto;
  height: 100vh;
  margin-top: 4vh;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-about-me-two {
  z-index: 999;
  position: relative;
}

.section-about-me-two.black {
  display: none;
}

.section-home-about-me1-1 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.section-home-about-me1-1.black {
  background-color: var(--base-color-neutral--black);
  height: auto;
  min-height: auto;
}

.section-home-about-me1-2 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 60vh;
  display: none;
  position: sticky;
  top: 0;
}

.section-home-about-me1-2.black {
  background-color: var(--base-color-neutral--black);
}

.section-home-about-me1-3 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 60vh;
  position: sticky;
  top: 0;
}

.section-home-about-me1-3.black {
  background-color: var(--base-color-neutral--black);
}

.section-home-about-me1-4 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 60vh;
  display: none;
  position: sticky;
  top: 0;
}

.section-home-about-me2-1 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 50vh;
  min-height: 50vh;
  position: sticky;
  top: 0;
}

.section-home-about-me2-1.black {
  background-color: var(--base-color-neutral--black);
  height: 30vh;
  min-height: 30vh;
}

.section-home-about-me2-2 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.section-home-about-me2-2.black {
  background-color: var(--base-color-neutral--black);
  height: 70vh;
  min-height: 70vh;
}

.image-9 {
  width: 100vw;
}

.section-about-one-old, .section-about-opener-old {
  z-index: 2;
  display: none;
  position: relative;
}

.section-about-hero-copy, .section-work-with-hero {
  z-index: 1;
  min-height: 100vh;
  display: block;
  position: relative;
}

.workshop-image {
  width: auto;
  height: auto;
  margin-bottom: 10vh;
  position: static;
}

.div-block-14 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 30px;
  display: flex;
}

.work-slide-1 {
  z-index: 4;
  align-self: auto;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
}

.work-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.track-2 {
  height: 400vw;
  display: block;
}

.camera-2 {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 53px;
  overflow: hidden;
}

.frame-2 {
  height: 100%;
  display: flex;
}

.collection-list {
  display: flex;
}

.frameitem {
  width: 100vw;
  min-width: 100vw;
  height: 100vw;
  padding: 100px;
  display: block;
}

.trackcamera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 53px;
  overflow: hidden;
}

.trackhorizontal {
  height: 200vw;
  display: block;
}

.cameraframe {
  flex-flow: row;
  height: 100%;
  display: flex;
}

.frameitemimage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.approach-celll-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.approach-celll-v2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: 100%;
  display: flex;
}

.section-about-testimonials-scroll {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  display: none;
  position: relative;
}

.section-about-testimonials-scroll.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.cursor-wrapper {
  z-index: 9999;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.cursor-wrapper-cursor {
  background-color: var(--base-color-brand--blue-light);
  mix-blend-mode: difference;
  border-radius: 50%;
  width: 15rem;
  height: 15rem;
}

.section-footer-blue {
  z-index: 999;
  background-color: var(--base-color-neutral--black);
  height: 100%;
  min-height: 100%;
  position: relative;
}

.section-home-hero-black {
  z-index: 1;
  min-height: 100vh;
  display: none;
  position: relative;
}

.section-home-hero-white {
  z-index: 1;
  min-height: 100vh;
  position: relative;
}

.section-home-hero-beige {
  z-index: 1;
  height: 70vh;
  min-height: auto;
  display: block;
  position: relative;
}

.footer-image {
  aspect-ratio: auto;
  object-fit: fill;
  max-width: 50%;
  margin-right: 0;
  padding-bottom: 10px;
  padding-right: 0;
  position: absolute;
  inset: 0 0% 0% auto;
  overflow: visible;
}

.div-block-15 {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.image-10 {
  width: 50%;
  max-width: none;
  position: relative;
}

.image-11 {
  aspect-ratio: auto;
  object-fit: fill;
  max-width: none;
}

.image-12 {
  width: 100px;
  height: auto;
}

.work-heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.work-heading-style-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  margin-bottom: 30px;
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
  color: var(--text-color--text-primary);
}

.pink-text {
  color: var(--_sonja-ci---blue);
}

.logo-image {
  object-fit: fill;
  width: 50px;
  height: 50px;
}

.image-13 {
  position: absolute;
  inset: auto 6% 26.5% auto;
}

.image-pinky-promise {
  position: absolute;
  inset: auto 4% 12% auto;
}

.work-hero-sub-text {
  padding-top: 50px;
  position: relative;
  inset: auto 0% 0%;
}

.image-14 {
  padding-top: 65px;
}

.pie-image {
  opacity: 1;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  display: block;
}

.pie-image.image-hover-show {
  opacity: 0;
}

.image-hover-show {
  opacity: 1;
}

.section-about-approach-two {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-about-approach-two.background-color-secondary {
  background-color: var(--base-color-neutral--white);
  height: 100%;
}

.approach-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  margin-bottom: 6rem;
  display: grid;
}

.approach-mask {
  width: 25rem;
  padding: 50px 10px;
  overflow: visible;
}

.approach-cell {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_sonja-ci---orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 50px;
  display: flex;
}

.approach-cell.pink {
  background-color: var(--_sonja-ci---pink);
}

.approach-cell.blue {
  background-color: var(--_sonja-ci---blue);
}

.approach-cell.light-blue {
  background-color: var(--_sonja-ci---light-blue);
}

.approach-cell.beige {
  background-color: var(--_sonja-ci---beige);
}

.approach-cell.black {
  background-color: var(--base-color-neutral--black);
}

.approach-title {
  color: var(--_sonja-ci---light-blue);
  font-size: 2rem;
  line-height: 1.2;
}

.approach-title.blue {
  color: var(--_sonja-ci---blue);
}

.approach-title.light-blue {
  opacity: 1;
  width: 25rem;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  overflow: visible;
}

.approach-title.white {
  color: var(--base-color-neutral--white);
}

.approach-title.black {
  color: var(--base-color-neutral--black);
}

.approach-title.orange {
  color: var(--_sonja-ci---orange);
}

.approach-title.beige {
  color: var(--_sonja-ci---beige);
}

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

.approach-text.blue {
  color: var(--_sonja-ci---blue);
}

.approach-text.light-blue {
  background-color: var(--_sonja-ci---orange);
  opacity: 1;
  width: 25rem;
  color: var(--_sonja-ci---light-blue);
  margin-top: 0;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  inset: 0 0% auto;
}

.approach-text.white {
  color: var(--base-color-neutral--white);
}

.approach-text.orange {
  color: var(--_sonja-ci---orange);
}

.approach-text.beige {
  color: var(--_sonja-ci---beige);
}

.section-about-approach-three {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-about-approach-three.background-color-secondary {
  background-color: var(--base-color-neutral--white);
  height: 100%;
  display: none;
}

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

.text-size-regular-copy.is-inside-accordian {
  color: var(--base-color-neutral--neutral);
  padding: 1rem 2.5rem 0 0;
  display: flex;
}

.text-size-regular-copy.is-inside-accordian.text-black {
  color: var(--base-color-neutral--black);
}

.text-size-regular-copy.text-color-alternate.text-primary {
  color: var(--text-color--text-primary);
}

.text-size-regular-copy.text-white {
  color: var(--base-color-neutral--white);
}

.text-size-regular-copy.text-color-light {
  color: #666;
}

.text-size-regular-copy.accordian-title {
  font-size: 3rem;
}

.section-speaker-engagements {
  z-index: 2;
  display: none;
  position: relative;
}

.section-about-testimonials-scroll-two {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  display: none;
  position: relative;
}

.section-about-testimonials-scroll-two.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.approach-cell-padding {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
}

.frameitemcoloured {
  width: 85vw;
  min-width: 85vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 0;
  padding: 0;
  display: block;
}

.frameitemcoloured.blue {
  background-color: var(--_sonja-ci---blue);
  width: 90vw;
  min-width: 90vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.frameitemcoloured.pink {
  background-color: var(--_sonja-ci---pink);
  width: 90vw;
  min-width: 90vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.frameitemcoloured.beige {
  background-color: var(--_sonja-ci---beige);
  width: 90vw;
  min-width: 90vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.frameitemcoloured.orange {
  background-color: var(--_sonja-ci---orange);
  width: 90vw;
  min-width: 90vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.frameitemcoloured.light-blue {
  background-color: var(--_sonja-ci---light-blue);
  width: 90vw;
  min-width: 90vw;
  height: 52vw;
  margin-top: 5vh;
  margin-left: 5vw;
  margin-right: 5vw;
}

.section-about-testimonials-scroll-copy {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-about-testimonials-scroll-copy.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.section-about-testimonials-scroll-three {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  position: relative;
}

.section-about-testimonials-scroll-three.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.approach-cell-border {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 5px solid var(--_sonja-ci---orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100%;
  height: 100%;
  margin: 0;
  padding: 50px;
  display: flex;
}

.approach-cell-border.blue {
  border: 5px solid var(--_sonja-ci---blue);
}

.bullet-block {
  flex-flow: column;
  width: 60vw;
  display: block;
}

.text-fade-in-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.text-fade-in-block.speaker-engagements-text {
  width: auto;
  display: flex;
}

.section-about-testimonials-scroll-four {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: -1rem;
  display: none;
  position: relative;
}

.section-about-testimonials-scroll-four.background-color-secondary {
  background-color: var(--base-color-brand--blue-light);
  height: 100vh;
}

.section-speaker-one {
  z-index: 1;
  background-color: var(--_sonja-ci---light-blue);
  height: auto;
  min-height: auto;
  display: none;
  position: sticky;
  top: 0;
}

.section-speaker-two {
  z-index: 1;
  background-color: var(--_sonja-ci---light-blue);
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
}

.div-block-16 {
  display: flex;
}

.bullet-block-images {
  text-align: right;
  flex-flow: column;
  flex: 1;
  order: 0;
  align-items: flex-end;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: absolute;
  right: 10vw;
}

.div-block-17 {
  width: 90vw;
  margin-top: 0;
  display: flex;
}

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

.bullet-block-image-1 {
  text-align: right;
  width: 25vw;
  margin-top: 0;
  margin-right: 10vw;
  display: block;
  position: absolute;
  right: 4vw;
}

.bullet-block-image-2 {
  text-align: right;
  width: 25vw;
  margin-top: 100px;
  display: block;
  position: absolute;
  right: 3vw;
}

.bullet-block-image-3 {
  text-align: right;
  width: 30vw;
  margin-top: 100px;
  display: block;
  position: absolute;
  right: 5vw;
}

.bullet-block-image-4 {
  text-align: right;
  width: 25vw;
  margin-top: 250px;
  display: block;
  position: absolute;
  inset: 3vh 5vw 0% auto;
}

.black-arrow-left-50 {
  width: 50px;
  height: 50px;
  transform-style: preserve-3d;
  font-size: 20px;
  line-height: 20px;
  transition: opacity .2s;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.black-arrow-right-50 {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  transition: opacity .2s;
  transform: rotate(0);
}

.collection-item {
  width: 100%;
  min-width: auto;
}

.collection-list-2 {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-about-me-image {
  object-fit: contain;
  width: 100%;
  height: 25%;
  position: relative;
}

.div-block-18 {
  width: 40%;
}

.arrow-icon-black-blog {
  width: 50px;
  max-width: 100%;
  height: 50px;
  color: var(--base-color-neutral--black);
  object-fit: cover;
}

.footer-logo {
  margin-top: 50px;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  inset: auto 0% 0% auto;
}

.section-subscribe-me {
  width: 40%;
}

.collection-list-4-col {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-span-16, .text-span-17 {
  font-weight: 900;
  text-decoration: none;
}

.text-span-18 {
  color: #f0b312;
  font-weight: 900;
}

.work-heading-style-h1-2 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.work-heading-style-h1-2.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.work-heading-style-h1-2.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  width: 57vw;
  margin-bottom: 20px;
}

.work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.work-heading-style-h1-3 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.work-heading-style-h1-3.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.work-heading-style-h1-3.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  width: 57vw;
  margin-bottom: 20px;
}

.work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.text-underlined-orange {
  color: var(--_sonja-ci---orange);
  -webkit-text-decoration: underline wavy;
  text-decoration: underline wavy;
}

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

.pink-feather-image {
  width: auto;
  height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.grid-12x-centered {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: center;
  width: 100%;
  display: grid;
}

.div-block-20 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15%;
  display: flex;
}

.image-18 {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  overflow: hidden;
}

.image-19 {
  object-fit: fill;
  width: 50px;
  max-width: 50px;
  height: auto;
}

.brand-logo-orange {
  aspect-ratio: auto;
  object-fit: fill;
  width: 50px;
  max-width: 50px;
  height: auto;
}

.home-heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.home-heading-style-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.home-heading-style-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  margin-bottom: 30px;
}

.home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.home-heading-style-h1-bold {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.home-heading-style-h1-bold.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  margin-bottom: 30px;
}

.home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  align-self: flex-end;
  width: auto;
  font-size: 6rem;
}

.home-heading-style-h1-portion {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.home-heading-style-h1-portion.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  flex: none;
  align-self: flex-end;
  width: auto;
  margin-bottom: 6px;
}

.home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.div-block-21 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  display: flex;
}

.hero-text-yawn {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  margin-top: -1rem;
  display: flex;
}

.div-block-22 {
  width: 200px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.idea-image-wrapper {
  z-index: 0;
  background-color: var(--base-color-neutral--white);
  width: 300px;
  height: auto;
  display: block;
  position: relative;
  inset: 20vh 0% 0% auto;
}

.idea-image {
  object-fit: fill;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.text-span-19 {
  font-family: Yikes, Arial, sans-serif;
  font-size: 5rem;
}

.contact-copy {
  align-self: auto;
  width: 50%;
  margin-left: 0;
}

.home1-background-wrapper {
  z-index: 0;
  background-color: var(--_sonja-ci---light-blue);
  display: block;
  position: absolute;
  inset: 0%;
}

.home1-background-wrapper.blue {
  background-color: var(--_sonja-ci---blue);
}

.home1-hero-image {
  position: absolute;
  inset: auto 0% 0% auto;
}

.home-heading-style-h1-large {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.home-heading-style-h1-large.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  width: 80%;
  margin-bottom: 30px;
  font-size: 6rem;
  font-weight: 700;
  line-height: .6;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30.text-white {
  width: auto;
  color: var(--base-color-neutral--white);
  display: block;
  position: static;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30.text-white.no-bottom-margin {
  margin-bottom: 10px;
}

.home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.home1-hero-image-new {
  object-fit: contain;
  width: auto;
  height: 80vh;
  display: block;
  position: absolute;
  inset: 10vh 0% 0% auto;
}

.yawn-proof-line-dark {
  background-color: var(--_sonja-ci---pink);
  width: 100%;
  height: 10px;
  color: var(--base-color-neutral--white);
  font-size: 3rem;
  position: relative;
}

.yawn-proof-container {
  width: 530px;
  max-width: 530px;
  color: var(--base-color-neutral--white);
  margin-top: -22px;
}

.home1-hero-image-right {
  display: block;
  position: absolute;
  inset: auto 0% 19% auto;
}

.home-heading-style-h1-medium {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.home-heading-style-h1-medium.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  width: 80%;
  margin-bottom: 30px;
  font-size: 7rem;
  font-weight: 700;
  line-height: .7;
}

.home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.section-work-with-hero-1, .section-work-with-hero-2 {
  z-index: 1;
  min-height: 100vh;
  display: none;
  position: relative;
}

.section-work-with-hero-3 {
  z-index: 1;
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: relative;
}

.div-block-23 {
  width: 100%;
  height: 100px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.navbar-bg-overlay {
  background-color: var(--base-color-neutral--black);
  opacity: .1;
  width: 100%;
  height: 100px;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.text-span-20, .text-span-21, .text-span-22 {
  font-weight: 700;
}

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

.heading-style-h2-xl.text-color-secondary {
  text-align: left;
  align-self: flex-start;
  font-size: 5rem;
  font-weight: 300;
  position: sticky;
}

.heading-style-h2-xl.text-color-secondary.text-white {
  color: var(--base-color-neutral--white);
}

.heading-style-h2-xl.text-color-secondary.text-align-center {
  text-align: center;
}

.heading-style-h2-xl.text-color-secondary.align-right {
  overflow-wrap: normal;
  align-self: flex-end;
}

.heading-style-h2-xl.text-color-secondary.align-right.margin-bottom-30 {
  margin-bottom: 30px;
}

.heading-style-h2-xl.text-color-secondary._3-4width {
  width: 75%;
  font-size: 5rem;
  line-height: 1;
}

.heading-style-h2-xl.text-color-secondary._3-4width.text-weight-bold {
  font-weight: 700;
}

.heading-style-h2-xl.text-color-secondary._3-4width.margin-bottom-30 {
  margin-bottom: 30px;
}

.heading-style-h2-xl.text-color-secondary.text-orange {
  color: var(--_sonja-ci---orange);
}

.text-span-23, .text-span-24 {
  font-family: Gt Alpina Condensed, Georgia, sans-serif;
  font-style: italic;
}

.testimonials-left-arrow {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 400px;
  left: 0%;
}

.testimonials-right-arrow {
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 20px;
  display: block;
  position: absolute;
  top: 400px;
  right: 90%;
}

.st_wrapper {
  z-index: 99999;
  display: flex;
  position: fixed;
  inset: auto 1.5rem 1.5rem auto;
}

.st_button {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_sonja-ci---orange);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--_sonja-ci---orange);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--_sonja-ci---orange);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--_sonja-ci---orange);
  color: var(--base-color-neutral--white);
  cursor: pointer;
  background-color: #0000;
  border-radius: 5rem;
  padding: .75rem;
}

.code-embed {
  flex-flow: column;
  display: flex;
}

.icon-embed-xxsmall {
  width: 1rem;
  height: 1rem;
  color: var(--base-color-neutral--white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-hero-flex {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

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

.about-background-wrapper {
  z-index: 0;
  background-color: var(--base-color-neutral--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.about-background-wrapper.black {
  background-color: var(--base-color-neutral--black);
}

.about-heading-style-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.about-heading-style-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.about-heading-style-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  align-self: flex-end;
  width: 57vw;
  margin-bottom: 20px;
}

.about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.about-hero-flex {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100vw;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.sunnyside-up-image {
  width: 120px;
  margin-right: 0;
  padding-top: 0;
  position: relative;
  inset: auto 0 0 auto;
}

.about-slide {
  z-index: 4;
  align-self: auto;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

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

.about-padding-global.padding-section-large {
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  width: 100vw;
  padding: 0;
  display: flex;
}

.about-padding-global.padding-section-small {
  background-color: #0000;
  height: 100%;
  min-height: 100%;
}

.flex-margin-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin: 0 0 12.5rem;
  display: flex;
}

.flex-margin-bottom.extra-margin {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  margin-bottom: 17.5rem;
  display: flex;
}

.section-home-about-me2-1-copy, .section-home-about-me2-0 {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  height: 50vh;
  min-height: 50vh;
  position: sticky;
  top: 0;
}

.section-home-about-me2-0.black {
  background-color: var(--base-color-neutral--black);
}

.contact-hero-flex {
  z-index: 1;
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: row;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 80vh;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
}

.div-block-24 {
  width: 100vw;
  display: flex;
}

.waving-hand {
  object-fit: contain;
}

.div-block-25 {
  flex-flow: row;
  align-items: center;
  display: flex;
}

.work-hero-grid-copy {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.about-hero {
  z-index: 1;
  min-height: 100vh;
  display: block;
  position: relative;
}

.about-hero-slide-1 {
  z-index: 4;
  align-self: auto;
  width: 100vw;
  height: 90vh;
  display: block;
  position: absolute;
}

.work-hero-grid-copy-copy {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
}

.about-hero-flex-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start start;
  width: auto;
  height: 100vh;
  margin-left: 0;
  padding-top: 0;
  padding-left: 15vw;
  display: flex;
  position: relative;
}

.about-hero-wrapper {
  z-index: 0;
  background-color: var(--base-color-neutral--white);
  display: block;
  position: absolute;
  inset: 0%;
}

.about-heading-h1 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.about-heading-h1.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.about-heading-h1.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.about-heading-h1.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  text-align: left;
  align-self: auto;
  width: 100%;
  margin-bottom: 0;
  font-weight: 300;
}

.about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30, .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30-copy {
  margin-bottom: 30px;
}

.about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.text-white {
  color: var(--base-color-neutral--white);
}

.about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  font-size: 6rem;
}

.about-heading-h1-bold {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.about-heading-h1-bold.text-color-alternate {
  width: 60%;
  font-size: 6vw;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in {
  width: 58%;
  font-size: 4rem;
  line-height: 1;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black {
  color: var(--text-color--text-primary);
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
  width: 70%;
  font-weight: 300;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
  margin-bottom: 30px;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-size: 6rem;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold.margin-bottom-30 {
  margin-bottom: 30px;
}

.about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold.text-white {
  color: var(--base-color-neutral--white);
}

.sunny-side-up-text {
  color: var(--_sonja-ci---orange);
  font-weight: 900;
}

.div-block-26 {
  flex-flow: row;
  align-self: flex-start;
  display: flex;
}

.image-20 {
  object-fit: contain;
}

.image-21 {
  height: 100vh;
  position: absolute;
  inset: auto auto 0% 0%;
}

.about-sonja-image-left {
  object-fit: contain;
  width: auto;
  height: 40vw;
  position: relative;
  inset: auto auto 0% 0%;
}

.work-grid-12x-right {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: start stretch;
  width: auto;
  display: flex;
}

.work-grid-12x-right.margin-top {
  padding-top: 5vh;
}

.work-grid-12x-right.grid-margin-bottom-medium {
  margin-bottom: 5vh;
}

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

.work-heading-style-h2.text-color-secondary {
  text-align: left;
  align-self: flex-start;
  font-weight: 300;
  position: sticky;
}

.work-heading-style-h2.text-color-secondary.text-white {
  color: var(--base-color-neutral--white);
}

.work-heading-style-h2.text-color-secondary.text-align-center {
  text-align: center;
}

.work-heading-style-h2.text-color-secondary.align-right {
  overflow-wrap: normal;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  margin-left: 0;
  display: flex;
}

.work-heading-style-h2.text-color-secondary.align-right.margin-bottom-30 {
  margin-bottom: 30px;
}

.work-heading-style-h2.text-color-secondary._3-4width {
  width: 75%;
}

.work-heading-style-h2.text-color-secondary._3-4width.text-weight-bold {
  font-weight: 700;
}

.work-heading-style-h2.text-color-secondary._3-4width.margin-bottom-30 {
  margin-bottom: 30px;
}

.work-heading-style-h2.text-color-secondary.text-orange {
  color: var(--_sonja-ci---orange);
}

.work-heading-style-h2.text-color-secondary.text-weight-bold {
  font-weight: 700;
}

.text-size-xxl {
  font-size: 3rem;
}

.text-size-xxl.text-white {
  color: var(--base-color-neutral--white);
  margin-top: 0;
  font-weight: 300;
}

.text-size-xxl.text-black.margin-top-30 {
  margin-top: 30px;
}

.text-size-xxl.text-blue {
  color: var(--_sonja-ci---blue);
}

.text-size-xxl.text-orange {
  color: var(--_sonja-ci---orange);
}

.text-size-xxl.light-blue {
  color: var(--_sonja-ci---light-blue);
}

.workshop-image-bottom-right {
  width: auto;
  height: auto;
  margin-bottom: 2vh;
  position: static;
}

.image-bottom-right {
  top: auto;
  bottom: 10vh;
}

.text-span-26 {
  color: var(--_sonja-ci---orange);
}

.margin-bottom-copy {
  margin: 12.5rem 0;
}

.margin-bottom-copy.extra-margin {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  margin-bottom: 17.5rem;
  display: flex;
}

.div-block-27 {
  margin-top: 3vh;
  margin-bottom: 0;
}

.approach-cell-slide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_sonja-ci---orange);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 50px;
  display: flex;
}

.approach-cell-slide.orange {
  flex-flow: column;
  width: 25rem;
  height: 350px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.approach-cell-slide.pink {
  background-color: var(--_sonja-ci---pink);
  height: 350px;
  display: block;
  position: relative;
}

.approach-cell-slide.blue {
  background-color: var(--_sonja-ci---blue);
}

.approach-cell-slide.light-blue {
  background-color: var(--_sonja-ci---light-blue);
}

.approach-cell-slide.beige {
  background-color: var(--_sonja-ci---beige);
}

.approach-cell-slide.black {
  background-color: var(--base-color-neutral--black);
}

.approach-text-pink {
  font-size: 1.5rem;
}

.approach-text-pink.blue {
  width: 25rem;
  color: var(--_sonja-ci---blue);
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0%;
}

.approach-text-pink.light-blue {
  background-color: var(--_sonja-ci---pink);
  opacity: 1;
  width: 25rem;
  color: var(--_sonja-ci---light-blue);
  margin-top: 0;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  inset: 0 0% auto;
}

.approach-text-pink.white {
  color: var(--base-color-neutral--white);
}

.approach-text-pink.orange {
  color: var(--_sonja-ci---orange);
}

.approach-text-pink.beige {
  color: var(--_sonja-ci---beige);
}

.paragraph-3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

.card-img {
  grid-row-gap: 2rem;
  border: 1px #fbf9fc0d;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  display: flex;
  position: relative;
}

.cards-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 2rem;
  display: grid;
  position: relative;
}

.button-secondary {
  color: #fbf9fc;
  text-align: center;
  background-color: #141314;
  border: .125rem #141314;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-weight: 400;
  transition-property: none;
}

.button-secondary:hover {
  opacity: .8;
}

.card-front {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 1rem 4rem;
  display: flex;
}

.card-head {
  color: #fbf9fc;
  text-align: center;
  flex-direction: column;
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
}

.card_component {
  background-image: linear-gradient(#161616, #161616);
  border: 1px #1d1b1d;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 24rem;
  height: 26rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_component:hover {
  opacity: 1;
}

.card_component.orange {
  background-image: linear-gradient(to bottom, var(--_sonja-ci---orange), var(--_sonja-ci---orange));
  width: 100%;
  height: 22rem;
}

.card_component.pink {
  background-image: linear-gradient(to bottom, var(--_sonja-ci---pink), var(--_sonja-ci---pink));
  width: 100%;
  height: 22rem;
}

.card_component.blue {
  background-image: linear-gradient(to bottom, var(--_sonja-ci---blue), var(--_sonja-ci---blue));
  width: 100%;
  height: 22rem;
}

.card_component.light-blue {
  background-image: linear-gradient(to bottom, var(--_sonja-ci---light-blue), var(--_sonja-ci---light-blue));
  width: 100%;
  height: 22rem;
}

.card_component.beige {
  background-color: var(--_sonja-ci---beige);
  background-image: linear-gradient(to bottom, var(--_sonja-ci---beige), var(--_sonja-ci---beige));
  width: 100%;
  height: 22rem;
}

.card_component.black {
  width: 100%;
  height: 22rem;
}

.card_scroll {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--_sonja-ci---orange);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 24rem;
  padding: 4rem 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.card_scroll.orange {
  width: 100%;
}

.card_scroll.pink {
  background-color: var(--_sonja-ci---pink);
  width: 100%;
}

.card_scroll.blue {
  background-color: var(--_sonja-ci---blue);
  width: 100%;
}

.card_scroll.light-blue {
  background-color: var(--_sonja-ci---light-blue);
  width: 100%;
}

.card_scroll.beige {
  background-color: var(--_sonja-ci---beige);
  width: 100%;
}

.card_scroll.black {
  background-color: var(--base-color-neutral--black);
  width: 100%;
}

.card-title {
  color: var(--_sonja-ci---light-blue);
  font-size: 2rem;
  line-height: 1.2;
}

.card-title.blue {
  width: 100%;
  color: var(--_sonja-ci---blue);
  text-align: center;
  padding-top: 50px;
}

.card-title.light-blue {
  opacity: 1;
  text-align: center;
  width: 100%;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  overflow: visible;
}

.card-title.white {
  width: 100%;
  color: var(--base-color-neutral--white);
  text-align: center;
  margin-top: 50px;
}

.card-title.black {
  width: 100%;
  color: var(--base-color-neutral--black);
  text-align: center;
  margin-top: 50px;
}

.card-title.orange {
  width: 100%;
  color: var(--_sonja-ci---orange);
  text-align: center;
  margin-top: 50px;
}

.card-title.beige {
  color: var(--_sonja-ci---beige);
}

.approach-text-copy {
  font-size: 1.5rem;
}

.approach-text-copy.blue {
  color: var(--_sonja-ci---blue);
}

.approach-text-copy.light-blue {
  background-color: var(--_sonja-ci---orange);
  opacity: 1;
  width: 25rem;
  color: var(--_sonja-ci---light-blue);
  margin-top: 0;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  inset: 0 0% auto;
}

.approach-text-copy.white {
  color: var(--base-color-neutral--white);
}

.approach-text-copy.orange {
  color: var(--_sonja-ci---orange);
}

.approach-text-copy.beige {
  color: var(--_sonja-ci---beige);
}

.card_text {
  font-size: 1.5rem;
}

.card_text.blue {
  color: var(--_sonja-ci---blue);
  text-align: center;
  font-size: 1.35rem;
}

.card_text.light-blue {
  background-color: var(--_sonja-ci---orange);
  opacity: 1;
  width: auto;
  color: var(--_sonja-ci---light-blue);
  text-align: center;
  object-fit: fill;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.35rem;
  position: static;
  inset: 0 0% auto;
}

.card_text.white {
  color: var(--base-color-neutral--white);
  text-align: center;
  font-size: 1.35rem;
}

.card_text.black {
  text-align: center;
  font-size: 1.35rem;
}

.card_text.orange {
  color: var(--_sonja-ci---orange);
  text-align: center;
  font-size: 1.35rem;
}

.card_text.beige {
  color: var(--_sonja-ci---beige);
}

.margin-top-bottom-medium {
  margin-top: 9rem;
  margin-bottom: 6rem;
}

.home-grid-12x-right {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.home-grid-12x-right.grid-margin-bottom-medium {
  margin-bottom: 5vh;
}

.home-heading-style-h2 {
  padding-left: 40vw;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.home-heading-style-h2.text-color-secondary {
  text-align: left;
  align-self: flex-start;
  padding-left: 40vw;
  font-weight: 300;
  position: sticky;
}

.home-heading-style-h2.text-color-secondary.text-white {
  color: var(--base-color-neutral--white);
}

.home-heading-style-h2.text-color-secondary.text-align-center {
  text-align: center;
}

.home-heading-style-h2.text-color-secondary.align-right {
  overflow-wrap: normal;
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-end;
  width: auto;
  margin-left: 0;
  margin-right: 10vw;
  padding-left: 40vw;
  display: flex;
}

.home-heading-style-h2.text-color-secondary.align-right.margin-bottom-30 {
  margin-bottom: 30px;
}

.home-heading-style-h2.text-color-secondary._3-4width {
  width: 75%;
}

.home-heading-style-h2.text-color-secondary._3-4width.text-weight-bold {
  font-weight: 700;
}

.home-heading-style-h2.text-color-secondary._3-4width.margin-bottom-30 {
  margin-bottom: 30px;
}

.home-heading-style-h2.text-color-secondary.text-orange {
  color: var(--_sonja-ci---orange);
}

.home-heading-style-h2.text-color-secondary.text-weight-bold {
  font-weight: 700;
}

.text-block-2 {
  object-fit: fill;
}

.section-work-with-hero-blue {
  z-index: 1;
  height: 100vh;
  min-height: 100vh;
  display: none;
  position: relative;
}

.bottom-menu-data-cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.line-white {
  background-color: var(--base-color-neutral--white);
}

.bottom-menu-light-inline {
  z-index: 10;
  background-color: var(--base-color-neutral--white);
  opacity: 1;
  transition: opacity .2s;
  position: absolute;
  inset: auto 0% 0%;
}

.bottom-menu-light-inline.transparent {
  background-color: #0000;
}

.slider-data-cell-white {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.line-pure-white {
  background-color: var(--base-color-neutral--white);
  height: 1px;
}

.slider-mask {
  width: 500px;
  padding-bottom: 15vh;
  overflow: visible;
}

.faq-accordian-image {
  width: 100%;
  height: 100%;
  margin-bottom: 10vh;
  display: none;
  position: static;
}

.speaker-engagements-main-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.div-block-28 {
  margin-top: 50px;
  margin-left: 40vw;
  display: flex;
}

.section-work-with-hero-about-hide {
  z-index: 1;
  min-height: 100vh;
  display: none;
  position: relative;
}

.sticky_newsletter_link {
  height: auto;
  padding-right: 20px;
  display: none;
}

.line-orange {
  color: var(--_sonja-ci---orange);
}

.div-block-29 {
  background-color: var(--base-color-neutral--black);
  color: var(--base-color-neutral--white);
  border-radius: 10px;
  padding: 10px 14px;
}

.div-block-30 {
  flex-flow: column;
  width: auto;
  padding-right: 20px;
  display: flex;
}

.div-block-31 {
  display: flex;
}

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

.section-footer-black {
  z-index: 999;
  background-color: var(--base-color-neutral--black);
  height: 100%;
  min-height: 100%;
  position: relative;
}

.navbarblack {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-33 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-self: center;
  margin-top: 10px;
  margin-right: 20px;
  display: flex;
}

.navlinks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  width: 35%;
  margin-top: 0;
  margin-right: 0;
  display: flex;
}

.navbarnolinks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.success-message {
  background-color: var(--_sonja-ci---pink);
  color: var(--base-color-neutral--white);
  margin-top: 50px;
}

.section-work-4 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: auto;
  min-height: auto;
  padding-top: 9vh;
  padding-bottom: 9vh;
  position: relative;
  top: 0;
}

.slide-block {
  width: 500px;
  height: auto;
  margin-right: 50px;
}

.div-block-35 {
  background-color: #ebeae5;
  border-radius: 20px;
  height: 380px;
  margin-right: 0;
  padding: 50px;
}

.section-testimonial-slide {
  background-color: var(--base-color-neutral--black);
  align-items: flex-end;
  height: 18vw;
  min-height: 18vw;
  padding-bottom: 4.6875em;
  display: flex;
  overflow: hidden;
}

.testimonial-scroll-first {
  flex: none;
  align-items: center;
  margin-left: 1em;
  margin-right: 8em;
  display: flex;
}

.testimonial-scroll-second {
  flex: none;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
  display: none;
}

.section-home-how-we-work-copy {
  z-index: 1;
  background-color: var(--_sonja-ci---beige);
  height: auto;
  min-height: auto;
  padding-top: 9vh;
  padding-bottom: 9vh;
  position: relative;
  top: 0;
}

.section-home-1 {
  z-index: 1;
  background-color: var(--_sonja-ci---beige);
  height: auto;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 9vh;
  position: relative;
  top: 0;
}

.body {
  background-color: var(--_sonja-ci---beige);
}

.column {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--base-color-neutral--black);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-flow: column;
  height: 696px;
  padding: 50px;
  display: flex;
}

.columns {
  border-radius: 20px;
  justify-content: flex-end;
  align-items: baseline;
  width: 1000px;
  height: 700px;
  display: block;
  overflow: hidden;
}

.column-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-22 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex: 0 auto;
  order: 0;
  display: block;
  overflow: hidden;
}

.section-home-2 {
  z-index: 1;
  background-color: var(--_sonja-ci---beige);
  height: auto;
  min-height: auto;
  padding-top: 9vh;
  padding-bottom: 9vh;
  position: relative;
  top: 0;
}

.section-home-brand-story {
  z-index: 2;
  display: none;
  position: relative;
}

.div-block-36, .home-section-2 {
  justify-content: center;
  display: flex;
}

.home-section-2-images {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.home-section-2-image {
  border-radius: 20px;
  width: 25vw;
}

.home-section-2-image.home-section-2-image-1 {
  object-fit: cover;
  width: 25%;
}

.home-section-2-image.home-section-2-image-2 {
  object-fit: cover;
  width: 25%;
  height: 90%;
}

.home-section-2-image.home-section-2-image-3 {
  object-fit: cover;
  width: 25%;
}

.div-block-37 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  margin-bottom: 10vh;
  margin-left: 8vw;
  padding-left: 0;
  padding-right: 10vw;
  display: flex;
}

.div-block-38 {
  margin-left: 8vw;
  margin-right: 8vw;
}

.section-home-footer-black {
  z-index: 999;
  background-color: var(--base-color-neutral--black);
  flex-flow: column;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.section-work-2 {
  z-index: 1;
  background-color: var(--base-color-neutral--white);
  height: auto;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 9vh;
  position: relative;
  top: 0;
}

.work-section-2-images {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  display: flex;
}

.work-section-2-images.work-section-2-image {
  object-fit: cover;
  border-radius: 20px;
  width: 17vw;
}

.section-home-work {
  z-index: 4;
  background-color: var(--_sonja-ci---beige);
  margin-top: 6vh;
  margin-bottom: 6vh;
  position: relative;
}

.section-home-work.background-color-secondary {
  z-index: 999;
  background-color: var(--base-color-brand--blue-light);
  height: auto;
  min-height: auto;
}

.section-home-work.black {
  background-color: var(--base-color-neutral--black);
}

.section-testimonials-scroller.background-color-secondary {
  z-index: 2;
  background-color: var(--_sonja-ci---beige);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 6vh;
  display: block;
  position: relative;
}

.body-2 {
  background-color: var(--base-color-neutral--black);
}

.home-section-2-image-1 {
  object-fit: cover;
  border-radius: 20px;
  width: 30%;
}

.home-section-2-image-2 {
  object-fit: cover;
  border-radius: 20px;
  width: 35%;
  height: 310px;
}

.div-block-39 {
  display: flex;
}

.footer-menu-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.footer-menu-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.navsocials {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  width: 35%;
  display: flex;
}

.navlogo {
  align-self: center;
}

.div-block-40 {
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.work-pie-section {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: start stretch;
  width: auto;
  display: flex;
}

.work-pie-section.margin-top {
  width: 89%;
  padding-top: 5vh;
}

.work-pie-section.grid-margin-bottom-medium {
  margin-bottom: 5vh;
}

.navnewsletterlink {
  align-self: center;
}

.nav_newsletter_link {
  text-align: center;
  height: auto;
  padding-right: 20px;
  display: flex;
}

.navbar-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.mobilenavbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ddd0;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 2.5rem;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.mobile-nav-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: flex-end;
  align-self: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.mobile-nav-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-self: center;
  width: 100%;
  display: flex;
}

.mobile-navlinks {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  width: 35%;
  margin-top: 0;
  margin-right: 0;
  display: flex;
}

.mobile-navsocials {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  width: 35%;
  display: flex;
}

.navburger {
  align-self: center;
}

.hamburgericon, .hamburgericonwhite {
  object-fit: contain;
}

.div-block-41 {
  flex-flow: column;
  display: flex;
}

.about-section-1 {
  z-index: 1;
  min-height: 100vh;
  display: block;
  position: relative;
}

.about-section-2-images {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.about-section-2-image-1 {
  object-fit: fill;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 30px;
}

.about-section-2-image-2 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.home-section-2-image-1-copy {
  object-fit: cover;
  border-radius: 20px;
  width: 25%;
}

.grid {
  grid-template-rows: auto auto;
  width: 100%;
}

.div-block-42 {
  flex-flow: column;
  display: flex;
}

.div-vflex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.flex-block-6 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.div-block-43 {
  margin-top: 0;
}

.section-about-2 {
  z-index: 1;
  background-color: var(--base-color-neutral--black);
  height: auto;
  min-height: auto;
  padding-top: 9vh;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.social-icon-white {
  object-fit: cover;
  width: 50px;
  max-width: 100%;
  height: auto;
}

.social-icon-white.white {
  color: var(--base-color-neutral--white);
}

.social-icon-white.black {
  object-fit: cover;
  width: 40px;
  overflow: clip;
}

.footer-social-box-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-44 {
  margin-left: 21.5vw;
}

.div-block-46 {
  margin-top: 50px;
}

.section-work-3.background-color-secondary {
  z-index: 2;
  background-color: var(--base-color-neutral--white);
  display: flex;
  position: relative;
}

.div-block-47 {
  padding-bottom: 30px;
}

.slider-thinking {
  background-color: #0000;
  height: auto;
  overflow: hidden;
}

.slide-thinking {
  height: 190px;
}

.section-work-4-new {
  z-index: 4;
  background-color: var(--base-color-neutral--white);
  margin-top: 6vh;
  margin-bottom: 6vh;
  position: relative;
}

.section-work-4-new.background-color-secondary {
  z-index: 999;
  background-color: var(--base-color-brand--blue-light);
  height: auto;
  min-height: auto;
}

.section-work-4-new.black {
  background-color: var(--base-color-neutral--black);
}

.affirmationblock {
  background-color: var(--base-color-neutral--black);
  border-radius: 20px;
  height: 380px;
  margin-right: 0;
  padding: 50px;
}

.newsletterbutton {
  background-color: var(--base-color-neutral--white);
  border-radius: 10px;
  padding: 10px 14px;
}

.newsletterbutton:hover {
  background-color: var(--base-color-neutral--white);
  color: var(--base-color-neutral--black);
  text-underline-offset: 5px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_sonja-ci---orange);
  text-decoration-color: var(--_sonja-ci---orange);
  text-underline-position: under;
}

.section-work-4-orange {
  z-index: 4;
  background-color: var(--_sonja-ci---orange);
  margin-top: 6vh;
  margin-bottom: 6vh;
  position: relative;
}

.section-work-4-orange.background-color-secondary {
  z-index: 999;
  background-color: var(--base-color-brand--blue-light);
  height: auto;
  min-height: auto;
}

.section-work-4-orange.black {
  background-color: var(--base-color-neutral--black);
}

.div-block-48 {
  display: flex;
}

.text-span-27 {
  font-size: 3rem;
  line-height: 3;
}

.section-blog-others {
  z-index: 1;
  height: 100%;
  min-height: 100%;
  display: block;
  position: relative;
}

.blog-post-other-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 1200px;
  margin-top: 50px;
  margin-bottom: 100px;
  display: flex;
}

.collection-list-other-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.section {
  margin-top: 100px;
  position: relative;
}

.div-block-49 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.div-block-50 {
  padding-bottom: 50px;
}

.blog-other-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.text-block-3 {
  align-self: flex-start;
}

@media screen and (min-width: 1440px) {
  .margin-top {
    margin-top: 30px;
  }

  .heading-style-h1.text-color-alternate {
    font-size: 6vw;
  }

  .heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .padding-global.padding-section-large.light-blue {
    background-color: var(--_sonja-ci---light-blue);
  }

  .text-size-xxlk.testimonial-title {
    height: 30px;
  }

  .text-size-xxlk.bullet-block {
    margin-top: -20px;
    margin-left: 20px;
  }

  .text-size-xxlk.approach-title {
    height: 30px;
  }

  .text-size-xxlk.bullet-block-lined {
    margin-top: -20px;
    margin-left: 20px;
  }

  .text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text.text-size-xxl {
    margin-left: 0;
  }

  .text-size-xxlk.bullet-block-lined.bullet-block-text.text-size-xxl {
    margin-top: 0;
    margin-left: 0;
  }

  .text-size-small.white {
    color: var(--base-color-neutral--white);
  }

  .grid-12x {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .accordian-bar {
    border-bottom-color: #e4e3e3;
    padding-left: 0;
  }

  .accordian-cell.padding-medium {
    width: 60vw;
  }

  .section-home-services {
    display: none;
  }

  .section-home-faqs.background-color-secondary {
    z-index: 2;
  }

  .section-home-footer {
    height: auto;
    min-height: auto;
  }

  .hero-slide-2 {
    display: flex;
  }

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

  .hero-slide-3 {
    z-index: 3;
    width: 100%;
    display: flex;
  }

  .navbar {
    display: flex;
  }

  .brand.w--current {
    width: 200px;
  }

  .nav-menu {
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
  }

  .nav-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-self: center;
    display: flex;
  }

  .link.silver {
    align-self: center;
    font-family: "Raveo Bf 6747 D 9 Ec 1 Ad 72", Arial, sans-serif;
  }

  .text-white {
    font-size: 1.3rem;
  }

  .section-testimonials.background-color-secondary {
    z-index: 2;
  }

  .single-cta-wrapper.margin-top {
    margin-top: 30px;
  }

  .section-home-four, .section-home-four1 {
    background-color: var(--_sonja-ci---blue);
  }

  .about-slide-2 {
    display: flex;
  }

  .about-hero-slide-3 {
    z-index: 3;
    width: 100%;
    display: flex;
  }

  .section-about-opener3 {
    background-color: var(--base-color-neutral--white);
  }

  .section-book-call {
    height: 100vh;
  }

  .testimonial-wrapper-work {
    margin-top: 50px;
  }

  .div-block-4 {
    position: absolute;
  }

  .brush-stroke {
    position: absolute;
    top: 22%;
    left: 34%;
  }

  .section-contact-hero {
    height: 80vh;
    min-height: 80vh;
  }

  .contact-slide-1 {
    height: 100vh;
    display: flex;
  }

  .contact-hero-grid {
    height: 70vh;
    margin-top: 20vh;
  }

  .contact-background-wrapper {
    background-color: var(--base-color-neutral--white);
  }

  .field-label {
    font-weight: 300;
  }

  .div-block-5 {
    justify-content: flex-start;
    display: block;
  }

  .field-label-2, .field-label-3 {
    font-weight: 300;
  }

  .text-field, .text-field-2, .text-field-3, .text-field-4 {
    background-color: var(--base-color-neutral--neutral-lightest);
    border: 0 solid #000;
    border-radius: 0;
    font-weight: 300;
  }

  .submit-button {
    border-bottom: 1px solid var(--base-color-neutral--black);
    background-color: #0000;
    padding-left: 0;
  }

  .submit-button-black {
    border-bottom: 1px solid var(--base-color-neutral--black);
    color: var(--base-color-neutral--black);
    background-color: #0000;
    margin-top: 30px;
    padding-left: 0;
  }

  .logobar {
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .div-block-6 {
    flex-flow: column;
    display: flex;
  }

  .text-span-15 {
    font-weight: 100;
  }

  .contact-heading-style-h1.text-color-alternate {
    font-size: 6vw;
  }

  .contact-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 55%;
    margin-top: 1rem;
    display: block;
  }

  .blog-about-me {
    position: relative;
  }

  .section-blog-hero {
    height: auto;
    min-height: 20vh;
    display: flex;
  }

  .blog-slide-1 {
    height: 100%;
    display: flex;
  }

  .blog-hero-grid {
    height: auto;
    margin-top: 20vh;
  }

  .blog-background-wrapper {
    background-color: var(--base-color-neutral--white);
  }

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

  .arrow-icon-black {
    width: 50px;
    max-width: 100%;
    height: 50px;
  }

  .div-block-7 {
    flex-flow: row;
    display: flex;
  }

  .blog-item-wrapper {
    border: 0 solid #000;
    flex-flow: column;
    width: 100%;
    margin-bottom: 3vh;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .blog-item-details {
    flex-flow: column;
    width: 100%;
    margin-bottom: 4vh;
    margin-right: 4vw;
    display: flex;
  }

  .blog-item-image {
    width: 100%;
  }

  .blog-posts {
    flex-flow: column;
    display: flex;
  }

  .heading {
    font-size: 1.25rem;
    font-weight: 500;
  }

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

  .blog-post-date {
    text-align: center;
    align-self: flex-start;
    margin-top: 15px;
    font-size: .65rem;
    font-weight: 300;
  }

  .blog-post-date.text-align-left {
    align-self: flex-start;
  }

  .blog-heading {
    font-size: 1.25rem;
    font-weight: 500;
  }

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

  .div-block-8 {
    flex-flow: row;
    display: flex;
  }

  .blog-post-wrapper {
    flex-flow: row;
    margin-top: 50px;
    margin-bottom: 0;
    display: flex;
  }

  .hero-stack {
    background-color: var(--base-color-neutral--white);
  }

  .margin-bottom-24px.blog-post-sumary {
    text-align: left;
    align-self: flex-start;
    margin-top: 24px;
  }

  .section-blog-post-item {
    height: 100%;
  }

  .rich-text-block {
    text-align: left;
    align-self: flex-start;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 300;
  }

  .blog-post-h1 {
    text-align: left;
  }

  .about-me-image-left {
    width: 20%;
  }

  .section-flex-left {
    width: 60vw;
  }

  .section-home-discover {
    display: none;
  }

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

  .blog-hero-stack {
    background-color: var(--base-color-neutral--white);
  }

  .image-8 {
    object-fit: cover;
  }

  .heading-style-h1-wide.text-color-alternate {
    font-size: 6vw;
  }

  .heading-style-h1-wide.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .main-hero-heading.black {
    text-align: center;
    width: 66%;
  }

  .section-home-faq.black {
    padding-left: 9vw;
  }

  .navbar-inverted {
    display: flex;
  }

  .nav-menu-inverted {
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
  }

  .text-span-15-copy, .text-span-15-copy-copy, .text-span-15-copy-copy-copy {
    font-weight: 100;
  }

  .section-footer-blue {
    height: 100%;
    min-height: 100%;
  }

  .work-heading-style-h1.text-color-alternate {
    font-size: 6vw;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .approach-wrapper {
    margin-top: 50px;
  }

  .text-size-regular-copy.testimonial-title {
    height: 30px;
  }

  .text-size-regular-copy.bullet-block {
    margin-top: -20px;
    margin-left: 20px;
  }

  .text-size-regular-copy.approach-title {
    height: 30px;
  }

  .section-speaker-engagements {
    height: auto;
  }

  .section-speaker-one {
    background-color: var(--_sonja-ci---light-blue);
  }

  .section-speaker-two {
    background-color: var(--base-color-brand--blue-light);
  }

  .collection-item {
    aspect-ratio: auto;
    object-fit: none;
  }

  .blog-about-me-image {
    object-fit: fill;
    width: 100%;
    min-width: 100%;
    height: auto;
    overflow: hidden;
  }

  .image-16 {
    display: block;
  }

  .footer-logo {
    display: block;
    position: relative;
    inset: auto 0% 5% auto;
  }

  .section-subscribe-me {
    align-self: flex-start;
    width: 33%;
    position: sticky;
    top: 0;
  }

  .div-block-19 {
    width: 100%;
    height: auto;
  }

  .collection-list-4-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .text-span-16, .text-span-17 {
    font-weight: 900;
  }

  .text-span-18 {
    color: #f0b312;
    font-weight: 300;
  }

  .work-heading-style-h1-2.text-color-alternate {
    font-size: 6vw;
  }

  .work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    padding-left: 100px;
  }

  .work-heading-style-h1-3.text-color-alternate {
    font-size: 6vw;
  }

  .work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    padding-left: 200px;
  }

  .grid-12x-centered {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: grid;
  }

  .home-heading-style-h1.text-color-alternate {
    font-size: 6vw;
  }

  .home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .home-heading-style-h1-bold.text-color-alternate {
    font-size: 6vw;
  }

  .home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .home-heading-style-h1-portion.text-color-alternate {
    font-size: 6vw;
  }

  .home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .contact-copy {
    flex-flow: column;
    display: flex;
  }

  .home1-background-wrapper.white {
    background-color: var(--base-color-neutral--white);
  }

  .home-heading-style-h1-large.text-color-alternate {
    font-size: 6vw;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .home1-hero-image-new {
    right: 0;
  }

  .yawn-proof-line-dark {
    width: 100%;
  }

  .yawn-proof-container {
    width: 535px;
    max-width: 535px;
  }

  .home1-hero-image-right {
    display: block;
  }

  .home-heading-style-h1-medium.text-color-alternate {
    font-size: 6vw;
  }

  .home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    font-size: 6rem;
    line-height: .7;
  }

  .section-work-with-hero-3 {
    display: none;
  }

  .work-hero-flex {
    padding-left: 0;
  }

  .about-heading-style-h1.text-color-alternate {
    font-size: 6vw;
  }

  .about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .about-padding-global.padding-section-large.light-blue {
    background-color: var(--_sonja-ci---light-blue);
  }

  .contact-hero-flex {
    height: 70vh;
    margin-top: 0;
  }

  .waving-hand {
    object-fit: contain;
    width: 100px;
    max-width: 100px;
    height: 100px;
    max-height: 100px;
    overflow: visible;
  }

  .div-block-25 {
    display: flex;
  }

  .about-heading-h1.text-color-alternate {
    font-size: 6vw;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .about-heading-h1-bold.text-color-alternate {
    font-size: 6vw;
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black {
    width: 56%;
    display: block;
  }

  .sunny-side-up-text {
    color: var(--_sonja-ci---orange);
    font-weight: 900;
  }

  .image-bottom-right {
    position: absolute;
  }

  .bottom-menu-light-inline.blue, .bottom-menu-light-inline.transparent {
    background-color: #0000;
  }

  .section-footer-black {
    height: 100%;
    min-height: 100%;
  }

  .navbarblack {
    display: flex;
  }

  .div-block-33, .navlinks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-right: 30px;
    display: flex;
  }

  .link-block {
    border: 0 solid #000;
  }

  .navbarnolinks {
    display: flex;
  }

  .section-work-4 {
    background-color: var(--base-color-neutral--white);
  }

  .section-home-how-we-work-copy {
    background-color: var(--base-color-brand--blue-light);
  }

  .section-home-1, .section-home-2 {
    background-color: var(--_sonja-ci---beige);
  }

  .home-section-2-images {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section-home-footer-black {
    height: auto;
    min-height: auto;
  }

  .section-work-2 {
    background-color: var(--base-color-neutral--white);
  }

  .section-testimonials-scroller.background-color-secondary {
    z-index: 2;
  }

  .home-section-2-image-2 {
    height: 330px;
  }

  .navlogo {
    text-align: center;
  }

  .navbar-copy {
    display: flex;
  }

  .mobilenavbar {
    display: none;
  }

  .mobile-nav-menu {
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
  }

  .mobile-nav-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-self: center;
    display: flex;
  }

  .mobile-navlinks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-right: 30px;
    display: flex;
  }

  .about-section-2-image-2 {
    height: 340px;
  }

  .section-about-2 {
    background-color: var(--base-color-neutral--black);
  }

  .div-block-44 {
    margin-left: 20vw;
  }

  .section-work-3.background-color-secondary {
    z-index: 2;
  }

  .section-blog-others {
    height: auto;
    min-height: 20vh;
    display: flex;
  }

  .blog-post-other-wrapper {
    flex-flow: row;
    margin-top: 50px;
    margin-bottom: 0;
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  .padding-global {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .padding-global.padding-section-large {
    margin-bottom: 10vh;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .padding-global.padding-section-small {
    height: auto;
    min-height: auto;
    padding: 6rem 5rem;
  }

  .padding-global.padding-section-small.align-center {
    max-width: 1400px;
    padding: 6vh 0;
  }

  .padding-global.padding-section-small.testimonial-padding-small {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-weight-light.text-size-medium.text-align-center {
    margin-top: 0;
    font-size: 2rem;
  }

  .text-weight-light.text-size-medium.text-align-center.text-margin-top {
    margin-top: 3rem;
    font-size: 1.25rem;
  }

  .text-weight-light.text-size-large.text-align-center {
    height: auto;
    font-size: 1.5rem;
  }

  .text-weight-light.text-size-small.text-align-center.margin-bottom-24px.testimonial-text {
    font-size: 1.15rem;
    line-height: 1.25;
  }

  .text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 2rem;
  }

  .text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text.text-size-xxl {
    font-size: 2rem;
  }

  .text-size-xxlk.bullet-block-lined.bullet-block-text {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 2rem;
  }

  .text-size-xxlk.bullet-block-lined.bullet-block-text.text-size-xxl, .text-size-large {
    font-size: 2rem;
  }

  .home-hero-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 1.25fr minmax(110px, 150px);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch start;
    display: grid;
  }

  .accordian-bar {
    padding-left: 0;
  }

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

  .section-home-footer {
    height: auto;
    min-height: auto;
  }

  .testimonial-mask {
    width: 23rem;
  }

  .hero-slide-1.padding-global {
    justify-content: center;
    align-items: center;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .service-link-absolute {
    display: none;
    inset: auto 0% 0%;
  }

  .navbar {
    display: flex;
  }

  .link.black:hover {
    text-underline-offset: 5px;
    text-underline-position: under;
    text-decoration: underline;
  }

  .link.black.w--current {
    color: var(--base-color-neutral--black);
    text-underline-offset: 5px;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--base-color-neutral--black);
    text-decoration-color: var(--base-color-neutral--black);
    text-underline-position: under;
  }

  .link.black.w--current:focus {
    color: var(--base-color-neutral--black);
  }

  .social-box-wrap {
    padding-top: 30px;
  }

  .text-white {
    font-size: 1.3rem;
  }

  .social-icon.black {
    width: 30px;
  }

  .social-cell {
    width: 40px;
  }

  .social-cell-wrapper {
    width: 30px;
  }

  .section-testimonials.background-color-secondary {
    min-height: auto;
  }

  .slider {
    overflow: hidden;
  }

  .slide-2 {
    height: auto;
  }

  .left-arrow {
    z-index: 999;
    object-fit: fill;
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    inset: 150px auto 0% 46%;
    overflow: visible;
  }

  .right-arrow {
    object-fit: fill;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 150px;
    right: 46%;
    overflow: hidden;
  }

  .icon {
    display: none;
  }

  .black-arrow {
    width: 50px;
  }

  .black-arrow-left {
    width: 50px;
    height: 50px;
    line-height: 20px;
  }

  .black-arrow-right {
    width: 50px;
    height: 50px;
  }

  .section-home-opener-menu {
    background-color: #0000;
  }

  .hero-image {
    right: 10rem;
  }

  .section-home-four, .section-home-four1 {
    background-color: var(--_sonja-ci---blue);
  }

  .section-about-opener.black {
    height: auto;
    min-height: auto;
    display: none;
  }

  .section-about-opener1.black {
    height: auto;
    min-height: auto;
  }

  .home-hero-image {
    vertical-align: middle;
    position: absolute;
    inset: 0% 5% 0% auto;
  }

  .section-work-1, .section-work-one2.purple, .section-work-one3.purple {
    height: auto;
    min-height: auto;
  }

  .brush-stroke {
    top: 18%;
  }

  .section-contact-hero {
    height: 100vh;
    min-height: auto;
    margin-top: 0;
  }

  .contact-slide-1 {
    height: auto;
  }

  .submit-button-black {
    margin-top: 15px;
    padding-top: 25px;
  }

  .contact-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black {
    width: 45%;
    margin-top: 0;
  }

  .blog-item-wrapper {
    border: 0 solid #000;
  }

  .about-hero-image {
    inset: 0% auto 0% 0%;
  }

  .image-8 {
    object-fit: cover;
  }

  .section-home-two5 {
    padding-bottom: 6em;
  }

  .div-block-9.margin-top-30 {
    display: none;
  }

  .main-hero-heading {
    font-size: 5rem;
  }

  .main-hero-heading.black {
    align-self: auto;
    width: 58%;
  }

  .home-hero-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 1.25fr minmax(110px, 150px);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch center;
    display: grid;
  }

  .section-home-faq.black {
    padding-left: 9vw;
  }

  .section-home-four-left {
    background-color: var(--_sonja-ci---blue);
  }

  .navbar-inverted {
    display: flex;
  }

  .hero-image-copy {
    right: 10rem;
  }

  .work-hero-grid {
    padding-top: 100px;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    align-self: flex-start;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .image-pinky-promise {
    bottom: 18%;
    right: 6%;
  }

  .pie-image {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .approach-mask {
    width: 23rem;
  }

  .section-speaker-engagements {
    min-height: 100vh;
  }

  .section-speaker-one {
    background-color: var(--_sonja-ci---light-blue);
  }

  .section-speaker-two {
    height: auto;
    min-height: auto;
  }

  .bullet-block-images {
    margin-right: 10vw;
  }

  .black-arrow-left-50 {
    width: 50px;
    height: 50px;
    line-height: 20px;
  }

  .black-arrow-right-50 {
    width: 50px;
    height: 50px;
  }

  .collection-list-4-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    align-self: flex-end;
  }

  .work-heading-style-h1-2.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    align-self: flex-end;
  }

  .work-heading-style-h1-3.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover, .home-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover, .home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover, .home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .idea-image-wrapper {
    top: 16vh;
  }

  .home1-hero-image {
    inset: auto 0% 0% auto;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    width: 100%;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30.text-white {
    margin-bottom: 40px;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .home1-hero-image-new {
    inset: 10vh 5vw 0% auto;
  }

  .yawn-proof-line-dark {
    background-color: var(--_sonja-ci---pink);
  }

  .yawn-proof-container {
    width: 594px;
    max-width: 594px;
  }

  .home1-hero-image-right {
    inset: auto 0% 0% auto;
  }

  .home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    width: 100%;
  }

  .home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .testimonials-left-arrow {
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    display: block;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .testimonials-right-arrow {
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    inset: auto auto 0% 5%;
  }

  .work-hero-flex {
    padding-top: 100px;
    padding-left: 3vw;
  }

  .text-span-25 {
    font-weight: 900;
  }

  .about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    align-self: flex-end;
  }

  .about-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .about-hero-flex {
    justify-content: flex-end;
    padding-top: 100px;
  }

  .sunnyside-up-image {
    width: 120px;
    margin-right: 0;
    position: relative;
    inset: auto 0 0 auto;
  }

  .about-padding-global.padding-section-large {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .about-padding-global.padding-section-small {
    padding: 6rem 5rem;
  }

  .contact-hero-flex {
    height: auto;
    margin-top: 20vh;
  }

  .work-hero-grid-copy, .work-hero-grid-copy-copy {
    padding-top: 100px;
  }

  .about-hero-flex-grid {
    margin-right: 0;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light {
    margin-bottom: 0;
    font-size: 5rem;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30, .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30-copy {
    align-self: flex-start;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    align-self: flex-start;
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
    margin-bottom: 0;
    font-size: 7rem;
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold:hover {
    color: var(--_sonja-ci---pink);
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold.text-white:hover {
    color: var(--base-color-neutral--white);
  }

  .sunny-side-up-text {
    color: var(--_sonja-ci---orange);
  }

  .image-20 {
    object-fit: fill;
  }

  .about-sonja-image-left {
    height: 30vw;
  }

  .work-heading-style-h2.text-color-secondary.align-right {
    padding-top: 50px;
  }

  .cards-wrapper {
    grid-column-gap: 4%;
    grid-row-gap: 4%;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(auto-fit, 22%) 22% 22% 22%;
    justify-content: start;
    justify-items: start;
  }

  .card_component.orange, .card_component.pink, .card_component.blue, .card_component.light-blue, .card_component.beige, .card_component.black {
    width: 100%;
  }

  .card_scroll.orange, .card_scroll.pink {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card_scroll.blue, .card_scroll.light-blue, .card_scroll.beige, .card_scroll.black {
    width: 100%;
  }

  .margin-top-bottom-medium {
    margin-top: 9rem;
  }

  .mask-3, .slider-mask {
    height: auto;
  }

  .navbarblack {
    display: flex;
  }

  .testimonials_cta {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .navbarnolinks {
    display: flex;
  }

  .section-work-4 {
    background-color: var(--base-color-neutral--white);
    height: auto;
    min-height: auto;
  }

  .div-block-35 {
    height: 480px;
    font-size: 1.25rem;
  }

  .section-testimonial-slide {
    padding-bottom: 6em;
  }

  .section-home-how-we-work-copy {
    height: auto;
    min-height: auto;
  }

  .section-home-1, .section-home-2 {
    background-color: var(--_sonja-ci---beige);
    height: auto;
    min-height: auto;
  }

  .home-section-2-images {
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .div-block-37 {
    padding-left: 0;
  }

  .section-home-footer-black {
    height: auto;
    min-height: auto;
  }

  .section-work-2 {
    background-color: var(--base-color-neutral--white);
    height: auto;
    min-height: auto;
  }

  .section-testimonials-scroller.background-color-secondary {
    min-height: auto;
  }

  .body-2 {
    background-color: var(--base-color-neutral--black);
  }

  .home-section-2-image-2 {
    width: 35%;
    height: 400px;
  }

  .navlogo {
    text-align: center;
  }

  .navbar-copy {
    display: flex;
  }

  .mobilenavbar {
    display: none;
  }

  .hamburgericon, .hamburgericonwhite {
    object-fit: fill;
  }

  .about-section-2-image-2 {
    height: 450px;
  }

  .section-about-2 {
    background-color: var(--base-color-neutral--black);
    height: auto;
    min-height: auto;
  }

  .social-icon-white.black {
    width: 30px;
  }

  .footer-social-box-wrap {
    padding-top: 30px;
  }

  .div-block-44 {
    margin-left: 15vw;
  }

  .slider-thinking {
    overflow: hidden;
  }

  .slide-thinking {
    height: 200px;
  }

  .affirmationblock {
    height: 480px;
    font-size: 1.25rem;
  }
}

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

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

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

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

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

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

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

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .nav_button {
    color: #fff;
  }

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

  .grid-12x {
    width: 100%;
  }

  .statistics-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr 1fr;
  }

  .accordian-main-grid {
    display: flex;
  }

  .accordian-cell.padding-medium {
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    color: var(--base-color-neutral--white);
  }

  .line-divider, .grid-12x-follow-up, .grid-12x-about-me, .grid-12x-right {
    width: 100%;
  }

  .heading-xlarge {
    letter-spacing: normal;
    font-size: 6rem;
  }

  .banner-heading {
    font-size: 80px;
  }

  .cursor {
    display: none;
  }

  .container {
    max-width: 728px;
  }

  .banner-heading-light {
    font-size: 80px;
  }

  .track-2 {
    height: auto;
  }

  .camera-2 {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .frame-2 {
    flex-flow: column;
  }

  .trackcamera {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .trackhorizontal {
    height: auto;
  }

  .cameraframe {
    flex-flow: column;
  }

  .grid-12x-centered {
    width: 100%;
  }

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

  .work-grid-12x-right {
    width: 100%;
  }

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

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

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

  .card_component {
    width: 30rem;
  }

  .card_component:hover {
    opacity: 1;
  }

  .card_scroll {
    width: 30rem;
  }

  .home-grid-12x-right, .work-pie-section {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

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

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

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

  .margin-bottom {
    margin: 0 0 5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .heading-style-h1.text-color-alternate {
    font-size: 10vw;
  }

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

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

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

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

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

  .text-size-xxlk.is-inside-accordian {
    color: var(--base-color-neutral--neutral);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

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

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

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

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

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

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

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

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

  .slider-data-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-12x {
    width: 100%;
  }

  .statistics-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    grid-template-columns: 1fr 1fr;
  }

  .section-home-service1 {
    position: static;
  }

  .accordian-main-grid {
    flex-flow: column-reverse;
    width: 100%;
  }

  .accordian-bar {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    grid-auto-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .partners-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .partner-cell {
    width: auto;
    height: 250px;
  }

  .logo {
    color: var(--base-color-neutral--white);
    font-size: 1.25rem;
  }

  .logo-slider, .slide, .logo-full-cover {
    width: 100%;
  }

  .section-home-service2, .section-home-service3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

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

  .footer-liink-wrapper {
    width: 100%;
  }

  .credentials-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
  }

  .testimonial-wrapper {
    overflow: hidden;
  }

  .navbar {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .brand, .brand.w--current {
    padding-left: 0;
  }

  .nav-menu {
    flex-flow: row;
    align-items: flex-start;
  }

  .link.silver {
    font-size: 1rem;
  }

  .mask-2 {
    width: 100%;
  }

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

  .licensing-image-wrapper, .single-slider-data-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-12x-follow-up {
    width: 100%;
  }

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

  .section-home-service-colour-stay, .section-home-service-menu {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .single-cta-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .grid-12x-about-me, .grid-12x-right {
    width: 100%;
  }

  .section-home-opener1 {
    position: static;
  }

  .section-home-opener2, .section-home-opener3, .section-home-opener-menu {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-home-about-me1 {
    position: static;
  }

  .section-home-about-me2, .section-home-about-me3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-home-one1-copy {
    position: static;
  }

  .section-home-one2, .section-home-one3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-home-two1 {
    position: static;
  }

  .section-home-two2 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-home-three1 {
    position: static;
  }

  .section-home-three2, .section-home-three3, .section-home-three4 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-home-four1 {
    position: static;
  }

  .section-home-four2, .section-home-four3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .heading-xlarge {
    font-size: 4rem;
    line-height: 100%;
  }

  .tada-grow {
    width: 7px;
  }

  .banner-heading {
    font-size: 60px;
  }

  .tada-diff-image.da {
    height: 90px;
    margin-right: 20px;
  }

  .tada-diff-image.ta {
    height: 90px;
    margin-left: 20px;
  }

  .section-about-opener1 {
    position: static;
  }

  .section-about-opener2, .section-about-opener3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-about-one1, .section-work-service1 {
    position: static;
  }

  .section-work-service2, .section-work-service-colour-stay {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .section-work-one1 {
    position: static;
  }

  .section-work-one2, .section-work-one3 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .slide-4 {
    width: 100%;
  }

  .logobar {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .contact-heading-style-h1.text-color-alternate {
    font-size: 10vw;
  }

  .hero-stack, .blog-hero-stack {
    padding: 60px 15px;
  }

  .banner-heading-light {
    font-size: 60px;
  }

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

  .heading-style-h1-wide.text-color-alternate {
    font-size: 10vw;
  }

  .section-home-about-me-start {
    position: static;
  }

  .section-home-four4 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

  .navbar-inverted {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav-menu-inverted {
    flex-flow: row;
    align-items: flex-start;
  }

  .section-home-about-me1-1, .section-home-about-me1-2, .section-home-about-me1-3, .section-home-about-me1-4 {
    position: static;
  }

  .section-home-about-me2-1, .section-home-about-me2-2 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

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

  .work-heading-style-h1.text-color-alternate {
    font-size: 10vw;
  }

  .text-size-regular-copy.is-inside-accordian {
    color: var(--base-color-neutral--neutral);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-speaker-one, .section-speaker-two {
    position: static;
  }

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

  .work-heading-style-h1-2.text-color-alternate {
    font-size: 10vw;
  }

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

  .work-heading-style-h1-3.text-color-alternate {
    font-size: 10vw;
  }

  .grid-12x-centered {
    width: 100%;
  }

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

  .home-heading-style-h1.text-color-alternate {
    font-size: 10vw;
  }

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

  .home-heading-style-h1-bold.text-color-alternate {
    font-size: 10vw;
  }

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

  .home-heading-style-h1-portion.text-color-alternate {
    font-size: 10vw;
  }

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

  .home-heading-style-h1-large.text-color-alternate {
    font-size: 10vw;
  }

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

  .home-heading-style-h1-medium.text-color-alternate {
    font-size: 10vw;
  }

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

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

  .about-heading-style-h1.text-color-alternate {
    font-size: 10vw;
  }

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

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

  .flex-margin-bottom {
    margin: 0 0 5rem;
  }

  .section-home-about-me2-1-copy, .section-home-about-me2-0 {
    background-color: var(--base-color-neutral--neutral-lightest);
    position: static;
  }

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

  .about-heading-h1.text-color-alternate {
    font-size: 10vw;
  }

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

  .about-heading-h1-bold.text-color-alternate {
    font-size: 10vw;
  }

  .work-grid-12x-right {
    width: 100%;
  }

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

  .margin-bottom-copy {
    margin: 0 0 5rem;
  }

  .card-img {
    width: 10rem;
    height: 10rem;
  }

  .card-front {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: row;
    justify-content: flex-start;
  }

  .card-head {
    text-align: left;
    width: auto;
    font-size: 2rem;
  }

  .card_component {
    width: 30rem;
    height: 11rem;
    padding: 2rem;
  }

  .home-grid-12x-right {
    width: 100%;
  }

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

  .navbarblack, .navbarnolinks {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-work-4, .section-home-how-we-work-copy, .section-home-1, .section-home-2, .section-work-2 {
    position: static;
  }

  .work-pie-section {
    width: 100%;
  }

  .navbar-copy, .mobilenavbar {
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .mobile-nav-menu {
    flex-flow: row;
    align-items: flex-start;
  }

  .section-about-2 {
    position: static;
  }
}

@media screen and (max-width: 479px) {
  .margin-medium {
    order: 0;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .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 {
    width: 100%;
    margin: 0;
  }

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

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

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

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

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

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

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

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

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

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

  .heading-style-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .heading-style-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .padding-global {
    flex-flow: column;
  }

  .padding-global.padding-section-large {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100vw;
    padding-top: 0;
    padding-right: 1.25rem;
  }

  .padding-global.padding-section-small {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

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

  .text-weight-light.text-size-medium.text-align-center {
    width: 100%;
    font-size: 1.5rem;
  }

  .text-weight-light.text-size-medium.text-align-center.text-margin-top, .text-weight-light.text-size-large.text-align-center {
    font-size: 1rem;
  }

  .text-weight-light.text-align-center {
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .text-weight-light.text-align-center.text-size-regular {
    font-size: 1.5rem;
  }

  .text-weight-light.text-size-small.text-align-center.margin-bottom-24px {
    font-size: 1rem;
  }

  .text-size-xxlk.is-inside-accordian {
    color: var(--base-color-neutral--black);
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1.2rem;
  }

  .text-size-xxlk.is-inside-accordian.text-white {
    color: var(--base-color-neutral--white);
  }

  .text-size-xxlk.accordian-title {
    font-size: 2rem;
  }

  .text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text {
    line-height: 1.2;
  }

  .text-size-xxlk.bullet-block-lined.bullet-blockl-lined-top.bullet-block-text.text-size-xxl {
    font-size: 1.5rem;
  }

  .text-size-xxlk.bullet-block-lined.bullet-block-text {
    line-height: 1.2;
  }

  .text-size-xxlk.bullet-block-lined.bullet-block-text.text-size-xxl {
    font-size: 1.5rem;
  }

  .text-size-xxlk.bold {
    text-align: left;
  }

  .heading-style-h2.text-color-secondary.text-white.text-align-left {
    align-self: flex-start;
  }

  .heading-style-h2.text-color-secondary.text-align-center {
    text-align: left;
  }

  .heading-style-h2.text-color-secondary.align-right {
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }

  .heading-style-h2.text-color-secondary._3-4width {
    width: 100%;
  }

  .heading-style-h2.text-color-secondary._3-4width.margin-bottom-medium, .heading-style-h2.text-color-secondary.margin-bottom-medium {
    margin-bottom: 0;
  }

  .heading-style-h2.text-white {
    font-size: 1.5rem;
  }

  .heading-style-h2.text-white._3-4-width {
    width: 100%;
    max-width: 100%;
  }

  .heading-style-h2.text-white.margin-bottom-small {
    margin-bottom: 20px;
  }

  .heading-style-h2.text-size-medium.text-align-center {
    font-size: 1rem;
  }

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

  .slider-data-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .grid-12x {
    justify-content: start;
    display: flex;
  }

  .statistics-wrapper {
    grid-template-columns: 1fr;
  }

  .plus-icon {
    object-fit: cover;
    position: static;
  }

  .accordian-bar {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .accordian-cell.padding-medium, .accordian-wrapper {
    width: 100%;
  }

  .partners-wrapper {
    grid-template-columns: 1fr;
  }

  .partner-cell {
    height: 350px;
  }

  .footer-liink-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .social-link-cell {
    width: 100%;
  }

  .social-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .credentials-wrapper, .cta-wrapper.text-size-xl {
    width: 100%;
  }

  .arrow-icon {
    max-width: 50px;
    overflow: clip;
  }

  .arrow-icon.hide-mobile {
    width: 50px;
    max-width: 50px;
    height: 50px;
  }

  .line-hovereffect-wrapper {
    width: 100%;
  }

  .testimonial-slider {
    height: auto;
  }

  .testimonial-mask {
    width: auto;
  }

  .service-link-absolute {
    display: none;
  }

  .navbar {
    flex-flow: column;
    align-items: flex-start;
    display: none;
  }

  .navbar.onblack {
    display: flex;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .nav-menu {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: 70%;
    display: flex;
    position: absolute;
    top: 32%;
    right: 5%;
  }

  .nav-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: space-between;
    place-items: stretch start;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .link.black {
    width: 100%;
    margin-left: 0;
  }

  .link.black.w--current {
    padding-left: 0;
  }

  .licensing-image-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .text-size-xl.text-white {
    font-size: 1.5rem;
    line-height: 1;
  }

  .text-size-xl.text-black {
    text-align: center;
  }

  .text-size-xl.text-black.margin-top-30.text-align-left {
    text-align: left;
  }

  .social-icon.black {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }

  .social-cell, .social-cell-wrapper {
    width: 30px;
  }

  .section-testimonials.background-color-secondary {
    background-color: var(--base-color-neutral--white);
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .single-slider-data-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .single-line-hovereffect-wrapper {
    width: 100%;
  }

  .slider {
    padding-bottom: 100px;
    overflow: hidden;
  }

  .slide-2 {
    margin-top: 50px;
  }

  .slide-3 {
    width: 100%;
    height: auto;
  }

  .left-arrow {
    top: 200px;
    left: 30%;
  }

  .right-arrow {
    top: 200px;
    right: 30%;
  }

  .flex-block-2 {
    width: 90%;
    display: block;
  }

  .single-cta-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .single-cta-wrapper.cta-adjusted {
    margin-left: 0;
    padding-top: 0;
    padding-left: 5px;
  }

  .single-cta-wrapper.margin-top-30 {
    align-self: flex-start;
  }

  .hero-image {
    margin-top: 7vh;
    position: relative;
  }

  .section-home-one1-copy {
    height: auto;
    min-height: auto;
  }

  .section-home-one2 {
    background-color: var(--base-color-neutral--white);
    height: auto;
    min-height: auto;
  }

  .section-home-one3 {
    background-color: var(--base-color-neutral--white);
    height: auto;
    min-height: auto;
    padding-bottom: 100px;
  }

  .section-home-two1 {
    height: auto;
    min-height: auto;
  }

  .section-home-two2 {
    background-color: var(--_sonja-ci---beige);
    height: auto;
    min-height: auto;
  }

  .section-home-four {
    display: none;
  }

  .section-home-four1 {
    height: auto;
    min-height: auto;
  }

  .section-home-four2 {
    background-color: var(--_sonja-ci---blue);
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: auto;
    margin-top: 0;
  }

  .section-home-four3 {
    background-color: var(--_sonja-ci---blue);
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: auto;
  }

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

  .banner-heading {
    font-size: 50px;
  }

  .section-about-opener1.black, .section-about-one.black {
    height: auto;
    min-height: auto;
  }

  .section-about-one1.black {
    height: 90vh;
    min-height: 90vh;
  }

  .home-hero-image {
    margin-top: 7vh;
    position: relative;
  }

  .div-block-2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .section-work-1, .section-work-one2.purple, .section-work-one3.purple {
    height: auto;
    min-height: auto;
  }

  .section-contact-hero {
    height: 100vh;
    min-height: 100vh;
    margin-bottom: 40vh;
    display: block;
  }

  .contact-slide-1 {
    height: auto;
    min-height: auto;
    position: relative;
  }

  .contact-hero-image {
    margin-top: 7vh;
    position: relative;
  }

  .contact-form {
    width: 100%;
    height: auto;
    min-height: auto;
    display: block;
  }

  .logobar {
    flex-flow: column;
    align-items: flex-start;
    display: none;
  }

  .contact-heading-style-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .contact-heading-style-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .blog-about-me {
    width: 100%;
  }

  .arrow-icon-black {
    width: 50px;
    max-width: 50px;
    height: 50px;
  }

  .blog-post-wrapper {
    min-width: 100%;
  }

  .container {
    flex-flow: column;
    max-width: none;
  }

  .hero-wrapper-two {
    width: 100%;
  }

  .section-blog-posts {
    margin-top: 10vh;
  }

  .blog-post-h1.margin-bottom-30 {
    width: 100%;
    font-size: 3rem;
  }

  .about-hero-image {
    margin-top: 7vh;
    position: relative;
  }

  .margin-top-30 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
    font-size: 1.25rem;
  }

  .blog-hero-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .accordian-title {
    font-size: 2rem;
  }

  .accordian-title.text-white {
    width: 100%;
    display: block;
  }

  .banner-heading-light {
    font-size: 50px;
  }

  .section-home-two5 {
    display: none;
  }

  .hero-image-horizontal {
    margin-top: 7vh;
    position: relative;
  }

  .heading-style-h1-wide.text-color-alternate {
    font-size: 12.5vw;
  }

  .heading-style-h1-wide.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .main-hero-heading.black {
    width: 100%;
    font-size: 3.5rem;
    line-height: 3.5rem;
  }

  .home-h1-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .home-hero-flex {
    margin-top: 15vh;
  }

  .section-home-faq.black {
    height: auto;
    margin-top: 0;
    padding-left: 0;
  }

  .section-home-four4 {
    background-color: var(--_sonja-ci---blue);
    width: 100%;
    min-width: 100%;
  }

  .section-home-four-left {
    width: 100%;
    min-width: 100%;
    position: relative;
  }

  .navbar-inverted {
    flex-flow: column;
    align-items: flex-start;
    display: none;
  }

  .nav-menu-inverted {
    flex-flow: row;
  }

  .hero-image-copy {
    margin-top: 7vh;
    position: relative;
  }

  .section-home-about-me1-3.black, .section-home-about-me2-1.black, .section-home-about-me2-2.black {
    height: auto;
    min-height: auto;
  }

  .work-slide-1 {
    height: 100vh;
    min-height: 100vh;
  }

  .work-heading-style-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light, .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30 {
    width: 100%;
  }

  .work-heading-style-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold {
    width: 100%;
    font-size: 3.5rem;
  }

  .image-pinky-promise {
    object-fit: none;
    display: block;
    position: absolute;
    inset: auto 0% 10% 4%;
  }

  .work-hero-sub-text {
    text-align: left;
    align-self: flex-start;
    margin-bottom: 150px;
    padding-top: 0;
  }

  .pie-image {
    align-self: auto;
    width: 100%;
  }

  .approach-mask {
    width: auto;
  }

  .text-size-regular-copy.is-inside-accordian {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .bullet-block {
    width: 100vw;
  }

  .section-speaker-two {
    height: auto;
    min-height: auto;
  }

  .bullet-block-image-1, .bullet-block-image-2, .bullet-block-image-3, .bullet-block-image-4 {
    opacity: 0;
  }

  .footer-logo {
    object-fit: contain;
    width: auto;
    max-width: 100vw;
    height: auto;
    margin: 0;
    padding: 15px;
    position: relative;
    right: 0%;
    overflow: hidden;
  }

  .section-subscribe-me {
    width: 100%;
  }

  .collection-list-4-col {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .work-heading-style-h1-2.text-color-alternate {
    font-size: 12.5vw;
  }

  .work-heading-style-h1-2.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .work-heading-style-h1-3.text-color-alternate {
    font-size: 12.5vw;
  }

  .work-heading-style-h1-3.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .grid-12x-centered {
    display: flex;
  }

  .home-heading-style-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .home-heading-style-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .home-heading-style-h1-bold.text-color-alternate {
    font-size: 12.5vw;
  }

  .home-heading-style-h1-bold.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .home-heading-style-h1-portion.text-color-alternate {
    font-size: 12.5vw;
  }

  .home-heading-style-h1-portion.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .idea-image-wrapper {
    display: none;
    top: 0;
  }

  .contact-copy {
    width: 100%;
    height: auto;
    min-height: auto;
    display: block;
  }

  .home-heading-style-h1-large.text-color-alternate {
    font-size: 12.5vw;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30.text-white {
    margin-bottom: 0;
    font-size: 3.5rem;
    line-height: 1;
  }

  .home-heading-style-h1-large.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.margin-bottom-30.text-white.no-bottom-margin {
    margin-bottom: 0;
  }

  .home1-hero-image-new {
    display: none;
  }

  .yawn-proof-line-dark {
    width: 304px;
  }

  .home-heading-style-h1-medium.text-color-alternate {
    font-size: 12.5vw;
  }

  .home-heading-style-h1-medium.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .testimonials-left-arrow {
    top: 90%;
    left: 27%;
  }

  .testimonials-right-arrow {
    top: 90%;
    right: 27%;
  }

  .work-hero-flex {
    height: auto;
    min-height: auto;
    padding-top: 20vh;
  }

  .about-heading-style-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .about-heading-style-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

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

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

  .section-home-about-me2-0.black {
    height: auto;
    min-height: auto;
  }

  .contact-hero-flex {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .work-hero-grid-copy {
    height: auto;
    padding-top: 20vh;
  }

  .about-hero-slide-1 {
    height: auto;
  }

  .about-hero-flex-grid {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .about-heading-h1.text-color-alternate {
    font-size: 12.5vw;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .about-heading-h1.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-light.text-white {
    font-size: 2rem;
  }

  .about-heading-h1-bold.text-color-alternate {
    font-size: 12.5vw;
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in {
    width: 100%;
    font-size: 3rem;
    line-height: 1;
  }

  .about-heading-h1-bold.text-color-alternate.text-slow-fade-in.text-black.heading-style-h1-wide.text-weight-xbold.text-white {
    font-size: 3rem;
  }

  .about-sonja-image-left {
    object-fit: contain;
    width: 100%;
    height: auto;
  }

  .work-grid-12x-right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .text-size-xxl.text-white {
    font-size: 1.5rem;
    line-height: 1;
  }

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

  .div-block-27 {
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 3vh;
    margin-bottom: 0;
    display: flex;
  }

  .card-img {
    width: 6rem;
    height: 6rem;
    position: relative;
  }

  .cards-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .card-head {
    font-size: 1rem;
  }

  .card_component {
    width: 17rem;
    height: 8rem;
  }

  .card_scroll {
    width: 17rem;
  }

  .home-heading-style-h2 {
    padding-left: 0;
  }

  .section-work-with-hero-blue {
    height: 100vh;
  }

  .slider-mask {
    width: 100%;
    padding-bottom: 3vh;
  }

  .div-block-28 {
    margin-left: 0;
  }

  .div-block-30 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    padding-right: 0;
  }

  .div-block-31 {
    display: block;
  }

  .navbarblack {
    flex-flow: column;
    align-items: flex-start;
    display: none;
  }

  .testimonials_cta {
    align-self: center;
    margin-top: 50px;
  }

  .flex-block-4 {
    width: 100%;
    margin-top: 50px;
    display: block;
  }

  .flex-block-5 {
    flex-flow: column;
  }

  .slide-5 {
    height: auto;
  }

  .form-block {
    height: auto;
    min-height: auto;
  }

  .navbarnolinks {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .navbarnolinks.onblack {
    display: flex;
  }

  .div-block-34 {
    height: 200px;
    min-height: 200px;
  }

  .section-work-4 {
    height: auto;
    min-height: auto;
    padding-top: 3vh;
    padding-bottom: 3vh;
  }

  .slide-block {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 10px;
  }

  .div-block-35 {
    height: auto;
    padding: 20px;
  }

  .section-testimonial-slide {
    display: none;
  }

  .section-home-how-we-work-copy {
    height: auto;
    min-height: auto;
  }

  .section-home-1 {
    height: auto;
    min-height: auto;
    padding-bottom: 6vh;
  }

  .column {
    border-radius: 20px;
    height: auto;
    padding: 30px;
  }

  .columns {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    overflow: hidden;
  }

  .column-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    border-radius: 20px;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    overflow: visible;
  }

  .image-22 {
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 20px;
    order: 0;
    align-self: flex-start;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
  }

  .section-home-2 {
    height: auto;
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-section-2-images {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .home-section-2-image.home-section-2-image-1, .home-section-2-image.home-section-2-image-2 {
    object-fit: fill;
    width: 100%;
    height: auto;
  }

  .home-section-2-image.home-section-2-image-3 {
    object-fit: fill;
    width: 100%;
  }

  .home-section-2-image.work-section-2-image {
    object-fit: fill;
    width: 100%;
    height: auto;
  }

  .div-block-37 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-38 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-work-2 {
    height: auto;
    min-height: auto;
    padding-bottom: 0;
  }

  .work-section-2-images {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
    align-items: center;
  }

  .work-section-2-images.work-section-2-image {
    width: 100%;
  }

  .section-home-work.black {
    height: auto;
    margin-top: 0;
  }

  .section-testimonials-scroller.background-color-secondary {
    background-color: var(--base-color-neutral--white);
    justify-content: center;
    align-items: flex-start;
    height: 66vh;
    min-height: 65vh;
  }

  .home-section-2-image-1 {
    width: 100%;
  }

  .home-section-2-image-2 {
    width: 100%;
    height: auto;
  }

  .footer-menu-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .work-pie-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .work-pie-section.margin-top {
    flex-flow: column;
    width: 100%;
    padding-top: 0;
  }

  .navbar-copy {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .navbar-copy.onblack {
    display: flex;
  }

  .mobilenavbar {
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100vw;
    height: 6vh;
    margin-left: 0%;
    padding-top: 1rem;
    display: flex;
    top: 0%;
  }

  .mobilenavbar.onblack {
    display: flex;
  }

  .mobile-nav-menu {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-top: .5vh;
    padding-bottom: .5vh;
    display: flex;
    position: absolute;
    top: 0%;
    left: 5%;
    right: 5%;
  }

  .mobile-nav-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: flex-end;
    place-items: stretch start;
    width: 100%;
    height: 6vh;
    margin-top: 0%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 0%;
    display: flex;
  }

  .mobile-navlinks {
    background-color: var(--base-color-neutral--white);
    opacity: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100vw;
    height: 100vh;
    min-height: auto;
    margin-top: 1.5vh;
    margin-bottom: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    display: flex;
    overflow: visible;
  }

  .mobile-navsocials {
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 50px;
    margin-left: 0;
    display: flex;
  }

  .hamburgericon {
    cursor: pointer;
  }

  .link-block-2 {
    margin-top: 15px;
  }

  .hamburgericonwhite {
    cursor: pointer;
  }

  .about-section-2-images {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .about-section-2-image-1 {
    width: 100%;
  }

  .about-section-2-image-2 {
    width: 100%;
    height: auto;
  }

  .home-section-2-image-1-copy, .div-vflex {
    width: 100%;
  }

  .flex-block-6 {
    flex-flow: column;
  }

  .section-about-2 {
    height: auto;
    min-height: auto;
    padding-bottom: 0;
  }

  .social-icon-white.black {
    width: 30px;
    max-width: 100%;
    height: 30px;
  }

  .div-block-44 {
    margin-left: 0;
  }

  .div-block-45 {
    height: 100vh;
    padding: 10px 0 10px 10%;
  }

  .div-block-46 {
    margin-top: 50px;
  }

  .div-block-47 {
    padding-bottom: 0;
  }

  .slider-thinking {
    padding-bottom: 100px;
    overflow: hidden;
  }

  .slide-thinking {
    margin-top: 50px;
  }

  .section-work-4-new.black {
    height: auto;
    margin-top: 0;
  }

  .affirmationblock {
    height: auto;
    padding: 20px;
  }

  .section-work-4-orange.black {
    height: auto;
    margin-top: 0;
  }

  .blog-post-other-wrapper {
    min-width: 100%;
  }

  .blog-other-container {
    padding-left: 0;
    padding-right: 0;
  }
}

#w-node-e4cb0878-8cac-31cf-ddda-a27cdeac6d3f-6223b22c, #w-node-_5015a095-3347-0ee9-f992-76005c8d5d47-6223b22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-bec43ab2-a4df-58fa-aeb1-7c5f03fef8b5-6223b22c {
  grid-area: 1 / 1 / 2 / 10;
  place-self: auto;
}

#w-node-bec43ab2-a4df-58fa-aeb1-7c5f03fef8b7-6223b22c {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-e5ac0727-8491-d890-db23-efe65999f775-6223b22c, #w-node-_27860627-09d2-9f83-1188-b4d8dda9b0fd-6223b22c, #w-node-_05cd3fd5-6f62-a9ef-34d8-9f1e2b19eaf9-6223b22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2b2d89d5-6c82-3c4d-cc4a-89f3f600aef1-6223b22c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-6223b22c {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f3-6223b22c {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-6223b22c {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-e99a6878-193f-4ec9-9083-7f42d0e3984b-6223b22c {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-ad7dabc6-abd3-9cde-02f9-196952b97b05-6223b22c {
  grid-area: 1 / 5 / 2 / 12;
  place-self: auto;
}

#w-node-_4295bb9f-f9bc-dce8-5e64-0825eb1ce0b3-6223b22c {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aa8-6223b22c {
  grid-area: 2 / 1 / 3 / 10;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720ab3-6223b22c {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aba-6223b22c {
  grid-area: 1 / 5 / 2 / 12;
  place-self: auto;
}

#w-node-_0d72805d-f99b-4457-03c2-59ddc25b6428-6223b22c {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-_0d72805d-f99b-4457-03c2-59ddc25b6451-6223b22c {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_88367984-c99b-daad-8bec-a60e3d4184e7-6223b22c {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-b9552b68-4d42-c270-cf7d-7f6c72510f9f-72510f9a {
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: start;
}

#w-node-f5428f31-933d-d44b-d9b3-ef8b879cda6e-72510f9a, #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fa1-72510f9a {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-b9552b68-4d42-c270-cf7d-7f6c72510fab-72510f9a {
  grid-area: 3 / 1 / 4 / 6;
}

#w-node-b9552b68-4d42-c270-cf7d-7f6c72510fb5-72510f9a {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-d047fac7-a563-f0cf-6c72-8d0cad901c43-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c49-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c4f-72510f9a {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-b9552b68-4d42-c270-cf7d-7f6c72510fb7-72510f9a {
  grid-area: 2 / 7 / 3 / 12;
  place-self: start stretch;
}

#w-node-be32dcfd-dc15-7e56-957f-e455a2d04460-a2d04460 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-dc6e6199-3279-7cfc-f729-d153e6388465-e6388464, #w-node-_33bee9a4-86e4-c2d4-31a0-f18252080cd5-52080cd4 {
  align-self: auto;
}

#w-node-c0dd4f23-66ca-a5bb-01d1-5a4d078abb1b-078abb16 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_70f0c891-a7ec-9542-cef5-57f5ab118bc1-ab118bbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_70f0c891-a7ec-9542-cef5-57f5ab118bbf-ab118bbe {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-e2cb1cfb-a3d5-541d-7939-67d3a2920002-ab118bbe, #w-node-fa8f9a04-754f-ec1c-b00c-1fc6a7631082-ff0f06cb {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_98937721-9c29-26a8-a37f-1ffb1a269da9-745f24d8 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_0626aab5-a1d8-13bf-b7a5-d7c1776ca2f4-745f24d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aaa-745f24d8 {
  grid-area: 2 / 1 / 3 / 12;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720ab3-745f24d8 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aba-745f24d8 {
  grid-area: 1 / 5 / 2 / 12;
  place-self: auto;
}

#w-node-_5df7e3bc-8c82-153d-829b-385e9a1891e5-745f24d8 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-acc39ca3-99c5-420f-fed9-43a92fa2fc96-745f24d8 {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: auto;
}

#w-node-a030614e-8203-f9f9-3f02-291f97f9df25-745f24d8 {
  grid-area: 2 / 5 / 3 / 12;
}

#w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-745f24d8 {
  grid-area: 3 / 1 / 4 / 7;
}

#w-node-_6ad08007-5435-3676-a00c-fbe1cd23d159-745f24d8 {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: auto;
}

#w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-745f24d8, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-745f24d8, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-745f24d8 {
  grid-area: 2 / 5 / 3 / 12;
}

#w-node-_7940319c-dcc3-b913-1100-605c0212b8cf-745f24d8 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-745f24d8, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-745f24d8, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-745f24d8 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf466e-745f24d8 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa85-745f24d8 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-745f24d8 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa87-745f24d8 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-_9ae434e9-b502-c1d7-a598-0462f7d16b4a-745f24d8 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-dea804f0-d7f3-0d40-a14c-61c687747c12-87747c0f {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: auto;
}

#w-node-_38a73214-3ab0-c75e-1d40-afd9ebb06623-ebb06622 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_38a73214-3ab0-c75e-1d40-afd9ebb06630-ebb06622 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_38a73214-3ab0-c75e-1d40-afd9ebb06635-ebb06622 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_758ebc82-3819-a74d-2022-941d9cbe0bfd-656b8552 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-c24d2f8e-0c30-0aba-2bea-d78b69cff98e-656b8552 {
  grid-area: 1 / 2 / 2 / 5;
  align-self: end;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aba-656b8552 {
  grid-area: 1 / 5 / 2 / 11;
  place-self: auto;
}

#w-node-_258c5878-ad13-1c1c-1d01-648ec3d91637-656b8552 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_1795df40-4fc5-7821-59b1-505a9a6e50c7-656b8552 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-bd70ac8a-98be-8ca1-7832-0391026cbb8f-656b8552 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-bd70ac8a-98be-8ca1-7832-0391026cbb91-656b8552 {
  grid-area: span 1 / span 11 / span 1 / span 11;
}

#w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-656b8552 {
  grid-area: 3 / 1 / 4 / 7;
}

#w-node-cb9b5a0e-e915-6b51-0ae2-7240e12a667b-656b8552 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-cb9b5a0e-e915-6b51-0ae2-7240e12a667d-656b8552 {
  grid-area: span 1 / span 11 / span 1 / span 11;
}

#w-node-ed98a758-69d0-4819-e543-2a9c86841a70-656b8552 {
  grid-area: 3 / 1 / 4 / 7;
}

#w-node-cb9b5a0e-e915-6b51-0ae2-7240e12a66a2-656b8552 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-a030614e-8203-f9f9-3f02-291f97f9df25-656b8552 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-ed8f9408-0f65-f563-625e-8ddfdc05de3f-656b8552 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-_15c8c409-49e5-aabe-2dbd-e59f10b3b7da-656b8552 {
  grid-area: span 1 / span 11 / span 1 / span 11;
}

#w-node-_32ed1c3e-6a51-0d6c-9da1-8bce84284a1b-84284a18 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_1e103134-35ad-d162-efc3-674336387b4a-36387b4a {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0e9c9977-9635-d72c-fd5f-4134610c98bd-6b93e1cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_1b3467a7-a691-28ac-9df7-362148a6edca-48a6ed79 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_1b3467a7-a691-28ac-9df7-362148a6edcf-48a6ed79 {
  grid-area: 1 / 7 / 2 / 12;
}

#w-node-_2b2d89d5-6c82-3c4d-cc4a-89f3f600aef1-75567c57 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-75567c57 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f3-75567c57 {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-75567c57 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-e99a6878-193f-4ec9-9083-7f42d0e3984b-75567c57 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-ad7dabc6-abd3-9cde-02f9-196952b97b05-75567c57 {
  grid-area: 1 / 5 / 2 / 12;
  place-self: auto;
}

#w-node-a2cd0b0e-4469-20e7-9310-d7f3b65c7208-75567c57 {
  grid-area: 2 / 1 / 3 / 11;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa85-75567c57 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-75567c57 {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa87-75567c57 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-_9ae434e9-b502-c1d7-a598-0462f7d16b4a-75567c57 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_6e174adb-3067-4d63-598b-c2c470c71c2b-75567c57 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6e174adb-3067-4d63-598b-c2c470c71c2d-75567c57, #w-node-daeae398-b776-e530-71ab-84196334fe38-75567c57 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-bbea8b9a-b533-afe3-da63-1916a6689685-75567c57 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: start;
}

#w-node-dd5ed0bc-c793-5fab-4939-dafba40c1706-75567c57 {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-d79ee703-07f4-77fe-4084-8509809135e3-75567c57, #w-node-_3d1d2bf7-c900-521c-43c0-e438f7157332-75567c57, #w-node-_81c5543b-0a2f-937b-98c8-1c2f66e4d5bc-75567c57, #w-node-_0672398e-1b2d-8e94-b3c0-f275ec65dd02-75567c57 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_7f1390b1-b291-58a5-ccaf-d99b9ec28823-75567c57 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-f32f7232-f8f3-7d62-8e70-711a07a111c4-75567c57 {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-_09a14277-c286-bc0b-d00f-14d3cf064e74-75567c57 {
  grid-area: 1 / 7 / 2 / 13;
  align-self: end;
}

#w-node-_1c21e6fa-2cbc-4454-fa10-f957ed682b8a-ed682b89 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_1c21e6fa-2cbc-4454-fa10-f957ed682b8c-ed682b89 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_8597df4d-f4f3-68fd-19cb-53e7263da59f-263da59a {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_443da5ea-3436-a33e-2899-6de473fe13a7-73fe13a2 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_443da5ea-3436-a33e-2899-6de473fe13b1-73fe13a2 {
  grid-area: 3 / 1 / 4 / 13;
}

#w-node-_6a847f19-38b2-4ed5-e498-c87844a0ccce-44a0ccca {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008366-2e008361 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_3a4e366d-1fd0-3393-1875-0451b6ca5f18-b40e2db0 {
  align-self: auto;
}

#w-node-_0626aab5-a1d8-13bf-b7a5-d7c1776ca2f4-b40e2db0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aaa-b40e2db0 {
  grid-area: 2 / 1 / 3 / 12;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720ab3-b40e2db0 {
  grid-area: 2 / 1 / 3 / 13;
}

#w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aba-b40e2db0 {
  grid-area: 1 / 5 / 2 / 12;
  place-self: auto;
}

#w-node-_5df7e3bc-8c82-153d-829b-385e9a1891e5-b40e2db0 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-acc39ca3-99c5-420f-fed9-43a92fa2fc96-b40e2db0 {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: auto;
}

#w-node-a030614e-8203-f9f9-3f02-291f97f9df25-b40e2db0 {
  grid-area: 2 / 5 / 3 / 12;
}

#w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-b40e2db0 {
  grid-area: 3 / 1 / 4 / 7;
}

#w-node-_6ad08007-5435-3676-a00c-fbe1cd23d159-b40e2db0 {
  grid-area: 2 / 1 / 3 / 4;
  justify-self: auto;
}

#w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-b40e2db0, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-b40e2db0, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-b40e2db0 {
  grid-area: 2 / 5 / 3 / 12;
}

#w-node-_7940319c-dcc3-b913-1100-605c0212b8cf-b40e2db0 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-b40e2db0, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-b40e2db0, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-b40e2db0 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf466e-b40e2db0 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-a2cd0b0e-4469-20e7-9310-d7f3b65c7208-b40e2db0 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa85-b40e2db0 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-b40e2db0 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa87-b40e2db0 {
  grid-area: 1 / 6 / 2 / 13;
}

#w-node-_9ae434e9-b502-c1d7-a598-0462f7d16b4a-b40e2db0 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-f060f278-3c00-3e5d-d0ec-66b7914dad64-914dad5e {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: start;
}

#w-node-f060f278-3c00-3e5d-d0ec-66b7914dad66-914dad5e {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-f060f278-3c00-3e5d-d0ec-66b7914dad70-914dad5e {
  grid-area: 3 / 1 / 4 / 6;
}

#w-node-f060f278-3c00-3e5d-d0ec-66b7914dad7b-914dad5e, #w-node-_5687e371-c304-3074-02b8-b94b8f2deac5-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2deacb-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2dead1-8f2deac2 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-af9ffa60-2f31-d7d6-d2d0-bd561f790feb-1f790fea {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-af9ffa60-2f31-d7d6-d2d0-bd561f790fed-1f790fea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-c24d2f8e-0c30-0aba-2bea-d78b69cff98e-656b8552 {
    align-self: start;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-bec43ab2-a4df-58fa-aeb1-7c5f03fef8b7-6223b22c {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-6223b22c {
    grid-column: span 6 / span 6;
    justify-self: end;
  }

  #w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720ab3-6223b22c, #w-node-_88367984-c99b-daad-8bec-a60e3d4184e7-6223b22c {
    grid-column-end: 12;
  }

  #w-node-e2cb1cfb-a3d5-541d-7939-67d3a2920002-ab118bbe, #w-node-fa8f9a04-754f-ec1c-b00c-1fc6a7631082-ff0f06cb, #w-node-_38a73214-3ab0-c75e-1d40-afd9ebb06635-ebb06622, #w-node-cb9b5a0e-e915-6b51-0ae2-7240e12a66a2-656b8552, #w-node-_1e103134-35ad-d162-efc3-674336387b4a-36387b4a {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_1b3467a7-a691-28ac-9df7-362148a6edca-48a6ed79 {
    grid-area: 1 / 2 / 2 / 6;
  }

  #w-node-_1b3467a7-a691-28ac-9df7-362148a6edcb-48a6ed79 {
    grid-area: 1 / 2 / 2 / 8;
  }

  #w-node-_1b3467a7-a691-28ac-9df7-362148a6edcd-48a6ed79 {
    grid-area: 2 / 2 / 3 / 6;
    align-self: start;
  }

  #w-node-_1b3467a7-a691-28ac-9df7-362148a6edcf-48a6ed79 {
    grid-area: 1 / 7 / 2 / 12;
  }

  #w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-75567c57 {
    grid-column: span 6 / span 6;
    justify-self: end;
  }

  #w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008361-2e008361 {
    grid-area: 2 / 9 / 3 / 12;
  }

  #w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008364-2e008361 {
    grid-area: 2 / 2 / 3 / 6;
    align-self: start;
  }

  #w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008366-2e008361 {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-d85a410a-459d-96ef-6f90-911ecad9f171-cad9f16f {
    grid-area: 1 / 2 / 2 / 8;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-6223b22c {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_4295bb9f-f9bc-dce8-5e64-0825eb1ce0b3-6223b22c {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aa8-6223b22c, #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-745f24d8, #w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-745f24d8, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-745f24d8, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-745f24d8, #w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-745f24d8, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-745f24d8, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-745f24d8, #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-656b8552, #w-node-_32ed1c3e-6a51-0d6c-9da1-8bce84284a1b-84284a18, #w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-75567c57, #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-b40e2db0, #w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-b40e2db0, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-b40e2db0, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-b40e2db0, #w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-b40e2db0, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-b40e2db0, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-b40e2db0 {
    grid-area: 2 / 1 / 3 / 13;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-6223b22c {
    grid-column: span 12 / span 12;
  }

  #w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-6223b22c {
    grid-column: span 6 / span 6;
  }

  #w-node-_4295bb9f-f9bc-dce8-5e64-0825eb1ce0b3-6223b22c, #w-node-_78d0ad61-1ce6-4d83-6fee-6b504b720aa8-6223b22c, #w-node-_0d72805d-f99b-4457-03c2-59ddc25b6428-6223b22c {
    grid-column: span 12 / span 12;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510f9f-72510f9a {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fa1-72510f9a {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fab-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c43-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c49-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c4f-72510f9a {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fb7-72510f9a {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-745f24d8 {
    grid-column: span 12 / span 12;
  }

  #w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-745f24d8 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-745f24d8, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-745f24d8, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-745f24d8, #w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-745f24d8, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-745f24d8, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-745f24d8 {
    grid-column: span 12 / span 12;
  }

  #w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-745f24d8 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_258c5878-ad13-1c1c-1d01-648ec3d91637-656b8552, #w-node-bd70ac8a-98be-8ca1-7832-0391026cbb8f-656b8552 {
    grid-column: span 12 / span 12;
  }

  #w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-656b8552 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-cb9b5a0e-e915-6b51-0ae2-7240e12a667b-656b8552 {
    grid-column: span 12 / span 12;
  }

  #w-node-ed98a758-69d0-4819-e543-2a9c86841a70-656b8552 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-656b8552, #w-node-ed8f9408-0f65-f563-625e-8ddfdc05de3f-656b8552, #w-node-_32ed1c3e-6a51-0d6c-9da1-8bce84284a1b-84284a18, #w-node-_73a1a358-bd3e-ebe6-a204-1c15a2c144f1-75567c57 {
    grid-column: span 12 / span 12;
  }

  #w-node-c529af8d-07b0-427a-b16e-25c40daf40bf-75567c57 {
    grid-column: span 6 / span 6;
  }

  #w-node-a2cd0b0e-4469-20e7-9310-d7f3b65c7208-75567c57 {
    grid-column: span 12 / span 12;
  }

  #w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-75567c57 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_6e174adb-3067-4d63-598b-c2c470c71c2b-75567c57, #w-node-_6e174adb-3067-4d63-598b-c2c470c71c2d-75567c57, #w-node-daeae398-b776-e530-71ab-84196334fe38-75567c57 {
    grid-column: span 12 / span 12;
  }

  #w-node-bbea8b9a-b533-afe3-da63-1916a6689685-75567c57 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-dd5ed0bc-c793-5fab-4939-dafba40c1706-75567c57 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-d79ee703-07f4-77fe-4084-8509809135e3-75567c57 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_3d1d2bf7-c900-521c-43c0-e438f7157332-75567c57, #w-node-_81c5543b-0a2f-937b-98c8-1c2f66e4d5bc-75567c57, #w-node-_0672398e-1b2d-8e94-b3c0-f275ec65dd02-75567c57, #w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008366-2e008361 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-a030614e-8203-f9f9-3f02-291f97f9df25-b40e2db0 {
    grid-column: span 12 / span 12;
  }

  #w-node-ccd7fcdb-bb55-6ba3-561f-0050497e6a44-b40e2db0 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-_1f038dcf-ab08-0458-6990-5ad210a85f76-b40e2db0, #w-node-_645264f9-fcc8-8521-85f1-151a3d42050b-b40e2db0, #w-node-aa59062d-d9ad-3b3e-69fa-109ce6cd33d9-b40e2db0, #w-node-_995f314b-1e9a-e756-6360-bf7a79b007b5-b40e2db0, #w-node-_1a30d0c6-cb81-d9e7-f308-f29d0b6e95b1-b40e2db0, #w-node-bf1efcfa-00b9-acc8-d51a-8d60acdf465d-b40e2db0, #w-node-a2cd0b0e-4469-20e7-9310-d7f3b65c7208-b40e2db0 {
    grid-column: span 12 / span 12;
  }

  #w-node-_11d6fa5f-74af-fe52-beee-efc1f7c7aa86-b40e2db0 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad64-914dad5e {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad66-914dad5e {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad70-914dad5e {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad7b-914dad5e {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_5687e371-c304-3074-02b8-b94b8f2deac5-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2deacb-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2dead1-8f2deac2 {
    grid-area: 1 / 1 / 2 / 7;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fa1-72510f9a {
    grid-area: 2 / 1 / 3 / 12;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fab-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c43-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c49-72510f9a, #w-node-d047fac7-a563-f0cf-6c72-8d0cad901c4f-72510f9a {
    grid-area: 1 / 1 / 2 / 12;
  }

  #w-node-b9552b68-4d42-c270-cf7d-7f6c72510fb7-72510f9a {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-dd5ed0bc-c793-5fab-4939-dafba40c1706-75567c57 {
    grid-area: 2 / 1 / 3 / 12;
  }

  #w-node-d79ee703-07f4-77fe-4084-8509809135e3-75567c57 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_3d1d2bf7-c900-521c-43c0-e438f7157332-75567c57, #w-node-_81c5543b-0a2f-937b-98c8-1c2f66e4d5bc-75567c57, #w-node-_0672398e-1b2d-8e94-b3c0-f275ec65dd02-75567c57 {
    grid-area: 1 / 1 / 2 / 12;
  }

  #w-node-_7f1390b1-b291-58a5-ccaf-d99b9ec28823-75567c57 {
    grid-area: 2 / 1 / 3 / 7;
  }

  #w-node-f32f7232-f8f3-7d62-8e70-711a07a111c4-75567c57 {
    grid-area: 3 / 1 / 4 / 7;
  }

  #w-node-d6a6c3f6-133d-cbb3-61c0-432b2e008366-2e008361 {
    grid-area: 1 / 1 / 2 / 12;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad66-914dad5e {
    grid-area: 2 / 1 / 3 / 12;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad70-914dad5e {
    grid-area: 1 / 1 / 2 / 12;
  }

  #w-node-f060f278-3c00-3e5d-d0ec-66b7914dad7b-914dad5e {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_5687e371-c304-3074-02b8-b94b8f2deac5-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2deacb-8f2deac2, #w-node-_5687e371-c304-3074-02b8-b94b8f2dead1-8f2deac2 {
    grid-area: 1 / 1 / 2 / 12;
  }
}


@font-face {
  font-family: 'Yikes';
  src: url('../fonts/YIKES__.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Condensed';
  src: url('../fonts/GT-Alpina-Condensed-Medium-Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Condensed';
  src: url('../fonts/GT-Alpina-Condensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Condensed';
  src: url('../fonts/GT-Alpina-Condensed-Bold-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Condensed';
  src: url('../fonts/GT-Alpina-Condensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Alpina Condensed';
  src: url('../fonts/GT-Alpina-Condensed-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raveo Bf 6747 D 9 Ec 1 B 58 A';
  src: url('../fonts/Raveo-Medium-BF6747d9ec1b58a.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raveo Bf 6747 D 9 Ec 29915';
  src: url('../fonts/Raveo-Regular-BF6747d9ec29915.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raveo Bf 6747 D 9 Ec 1 Ad 72';
  src: url('../fonts/Raveo-Light-BF6747d9ec1ad72.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}