/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}

@layer image-layout {
  :where([data-image-layout]) {
    height: auto;
  }

  :where([data-image-layout="full-width"]) {
    width: 100%;
  }

  :where([data-image-layout="constrained"]) {
    max-width: 100%;
  }

  [data-image-fit="fill"] {
    object-fit: fill;
  }

  [data-image-fit="contain"] {
    object-fit: contain;
  }

  [data-image-fit="cover"] {
    object-fit: cover;
  }

  [data-image-fit="scale-down"] {
    object-fit: scale-down;
  }

  [data-image-pos="top"] {
    object-position: top;
  }

  [data-image-pos="bottom"] {
    object-position: bottom;
  }

  [data-image-pos="left"] {
    object-position: left;
  }

  [data-image-pos="right"] {
    object-position: right;
  }

  [data-image-pos="center"] {
    object-position: center;
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: .25rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :where(.main-container) {
    display: block;
  }

  :where(.style-guide-grid) {
    display: grid;
  }

  ul {
    list-style: outside;
  }

  ol {
    list-style: decimal;
  }

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

  @media (prefers-reduced-motion: reduce) {
    [data-motion="playing"] :is(.home-text, .logo-loop) {
      animation-duration: 90s !important;
      animation-iteration-count: infinite !important;
    }

    [data-motion="playing"] .home-wrap {
      animation-duration: 30s !important;
      animation-iteration-count: infinite !important;
    }
  }

  .home-mark {
    vertical-align: baseline;
    max-width: none;
    display: inline;
  }

  :is(.solutions-icon, .service-icon, .video-icon, .board-icon) {
    max-width: none;
  }

  .w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden;
  }

  .w-background-video > video {
    z-index: -100;
    object-fit: cover;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%;
  }

  .w-background-video--control {
    letter-spacing: normal;
  }

  .w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
  }

  .w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em;
  }

  .w-background-video--control > [hidden] {
    display: none !important;
  }

  .w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: transparent;
    background: #ddd;
    height: 300px;
    position: relative;
  }

  .w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
  }

  .w-slider-arrow-left, .w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .w-slider-arrow-left {
    z-index: 3;
    right: auto;
  }

  .w-slider-arrow-right {
    z-index: 4;
    left: auto;
  }

  *, :after, :before {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
  }

  body {
    --_↔️-size-variables---border-radius--radius-2xl: 56px;
    --_↔️-size-variables---border-radius--radius-3xl: 72px;
    --_↔️-size-variables---border-radius--radius-3xs: 16px;
    --_↔️-size-variables---border-radius--radius-4xl: 80px;
    --_↔️-size-variables---border-radius--radius-4xs: 12px;
    --_↔️-size-variables---border-radius--radius-5xl: 88px;
    --_↔️-size-variables---border-radius--radius-5xs: 10px;
    --_↔️-size-variables---border-radius--radius-6xl: 96px;
    --_↔️-size-variables---border-radius--radius-6xs: 8px;
    --_↔️-size-variables---border-radius--radius-7xl: 104px;
    --_↔️-size-variables---border-radius--radius-7xs: 6px;
    --_↔️-size-variables---border-radius--radius-8xl: 112px;
    --_↔️-size-variables---border-radius--radius-8xs: 4px;
    --_↔️-size-variables---border-radius--radius-9xl: 120px;
    --_↔️-size-variables---border-radius--radius-9xs: 2px;
    --_↔️-size-variables---border-radius--radius-l: 40px;
    --_↔️-size-variables---border-radius--radius-m: 32px;
    --_↔️-size-variables---border-radius--radius-s: 28px;
    --_↔️-size-variables---border-radius--radius-tiny: 1px;
    --_↔️-size-variables---border-radius--radius-xl: 48px;
    --_↔️-size-variables---border-radius--radius-xs: 24px;
    --_↔️-size-variables---border-radius--radius-xxl: 64px;
    --_↔️-size-variables---border-radius--radius-xxs: 20px;
    --_↔️-size-variables---border-radius--radius-zero: 0px;
    --_↔️-size-variables---global-sizes--size-2xl: 56px;
    --_↔️-size-variables---global-sizes--size-3xl: 72px;
    --_↔️-size-variables---global-sizes--size-3xs: 16px;
    --_↔️-size-variables---global-sizes--size-4xl: 80px;
    --_↔️-size-variables---global-sizes--size-4xs: 12px;
    --_↔️-size-variables---global-sizes--size-5xl: 88px;
    --_↔️-size-variables---global-sizes--size-5xs: 10px;
    --_↔️-size-variables---global-sizes--size-6xl: 96px;
    --_↔️-size-variables---global-sizes--size-6xs: 8px;
    --_↔️-size-variables---global-sizes--size-7xl: 104px;
    --_↔️-size-variables---global-sizes--size-7xs: 6px;
    --_↔️-size-variables---global-sizes--size-8xl: 112px;
    --_↔️-size-variables---global-sizes--size-8xs: 4px;
    --_↔️-size-variables---global-sizes--size-9xl: 120px;
    --_↔️-size-variables---global-sizes--size-9xs: 2px;
    --_↔️-size-variables---global-sizes--size-l: 40px;
    --_↔️-size-variables---global-sizes--size-m: 32px;
    --_↔️-size-variables---global-sizes--size-s: 28px;
    --_↔️-size-variables---global-sizes--size-tiny: 1px;
    --_↔️-size-variables---global-sizes--size-xl: 48px;
    --_↔️-size-variables---global-sizes--size-xs: 24px;
    --_↔️-size-variables---global-sizes--size-xxl: 64px;
    --_↔️-size-variables---global-sizes--size-xxs: 20px;
    --_↔️-size-variables---global-sizes--size-zero: 0px;
    --_✍️-typography---button--font: var(--font-family--heading);
    --_✍️-typography---button--height: var(--line-height--3xs);
    --_✍️-typography---button--size: 16px;
    --_✍️-typography---button--space: 0em;
    --_✍️-typography---button--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-01-l--font: var(--font-family--heading);
    --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-01-l--size: 64px;
    --_✍️-typography---heading-01-l--space: 0em;
    --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-01-m--font: var(--font-family--heading);
    --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
    --_✍️-typography---heading-01-m--size: 48px;
    --_✍️-typography---heading-01-m--space: 0em;
    --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-01-s--font: var(--font-family--heading);
    --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
    --_✍️-typography---heading-01-s--size: 48px;
    --_✍️-typography---heading-01-s--space: 0em;
    --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
    --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
    --_✍️-typography---heading-01-xs--size: 32px;
    --_✍️-typography---heading-01-xs--space: 0em;
    --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-02-l--font: var(--font-family--heading);
    --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-02-l--size: 48px;
    --_✍️-typography---heading-02-l--space: 0em;
    --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-02-m--font: var(--font-family--heading);
    --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
    --_✍️-typography---heading-02-m--size: 32px;
    --_✍️-typography---heading-02-m--space: 0em;
    --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-02-s--font: var(--font-family--heading);
    --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
    --_✍️-typography---heading-02-s--size: 24px;
    --_✍️-typography---heading-02-s--space: 0em;
    --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
    --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
    --_✍️-typography---heading-02-xs--size: 20px;
    --_✍️-typography---heading-02-xs--space: 0em;
    --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-03-l--font: var(--font-family--heading);
    --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-03-l--size: 32px;
    --_✍️-typography---heading-03-l--space: 0em;
    --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-03-m--font: var(--font-family--heading);
    --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
    --_✍️-typography---heading-03-m--size: 24px;
    --_✍️-typography---heading-03-m--space: 0em;
    --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-03-s--font: var(--font-family--heading);
    --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
    --_✍️-typography---heading-03-s--size: 0px;
    --_✍️-typography---heading-03-s--space: 0em;
    --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
    --_✍️-typography---heading-04-l--font: var(--font-family--heading);
    --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-04-l--size: 24px;
    --_✍️-typography---heading-04-l--space: 0em;
    --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-04-m--font: var(--font-family--heading);
    --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
    --_✍️-typography---heading-04-m--size: 0px;
    --_✍️-typography---heading-04-m--space: 0em;
    --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
    --_✍️-typography---heading-04-s--font: var(--font-family--heading);
    --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
    --_✍️-typography---heading-04-s--size: 0px;
    --_✍️-typography---heading-04-s--space: 0em;
    --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
    --_✍️-typography---heading-05-l--font: var(--font-family--heading);
    --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-05-l--size: 20px;
    --_✍️-typography---heading-05-l--space: 0em;
    --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-05-m--font: var(--font-family--heading);
    --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
    --_✍️-typography---heading-05-m--size: 0px;
    --_✍️-typography---heading-05-m--space: 0em;
    --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
    --_✍️-typography---heading-05-s--font: var(--font-family--heading);
    --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
    --_✍️-typography---heading-05-s--size: 0px;
    --_✍️-typography---heading-05-s--space: 0em;
    --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
    --_✍️-typography---heading-06-l--font: var(--font-family--heading);
    --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
    --_✍️-typography---heading-06-l--size: 18px;
    --_✍️-typography---heading-06-l--space: 0em;
    --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
    --_✍️-typography---heading-06-m--font: var(--font-family--heading);
    --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
    --_✍️-typography---heading-06-m--size: 0px;
    --_✍️-typography---heading-06-m--space: 0em;
    --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
    --_✍️-typography---heading-06-s--font: var(--font-family--heading);
    --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
    --_✍️-typography---heading-06-s--size: 0px;
    --_✍️-typography---heading-06-s--space: 0em;
    --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
    --_✍️-typography---label--font: var(--font-family--heading);
    --_✍️-typography---label--height: var(--line-height--3xs);
    --_✍️-typography---label--size: 16px;
    --_✍️-typography---label--space: 0em;
    --_✍️-typography---label--weight: var(--font-weight--normal);
    --_✍️-typography---paragraph--font: var(--font-family--paragraph);
    --_✍️-typography---paragraph--height: var(--line-height--s);
    --_✍️-typography---paragraph--size: 16px;
    --_✍️-typography---paragraph--space: .016em;
    --_✍️-typography---paragraph--weight: var(--font-weight--normal);
    --_✍️-typography---tag--font: var(--font-family--heading);
    --_✍️-typography---tag--height: var(--line-height--3xs);
    --_✍️-typography---tag--size: 14px;
    --_✍️-typography---tag--space: 0em;
    --_✍️-typography---tag--weight: var(--font-weight--medium);
    --_🎨-global-colors---color--black: black;
    --_🎨-global-colors---color--cream: #f6f6f6;
    --_🎨-global-colors---color--gold: #f9ae0e;
    --_🎨-global-colors---color--gray: #8d8d8d;
    --_🎨-global-colors---color--stroke: #ededed;
    --_🎨-global-colors---color--text: #5b5b5b;
    --_🎨-global-colors---color--transparent: transparent;
    --_🎨-global-colors---color--white: white;
    --_🎨-global-colors---neutral--00: #fafafa;
    --_🎨-global-colors---neutral--100: #e5e5e5;
    --_🎨-global-colors---neutral--200: #d4d4d4;
    --_🎨-global-colors---neutral--300: #a3a3a3;
    --_🎨-global-colors---neutral--400: #737373;
    --_🎨-global-colors---neutral--50: whitesmoke;
    --_🎨-global-colors---neutral--500: #525252;
    --_🎨-global-colors---neutral--600: #404040;
    --_🎨-global-colors---neutral--700: #262626;
    --_🎨-global-colors---neutral--75: #e5e5e5;
    --_🎨-global-colors---neutral--800: #171717;
    --_🎨-global-colors---neutral--900: black;
    --_🎨-global-colors---primary--00: #f8faff;
    --_🎨-global-colors---primary--100: #dce8ff;
    --_🎨-global-colors---primary--200: #c2d5ff;
    --_🎨-global-colors---primary--300: #9dbbff;
    --_🎨-global-colors---primary--400: #719aff;
    --_🎨-global-colors---primary--50: #f0f5ff;
    --_🎨-global-colors---primary--500: #4a78ff;
    --_🎨-global-colors---primary--600: #315ee8;
    --_🎨-global-colors---primary--700: #264ac2;
    --_🎨-global-colors---primary--75: #e8f0ff;
    --_🎨-global-colors---primary--800: #203c9b;
    --_🎨-global-colors---primary--900: #1d357a;
    --_🎨-global-colors---white--00: #333;
    --_🎨-global-colors---white--100: #858585;
    --_🎨-global-colors---white--200: #aaa;
    --_🎨-global-colors---white--300: #c5c5c5;
    --_🎨-global-colors---white--400: #d8d8d8;
    --_🎨-global-colors---white--50: #5c5c5c;
    --_🎨-global-colors---white--500: #e6e6e6;
    --_🎨-global-colors---white--600: #eee;
    --_🎨-global-colors---white--700: whitesmoke;
    --_🎨-global-colors---white--75: #707070;
    --_🎨-global-colors---white--800: #fafafa;
    --_🎨-global-colors---white--900: white;
    --font-family--heading: "Bricolage Grotesque", sans-serif;
    --font-family--paragraph: "Inter Tight", sans-serif;
    --font-weight--black: 900;
    --font-weight--bold: 700;
    --font-weight--extra-bold: 800;
    --font-weight--extra-light: 200;
    --font-weight--light: 300;
    --font-weight--medium: 500;
    --font-weight--normal: 400;
    --font-weight--semi-bold: 600;
    --font-weight--thin: 100;
    --global-variables--button-height: 48px;
    --global-variables--container-size: 1232px;
    --global-variables--hero-space: 130px;
    --global-variables--image-height: 550px;
    --global-variables--reverse-margin: -32px;
    --global-variables--section-empty: 0px;
    --global-variables--section-space: 100px;
    --global-variables--text-space: 48px;
    --global-variables--utility-width: 700px;
    --line-height--2xl: 1.9;
    --line-height--2xs: 1.1;
    --line-height--3xl: 2;
    --line-height--3xs: 1;
    --line-height--l: 1.6;
    --line-height--m: 1.5;
    --line-height--s: 1.4;
    --line-height--xl: 1.7;
    --line-height--xs: 1.3;
    --line-height--xxl: 1.8;
    --line-height--xxs: 1.2;
    background-color: var(--_🎨-global-colors---color--white);
    color: var(--_🎨-global-colors---color--text);
    font-family: var(--_✍️-typography---paragraph--font);
    font-size: var(--_✍️-typography---paragraph--size);
    font-weight: var(--_✍️-typography---paragraph--weight);
    letter-spacing: var(--_✍️-typography---paragraph--space);
    line-height: var(--_✍️-typography---paragraph--height);
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  }

  h1 {
    font-family: var(--_✍️-typography---heading-01-l--font);
    font-size: var(--_✍️-typography---heading-01-l--size);
    font-weight: var(--_✍️-typography---heading-01-l--weight);
    letter-spacing: var(--_✍️-typography---heading-01-l--space);
    line-height: var(--_✍️-typography---heading-01-l--height);
  }

  h2 {
    font-family: var(--_✍️-typography---heading-02-l--font);
    font-size: var(--_✍️-typography---heading-02-l--size);
    font-weight: var(--_✍️-typography---heading-02-l--weight);
    letter-spacing: var(--_✍️-typography---heading-02-l--space);
    line-height: var(--_✍️-typography---heading-02-l--height);
  }

  h3 {
    font-family: var(--_✍️-typography---heading-03-l--font);
    font-size: var(--_✍️-typography---heading-03-l--size);
    font-weight: var(--_✍️-typography---heading-03-l--weight);
    letter-spacing: var(--_✍️-typography---heading-03-l--space);
    line-height: var(--_✍️-typography---heading-03-l--height);
  }

  h4 {
    font-family: var(--_✍️-typography---heading-04-l--font);
    font-size: var(--_✍️-typography---heading-04-l--size);
    font-weight: var(--_✍️-typography---heading-04-l--weight);
    letter-spacing: var(--_✍️-typography---heading-04-l--space);
    line-height: var(--_✍️-typography---heading-04-l--height);
  }

  h5 {
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-size: var(--_✍️-typography---heading-05-l--size);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    line-height: var(--_✍️-typography---heading-05-l--height);
  }

  h6 {
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-size: var(--_✍️-typography---heading-06-l--size);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    line-height: var(--_✍️-typography---heading-06-l--height);
  }

  p {
    font-family: var(--_✍️-typography---paragraph--font);
    font-size: var(--_✍️-typography---paragraph--size);
    font-weight: var(--_✍️-typography---paragraph--weight);
    line-height: var(--_✍️-typography---paragraph--height);
    margin-top: 0;
    margin-bottom: 0;
  }

  ul {
    padding-left: var(--_↔️-size-variables---global-sizes--size-xs);
    margin-top: 0;
    margin-bottom: 0;
  }

  ol {
    padding-left: var(--_↔️-size-variables---global-sizes--size-xl);
    margin-top: 0;
    margin-bottom: 0;
  }

  label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
  }

  blockquote, figure {
    margin: 0;
  }

  a {
    color: var(--_🎨-global-colors---color--text);
    font-family: var(--_✍️-typography---paragraph--font);
    font-size: var(--_✍️-typography---paragraph--size);
    font-weight: var(--_✍️-typography---paragraph--weight);
    letter-spacing: var(--_✍️-typography---paragraph--space);
    line-height: var(--_✍️-typography---paragraph--height);
    background-color: #0000;
    text-decoration: none;
  }

  img {
    object-fit: cover;
    vertical-align: middle;
    border: 0;
    width: 100%;
    max-width: 100%;
    display: inline-block;
  }

  svg, video {
    max-width: 100%;
    display: block;
  }

  button {
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }

    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  :focus-visible {
    outline-offset: 2px;
    outline: 2px solid;
  }

  html.js [data-anim]:not([data-anim-ready]) {
    visibility: hidden;
  }
}

@layer components {
  .about-img {
    z-index: 5;
    max-width: 75%;
    position: relative;
  }

  .about-play {
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: var(--_↔️-size-variables---global-sizes--size-xs);
    background-color: #0003;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    inset: 0;
  }

  @media not all and (min-width: 992px) {
    .about-play {
      padding: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media not all and (min-width: 480px) {
    .about-play {
      padding: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .about-play {
    -webkit-backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-8xs));
    backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-8xs));
  }

  .about-section {
    padding-top: var(--_↔️-size-variables---global-sizes--size-9xl);
  }

  @media not all and (min-width: 992px) {
    .about-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-7xl);
    }
  }

  @media not all and (min-width: 768px) {
    .about-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-5xl);
    }
  }

  @media not all and (min-width: 480px) {
    .about-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .about-title {
    text-align: center;
    font-size: var(--_✍️-typography---heading-01-s--size);
    --tw-leading: var(--_✍️-typography---heading-01-s--height);
    line-height: var(--_✍️-typography---heading-01-s--height);
    --tw-tracking: var(--_✍️-typography---heading-01-s--space);
    letter-spacing: var(--_✍️-typography---heading-01-s--space);
    font-family: var(--_✍️-typography---heading-01-s--font);
    font-weight: var(--_✍️-typography---heading-01-s--weight);
  }

  .about-title.is-about-title-home-two {
    text-align: left;
    font-size: var(--_✍️-typography---heading-02-m--size);
    --tw-leading: var(--_✍️-typography---heading-02-m--height);
    line-height: var(--_✍️-typography---heading-02-m--height);
    --tw-tracking: var(--_✍️-typography---heading-02-m--space);
    letter-spacing: var(--_✍️-typography---heading-02-m--space);
    font-family: var(--_✍️-typography---heading-02-m--font);
    font-weight: var(--_✍️-typography---heading-02-m--weight);
  }

  .about-title.is-home-one {
    text-align: left;
    font-size: var(--_✍️-typography---heading-01-xs--size);
    --tw-leading: var(--_✍️-typography---heading-01-xs--height);
    line-height: var(--_✍️-typography---heading-01-xs--height);
    --tw-tracking: var(--_✍️-typography---heading-01-xs--space);
    letter-spacing: var(--_✍️-typography---heading-01-xs--space);
    font-family: var(--_✍️-typography---heading-01-xs--font);
    font-weight: var(--_✍️-typography---heading-01-xs--weight);
  }

  .about-video {
    margin-bottom: var(--global-variables--text-space);
    height: var(--global-variables--image-height);
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
    position: relative;
  }

  .awards-block {
    height: 300vw;
  }

  .awards-cont {
    margin-right: auto;
    margin-bottom: var(--global-variables--text-space);
    width: 100%;
    max-width: calc(var(--spacing) * 175);
    margin-left: auto;
  }

  @media not all and (min-width: 992px) {
    .awards-cont {
      max-width: calc(var(--spacing) * 125);
    }
  }

  @media not all and (min-width: 768px) {
    .awards-cont {
      max-width: calc(var(--spacing) * 100);
    }
  }

  @media (min-width: 1920px) {
    .awards-cont {
      max-width: calc(var(--spacing) * 200);
    }
  }

  .awards-desp {
    height: 0;
    padding-right: var(--_↔️-size-variables---global-sizes--size-l);
    padding-left: var(--_↔️-size-variables---global-sizes--size-l);
    background-color: #0000;
    flex-flow: column;
    flex: none;
    overflow: hidden;
  }

  @media (min-width: 1440px) {
    .awards-desp {
      padding-right: calc(var(--spacing) * 11);
      padding-left: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 1920px) {
    .awards-desp {
      padding-left: 54px;
      padding-right: 54px;
    }
  }

  .awards-desp {
    grid-auto-columns: 1fr;
  }

  .awards-desp.is-item-one {
    height: auto;
  }

  .awards-image {
    height: 100%;
  }

  .awards-link {
    cursor: pointer;
    background-color: var(--_🎨-global-colors---color--transparent);
    padding-inline: 0;
    padding-top: 0;
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    flex-flow: column;
  }

  @media not all and (min-width: 992px) {
    .awards-link {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 768px) {
    .awards-link {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1920px) {
    .awards-link {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .awards-link {
    border-bottom: 1px solid var(--_🎨-global-colors---color--stroke);
    transition: all .5s;
  }

  .awards-link.is-current {
    background-color: var(--_🎨-global-colors---color--transparent);
  }

  .awards-menu {
    margin-right: var(--_↔️-size-variables---global-sizes--size-xl);
    width: calc(var(--spacing) * 125);
    justify-content: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .awards-menu {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      width: auto;
      margin-right: 0;
    }
  }

  @media not all and (min-width: 768px) {
    .awards-menu {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .awards-menu {
      margin-right: var(--_↔️-size-variables---global-sizes--size-2xl);
      width: calc(var(--spacing) * 150);
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  .awards-section {
    background-color: var(--_🎨-global-colors---color--cream);
    padding-bottom: var(--global-variables--section-space);
  }

  .awards-sticky {
    width: 100%;
    min-height: 100vh;
    max-width: calc(var(--spacing) * 310);
    flex-flow: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: sticky;
    top: 0;
  }

  @media not all and (min-width: 992px) {
    .awards-sticky {
      top: var(--_↔️-size-variables---global-sizes--size-xxl);
      min-height: 93vh;
    }
  }

  .awards-tabs {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .awards-tabs {
      align-items: stretch;
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
      flex-flow: column;
    }
  }

  .awards-text {
    margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
  }

  @media not all and (min-width: 768px) {
    .awards-text {
      margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1920px) {
    .awards-text {
      margin-top: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  .awards-thumb {
    width: 100%;
    max-width: 100%;
    position: absolute;
  }

  @media not all and (min-width: 992px) {
    .awards-thumb {
      height: calc(var(--spacing) * 75);
    }
  }

  @media not all and (min-width: 768px) {
    .awards-thumb {
      height: 250px;
    }
  }

  @media not all and (min-width: 480px) {
    .awards-thumb {
      height: calc(var(--spacing) * 50);
    }
  }

  .awards-thumb.is-item-one {
    z-index: 3;
    position: relative;
  }

  .awards-thumb.is-item-two {
    z-index: 2;
  }

  .awards-thumb.is-item-three {
    z-index: 1;
  }

  .awards-title {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    font-size: var(--_✍️-typography---heading-04-l--size);
    --tw-leading: var(--_✍️-typography---heading-04-l--height);
    line-height: var(--_✍️-typography---heading-04-l--height);
    --tw-tracking: var(--_✍️-typography---heading-04-l--space);
    letter-spacing: var(--_✍️-typography---heading-04-l--space);
    color: var(--_🎨-global-colors---color--black);
    display: flex;
  }

  @media not all and (min-width: 480px) {
    .awards-title {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      font-size: var(--_✍️-typography---heading-05-l--size);
      --tw-leading: var(--_✍️-typography---heading-05-l--height);
      line-height: var(--_✍️-typography---heading-05-l--height);
      --tw-tracking: var(--_✍️-typography---heading-05-l--space);
      letter-spacing: var(--_✍️-typography---heading-05-l--space);
    }
  }

  .awards-title {
    font-family: var(--_✍️-typography---heading-04-l--font);
    font-weight: var(--_✍️-typography---heading-04-l--weight);
  }

  @media screen and (max-width: 479px) {
    .awards-title {
      font-family: var(--_✍️-typography---heading-05-l--font);
      font-weight: var(--_✍️-typography---heading-05-l--weight);
    }
  }

  .awards-title-num {
    width: var(--_↔️-size-variables---global-sizes--size-s);
    flex: none;
  }

  @media not all and (min-width: 480px) {
    .awards-title-num {
      width: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .awards-title-num {
      width: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1920px) {
    .awards-title-num {
      width: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .awards-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

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

  .awards-year {
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xl);
    background-color: var(--_🎨-global-colors---color--white);
    padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--text);
    text-transform: uppercase;
  }

  @media not all and (min-width: 480px) {
    .awards-year {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .awards-year {
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
  }

  .black-color {
    color: var(--_🎨-global-colors---color--black);
  }

  .blog-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .blog-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 480px) {
    .blog-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .blog-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .blog-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .blog-cont {
    margin-bottom: var(--global-variables--text-space);
  }

  .blog-content {
    overflow: clip;
  }

  .blog-descp {
    margin-top: var(--global-variables--reverse-margin);
    margin-bottom: var(--global-variables--reverse-margin);
  }

  .blog-descp :is(h2) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---heading-02-xs--size);
    --tw-leading: var(--_✍️-typography---heading-02-xs--height);
    line-height: var(--_✍️-typography---heading-02-xs--height);
    --tw-tracking: var(--_✍️-typography---heading-02-xs--space);
    letter-spacing: var(--_✍️-typography---heading-02-xs--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .blog-descp :is(h2) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .blog-descp :is(h2) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-l);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .blog-descp :is(h2) {
    font-family: var(--_✍️-typography---heading-02-xs--font);
    font-weight: var(--_✍️-typography---heading-02-xs--weight);
  }

  .blog-descp :is(p) {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
  }

  @media not all and (min-width: 768px) {
    .blog-descp :is(p) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .blog-descp :is(p) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .blog-descp :is(ul) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    column-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .blog-descp :is(ul) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .blog-details {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .blog-details {
      align-items: stretch;
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
      flex-flow: column;
    }
  }

  @media not all and (min-width: 480px) {
    .blog-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .blog-image {
    height: 100%;
  }

  .blog-info {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .blog-info-text {
    font-size: var(--_✍️-typography---label--size);
    --tw-leading: var(--_✍️-typography---label--height);
    line-height: var(--_✍️-typography---label--height);
    --tw-tracking: var(--_✍️-typography---label--space);
    letter-spacing: var(--_✍️-typography---label--space);
    text-transform: uppercase;
    font-family: var(--_✍️-typography---label--font);
    font-weight: var(--_✍️-typography---label--weight);
  }

  .blog-info-title {
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
  }

  .blog-list {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .blog-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 768px) {
    .blog-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 480px) {
    .blog-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 1440px) {
    .blog-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .blog-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

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

  .blog-list.is-two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  @media not all and (min-width: 480px) {
    .blog-list.is-two-column {
      flex-flow: column;
      display: flex;
    }
  }

  .blog-name {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  .blog-post {
    column-gap: var(--_↔️-size-variables---global-sizes--size-s);
    row-gap: var(--_↔️-size-variables---global-sizes--size-s);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .blog-post {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 768px) {
    .blog-post {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .blog-post {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .blog-read {
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    text-transform: uppercase;
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    flex: none;
  }

  .blog-text {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 480px) {
    .blog-text {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .blog-text {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .blog-thumb {
    position: relative;
    overflow: hidden;
  }

  .blog-title {
    font-size: var(--_✍️-typography---heading-01-xs--size);
    --tw-leading: var(--_✍️-typography---heading-01-xs--height);
    line-height: var(--_✍️-typography---heading-01-xs--height);
    --tw-tracking: var(--_✍️-typography---heading-01-xs--space);
    letter-spacing: var(--_✍️-typography---heading-01-xs--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-01-xs--font);
    font-weight: var(--_✍️-typography---heading-01-xs--weight);
  }

  .blog-wrapp {
    justify-content: space-between;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .blog-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media (min-width: 1920px) {
    .blog-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .blog-wrapper {
    top: var(--_↔️-size-variables---global-sizes--size-5xl);
    margin-right: var(--_↔️-size-variables---global-sizes--size-xl);
    justify-content: space-between;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    background-color: var(--_🎨-global-colors---color--cream);
    width: 450px;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-top: var(--_↔️-size-variables---global-sizes--size-m);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    flex: none;
    display: flex;
    position: sticky;
  }

  @media not all and (min-width: 992px) {
    .blog-wrapper {
      width: auto;
      margin-right: 0;
      position: static;
    }
  }

  @media not all and (min-width: 480px) {
    .blog-wrapper {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-top: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .blog-wrapper {
      width: 550px;
    }
  }

  @media (min-width: 1920px) {
    .blog-wrapper {
      top: var(--_↔️-size-variables---global-sizes--size-6xl);
      margin-right: var(--_↔️-size-variables---global-sizes--size-2xl);
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      width: 650px;
      padding-inline: var(--_↔️-size-variables---global-sizes--size-l);
      padding-top: var(--_↔️-size-variables---global-sizes--size-l);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .board-arrow {
    margin-top: var(--_↔️-size-variables---global-sizes--size-s);
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    width: var(--_↔️-size-variables---global-sizes--size-xl);
    border-radius: var(--_↔️-size-variables---border-radius--radius-xl);
    background-color: var(--_🎨-global-colors---color--white);
    color: var(--_🎨-global-colors---color--black);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    top: 0;
    right: 0;
  }

  @media not all and (min-width: 992px) {
    .board-arrow {
      height: var(--_↔️-size-variables---global-sizes--size-l);
      width: var(--_↔️-size-variables---global-sizes--size-l);
      border-radius: var(--_↔️-size-variables---border-radius--radius-l);
    }
  }

  @media not all and (min-width: 768px) {
    .board-arrow {
      margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media not all and (min-width: 480px) {
    .board-arrow {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
      height: var(--_↔️-size-variables---global-sizes--size-m);
      width: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .board-arrow {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      width: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  @media (min-width: 1920px) {
    .board-arrow {
      height: var(--_↔️-size-variables---global-sizes--size-xxl);
      width: var(--_↔️-size-variables---global-sizes--size-xxl);
      border-radius: var(--_↔️-size-variables---border-radius--radius-xxl);
    }
  }

  .board-arrow {
    transition: color .3s, background-color .3s;
  }

  .board-arrow:hover {
    background-color: var(--_🎨-global-colors---color--black);
    color: var(--_🎨-global-colors---color--white);
  }

  .board-arrow.is-left-arrow {
    margin-right: var(--_↔️-size-variables---global-sizes--size-2xl);
  }

  @media not all and (min-width: 992px) {
    .board-arrow.is-left-arrow {
      margin-right: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media not all and (min-width: 480px) {
    .board-arrow.is-left-arrow {
      margin-right: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1440px) {
    .board-arrow.is-left-arrow {
      margin-right: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .board-arrow.is-left-arrow {
      margin-right: var(--_↔️-size-variables---global-sizes--size-3xl);
    }
  }

  .board-block {
    background-color: var(--_🎨-global-colors---color--transparent);
    height: auto;
  }

  .board-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .board-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .board-cont {
    margin-bottom: var(--global-variables--text-space);
    width: 100%;
    max-width: calc(var(--spacing) * 90);
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    text-align: left;
    flex-flow: column;
  }

  @media not all and (min-width: 992px) {
    .board-cont {
      max-width: calc(var(--spacing) * 75);
    }
  }

  @media not all and (min-width: 768px) {
    .board-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .board-cont {
      max-width: calc(var(--spacing) * 60);
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  @media (min-width: 1440px) {
    .board-cont {
      max-width: calc(var(--spacing) * 105);
    }
  }

  @media (min-width: 1920px) {
    .board-cont {
      max-width: calc(var(--spacing) * 120);
    }
  }

  .board-details {
    column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    flex-flow: column;
    display: flex;
  }

  .board-icon {
    height: var(--_↔️-size-variables---global-sizes--size-xxs);
    width: var(--_↔️-size-variables---global-sizes--size-xxs);
  }

  @media not all and (min-width: 992px) {
    .board-icon {
      height: var(--_↔️-size-variables---global-sizes--size-3xs);
      width: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1440px) {
    .board-icon {
      height: var(--_↔️-size-variables---global-sizes--size-xs);
      width: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .board-icon {
      height: var(--_↔️-size-variables---global-sizes--size-s);
      width: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  .board-image {
    height: 100%;
  }

  .board-mask {
    width: 389px;
    height: auto;
    overflow: visible;
  }

  @media not all and (min-width: 992px) {
    .board-mask {
      width: 235px;
    }
  }

  @media (min-width: 1440px) {
    .board-mask {
      width: 442px;
    }
  }

  @media (min-width: 1920px) {
    .board-mask {
      width: 593px;
    }
  }

  .board-name {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  .board-navbar {
    display: none;
  }

  .board-roled {
    font-size: var(--_✍️-typography---label--size);
    --tw-leading: var(--_✍️-typography---label--height);
    line-height: var(--_✍️-typography---label--height);
    --tw-tracking: var(--_✍️-typography---label--space);
    letter-spacing: var(--_✍️-typography---label--space);
    text-transform: uppercase;
    font-family: var(--_✍️-typography---label--font);
    font-weight: var(--_✍️-typography---label--weight);
  }

  .board-section {
    background-color: var(--_🎨-global-colors---color--cream);
  }

  .board-slide {
    margin-right: var(--_↔️-size-variables---global-sizes--size-3xs);
  }

  @media (min-width: 1920px) {
    .board-slide {
      margin-right: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .board-thumb {
    position: relative;
    overflow: hidden;
  }

  .bottom {
    height: var(--_↔️-size-variables---global-sizes--size-9xs);
    width: var(--_↔️-size-variables---global-sizes--size-xxs);
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xs);
    background-color: var(--_🎨-global-colors---color--black);
  }

  .button {
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--black);
    background-color: var(--_🎨-global-colors---color--black);
    font-size: var(--_✍️-typography---button--size);
    --tw-leading: var(--_✍️-typography---button--height);
    line-height: var(--_✍️-typography---button--height);
    --tw-tracking: var(--_✍️-typography---button--space);
    letter-spacing: var(--_✍️-typography---button--space);
    color: var(--_🎨-global-colors---color--white);
    font-family: var(--_✍️-typography---button--font);
    font-weight: var(--_✍️-typography---button--weight);
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .button.is-header {
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xl);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-font-weight: var(--font-weight--bold);
    font-weight: var(--font-weight--bold);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    font-family: var(--_✍️-typography---tag--font);
  }

  .button-block {
    height: var(--global-variables--button-height);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .button-block.is-header {
    height: var(--_↔️-size-variables---global-sizes--size-l);
  }

  @media not all and (min-width: 768px) {
    .button-block.is-header {
      height: 34px;
    }
  }

  @media not all and (min-width: 480px) {
    .button-block.is-header {
      height: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .button-cont {
    width: 100%;
    height: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-3xs);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media not all and (min-width: 768px) {
    .button-cont {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .button-cont {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
      padding-block: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .button-cont.is-header {
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
  }

  @media not all and (min-width: 768px) {
    .button-cont.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .button-cont.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .button-cont.is-last-cont {
    position: absolute;
  }

  .button-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .buy-now-button {
    cursor: pointer;
    width: 100%;
    color: var(--_🎨-global-colors---color--white);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .buy-now-details {
    z-index: 1;
    width: 100%;
    height: 0;
  }

  .buy-now-icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }

  @media not all and (min-width: 992px) {
    .buy-now-icon {
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
    }
  }

  .buy-now-line {
    width: 100%;
    height: 0;
  }

  .changelog-bold {
    --tw-font-weight: var(--font-weight--bold);
    font-weight: var(--font-weight--bold);
    color: var(--_🎨-global-colors---color--black);
  }

  .changelog-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .colorbox-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .colorbox-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  @media (min-width: 1920px) {
    .colorbox-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .colorbox-code {
    text-align: right;
    text-transform: uppercase;
  }

  @media not all and (min-width: 992px) {
    .colorbox-code {
      font-size: 14px;
    }
  }

  .colorbox-square {
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 150px;
  }

  @media not all and (min-width: 768px) {
    .colorbox-square {
      min-height: 250px;
    }
  }

  @media not all and (min-width: 480px) {
    .colorbox-square {
      min-height: calc(var(--spacing) * 50);
    }
  }

  @media (min-width: 1440px) {
    .colorbox-square {
      min-height: calc(var(--spacing) * 50);
    }
  }

  @media (min-width: 1920px) {
    .colorbox-square {
      min-height: 250px;
    }
  }

  .colorbox-square.is-stroke {
    background-color: var(--_🎨-global-colors---color--stroke);
  }

  .colorbox-square.is-black {
    background-color: var(--_🎨-global-colors---color--black);
  }

  .colorbox-square.is-text {
    background-color: var(--_🎨-global-colors---color--text);
  }

  .colorbox-square.is-white {
    background-color: var(--_🎨-global-colors---color--white);
  }

  .colorbox-square.is-gray {
    background-color: var(--_🎨-global-colors---color--gray);
  }

  .colorbox-wrapp {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .contact-block {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .contact-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      flex-flow: column-reverse;
      display: flex;
    }
  }

  @media not all and (min-width: 480px) {
    .contact-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .contact-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .contact-block {
    grid-auto-columns: 1fr;
  }

  .contact-btn {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    background-color: var(--_🎨-global-colors---color--black);
    width: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---button--size);
    --tw-leading: var(--_✍️-typography---button--height);
    line-height: var(--_✍️-typography---button--height);
    --tw-tracking: var(--_✍️-typography---button--space);
    letter-spacing: var(--_✍️-typography---button--space);
    color: var(--_🎨-global-colors---color--white);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media not all and (min-width: 768px) {
    .contact-btn {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .contact-btn {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
      padding-block: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .contact-btn {
    font-family: var(--_✍️-typography---button--font);
    font-weight: var(--_✍️-typography---button--weight);
  }

  .contact-btn.is-header {
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
  }

  @media not all and (min-width: 768px) {
    .contact-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .contact-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .contact-cont {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 750px;
    display: flex;
  }

  .contact-done {
    background-color: var(--_🎨-global-colors---color--black);
    width: 100%;
    height: 100%;
    padding: var(--_↔️-size-variables---global-sizes--size-6xs);
    color: var(--_🎨-global-colors---color--white);
  }

  .contact-error {
    margin-top: var(--_↔️-size-variables---global-sizes--size-6xs);
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    width: 100%;
    padding: var(--_↔️-size-variables---global-sizes--size-6xs);
    color: var(--_🎨-global-colors---color--black);
  }

  @media (min-width: 1920px) {
    .contact-error {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  .contact-field {
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 480px) {
    .contact-field {
      column-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media (min-width: 1920px) {
    .contact-field {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .contact-form {
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-m);
    margin-bottom: 0;
  }

  @media not all and (min-width: 768px) {
    .contact-form {
      padding: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 480px) {
    .contact-form {
      padding: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .contact-form {
      padding: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .contact-grid {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .contact-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .contact-image {
    height: 100%;
  }

  .contact-img {
    height: var(--_↔️-size-variables---global-sizes--size-2xl);
    width: var(--_↔️-size-variables---global-sizes--size-2xl);
    border-radius: var(--_↔️-size-variables---border-radius--radius-2xl);
    background-color: var(--_🎨-global-colors---color--white);
  }

  .contact-input {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--text);
    margin-bottom: 0;
  }

  @media (min-width: 1920px) {
    .contact-input {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .contact-input {
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    transition: border-color .3s;
  }

  .contact-input:active, .contact-input:focus {
    border-color: var(--_🎨-global-colors---color--gray);
  }

  .contact-input::placeholder {
    color: var(--_🎨-global-colors---color--text);
  }

  .contact-input.is-contact-area {
    height: 125px;
  }

  @media (min-width: 1440px) {
    .contact-input.is-contact-area {
      height: 178px;
    }
  }

  @media (min-width: 1920px) {
    .contact-input.is-contact-area {
      height: calc(var(--spacing) * 50);
    }
  }

  .contact-label {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    margin-bottom: 0;
  }

  .contact-review {
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-m);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .contact-review {
      padding: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 480px) {
    .contact-review {
      padding: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .contact-review {
      padding: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .contact-sms {
    width: 100%;
    height: 100%;
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact-star {
    max-width: var(--_↔️-size-variables---global-sizes--size-7xl);
  }

  @media (min-width: 1440px) {
    .contact-star {
      max-width: var(--_↔️-size-variables---global-sizes--size-8xl);
    }
  }

  @media (min-width: 1920px) {
    .contact-star {
      max-width: var(--_↔️-size-variables---global-sizes--size-9xl);
    }
  }

  .contact-text {
    margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    text-align: center;
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
  }

  @media (min-width: 1440px) {
    .contact-text {
      margin-top: var(--_↔️-size-variables---global-sizes--size-s);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .contact-text {
      margin-top: var(--_↔️-size-variables---global-sizes--size-m);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .contact-text {
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
  }

  .contact-thumb {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .contact-wrap {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .contact-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .details-feat {
    height: 100%;
  }

  .details-image {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-2xl);
    height: var(--global-variables--image-height);
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
  }

  @media not all and (min-width: 992px) {
    .details-image {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media not all and (min-width: 768px) {
    .details-image {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 480px) {
    .details-image {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .details-image {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .details-image {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .details-section {
    padding-top: var(--_↔️-size-variables---global-sizes--size-9xl);
    padding-bottom: var(--global-variables--section-space);
  }

  @media not all and (min-width: 992px) {
    .details-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-7xl);
    }
  }

  @media not all and (min-width: 768px) {
    .details-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-5xl);
    }
  }

  @media not all and (min-width: 480px) {
    .details-section {
      padding-top: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

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

  .error-name {
    margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    margin-bottom: var(--global-variables--text-space);
    font-size: var(--_✍️-typography---heading-01-m--size);
    --tw-leading: var(--_✍️-typography---heading-01-m--height);
    line-height: var(--_✍️-typography---heading-01-m--height);
    --tw-tracking: var(--_✍️-typography---heading-01-m--space);
    letter-spacing: var(--_✍️-typography---heading-01-m--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .error-name {
      margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media not all and (min-width: 480px) {
    .error-name {
      margin-top: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1440px) {
    .error-name {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .error-name {
      margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .error-name {
    font-family: var(--_✍️-typography---heading-01-m--font);
    font-weight: var(--_✍️-typography---heading-01-m--weight);
  }

  .error-section {
    padding-top: var(--global-variables--hero-space);
    padding-bottom: var(--global-variables--section-space);
  }

  .error-svg {
    max-width: 450px;
  }

  @media not all and (min-width: 992px) {
    .error-svg {
      max-width: calc(var(--spacing) * 100);
    }
  }

  @media not all and (min-width: 768px) {
    .error-svg {
      max-width: 350px;
    }
  }

  @media not all and (min-width: 480px) {
    .error-svg {
      max-width: calc(var(--spacing) * 75);
    }
  }

  @media (min-width: 1440px) {
    .error-svg {
      max-width: calc(var(--spacing) * 125);
    }
  }

  @media (min-width: 1920px) {
    .error-svg {
      max-width: calc(var(--spacing) * 150);
    }
  }

  .footer-cont {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  @media (min-width: 1440px) {
    .footer-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media (min-width: 1920px) {
    .footer-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  .footer-copy {
    padding-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .footer-copy {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-m);
      text-align: center;
      flex-flow: column;
    }
  }

  @media (min-width: 1920px) {
    .footer-copy {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .footer-copy {
    border-top: var(--_↔️-size-variables---global-sizes--size-tiny) dashed var(--_🎨-global-colors---color--text);
  }

  .footer-grid {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    flex-flow: column;
    display: flex;
  }

  .footer-icon {
    width: 100%;
    max-width: 230px;
  }

  @media (min-width: 1440px) {
    .footer-icon {
      max-width: 270px;
    }
  }

  @media (min-width: 1920px) {
    .footer-icon {
      max-width: 310px;
    }
  }

  .footer-info {
    color: var(--_🎨-global-colors---color--gray);
  }

  @media not all and (min-width: 480px) {
    .footer-info {
      width: 100%;
      max-width: calc(var(--spacing) * 72);
      margin-left: auto;
      margin-right: auto;
    }
  }

  .footer-info-dot {
    margin-right: var(--_↔️-size-variables---global-sizes--size-8xs);
    margin-left: var(--_↔️-size-variables---global-sizes--size-8xs);
    height: var(--_↔️-size-variables---global-sizes--size-8xs);
    width: var(--_↔️-size-variables---global-sizes--size-8xs);
    border-radius: var(--_↔️-size-variables---global-sizes--size-8xs);
    background-color: var(--_🎨-global-colors---color--gray);
    vertical-align: middle;
    flex: none;
    display: inline-block;
    overflow: hidden;
  }

  @media not all and (min-width: 768px) {
    .footer-info-dot {
      border-radius: 4px;
    }
  }

  @media not all and (min-width: 480px) {
    .footer-info-dot {
      margin-right: var(--spacing);
      margin-left: var(--spacing);
    }
  }

  .footer-info-text {
    vertical-align: middle;
    display: inline;
  }

  @media (min-width: 1920px) {
    .footer-info-text {
      font-size: 16px;
    }
  }

  .footer-label {
    font-family: var(--font-family--heading);
    font-size: var(--_↔️-size-variables---global-sizes--size-xxs);
    --tw-leading: var(--line-height--3xs);
    line-height: var(--line-height--3xs);
    --tw-font-weight: var(--font-weight--normal);
    font-weight: var(--font-weight--normal);
    color: var(--_🎨-global-colors---color--white);
    text-transform: uppercase;
  }

  .footer-link {
    color: var(--_🎨-global-colors---color--gray);
    transition: color .3s;
  }

  .footer-link:hover {
    color: var(--_🎨-global-colors---color--white);
  }

  .footer-list {
    justify-content: flex-end;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .footer-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media not all and (min-width: 768px) {
    .footer-list {
      justify-content: center;
      align-items: center;
    }
  }

  @media (min-width: 1920px) {
    .footer-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .footer-menu {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-m);
    row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .footer-menu {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .footer-menu {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .footer-menus {
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--global-variables--section-space);
    grid-template-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .footer-menus {
      width: 100%;
      max-width: 100%;
    }
  }

  @media not all and (min-width: 768px) {
    .footer-menus {
      column-gap: var(--_↔️-size-variables---global-sizes--size-zero);
    }
  }

  @media not all and (min-width: 480px) {
    .footer-menus {
      justify-content: flex-start;
      align-items: flex-start;
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      flex-flow: column;
      display: flex;
    }
  }

  @media (min-width: 1440px) {
    .footer-menus {
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  @media (min-width: 1920px) {
    .footer-menus {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .footer-menus {
    grid-auto-columns: 1fr;
  }

  .footer-name {
    font-size: var(--_✍️-typography---heading-02-l--size);
    --tw-leading: var(--_✍️-typography---heading-04-l--height);
    line-height: var(--_✍️-typography---heading-04-l--height);
    --tw-tracking: var(--_✍️-typography---heading-02-l--space);
    letter-spacing: var(--_✍️-typography---heading-02-l--space);
    color: var(--_🎨-global-colors---color--white);
    font-family: var(--_✍️-typography---heading-02-l--font);
    font-weight: var(--_✍️-typography---heading-02-l--weight);
  }

  .footer-nav {
    font-family: var(--font-family--heading);
    font-size: var(--_↔️-size-variables---global-sizes--size-xxs);
    --tw-leading: var(--line-height--3xs);
    line-height: var(--line-height--3xs);
    --tw-font-weight: var(--font-weight--normal);
    font-weight: var(--font-weight--normal);
    color: var(--_🎨-global-colors---color--white);
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-8xs);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    text-decoration-color: var(--_🎨-global-colors---color--transparent);
    transition: text-decoration-color .3s;
  }

  .footer-nav:hover {
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--white);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--white);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--white);
    text-decoration-color: var(--_🎨-global-colors---color--white);
  }

  .footer-section {
    background-color: var(--_🎨-global-colors---color--black);
  }

  .footer-span {
    opacity: .8;
  }

  .footer-title {
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    color: var(--_🎨-global-colors---color--gray);
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
  }

  .footer-wrap {
    padding-top: var(--_↔️-size-variables---global-sizes--size-3xl);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-6xl);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .footer-wrap {
      flex-flow: column;
    }
  }

  @media not all and (min-width: 768px) {
    .footer-wrap {
      padding-top: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  @media not all and (min-width: 480px) {
    .footer-wrap {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1440px) {
    .footer-wrap {
      padding-top: var(--_↔️-size-variables---global-sizes--size-4xl);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-7xl);
    }
  }

  @media (min-width: 1920px) {
    .footer-wrap {
      padding-top: var(--_↔️-size-variables---global-sizes--size-6xl);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-9xl);
    }
  }

  .footer-wrapp {
    justify-content: flex-start;
    align-items: flex-end;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    flex-flow: column;
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .footer-wrapp {
      display: none;
    }
  }

  @media (min-width: 1440px) {
    .footer-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xl);
    }
  }

  @media (min-width: 1920px) {
    .footer-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-9xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-9xl);
    }
  }

  .global-section {
    padding-bottom: var(--global-variables--section-space);
  }

  .header-bg {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .header-block {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .header-brand {
    z-index: 1;
    width: 170px;
    padding-left: 0;
    position: relative;
  }

  @media not all and (min-width: 992px) {
    .header-brand {
      width: 150px;
    }
  }

  @media not all and (min-width: 768px) {
    .header-brand {
      width: 125px;
    }
  }

  @media not all and (min-width: 480px) {
    .header-brand {
      width: calc(var(--spacing) * 25);
    }
  }

  .header-button {
    z-index: 1;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }

  .header-canva {
    opacity: 0;
    width: 100%;
    height: 100vh;
    padding-top: 82px;
    display: none;
    position: absolute;
    inset: 0;
  }

  @media not all and (min-width: 992px) {
    .header-canva {
      height: 93vh;
      padding-top: calc(var(--spacing) * 19);
    }
  }

  @media not all and (min-width: 480px) {
    .header-canva {
      padding-top: calc(var(--spacing) * 17);
    }
  }

  @media (min-width: 1440px) {
    .header-canva {
      padding-top: 90px;
    }
  }

  @media (min-width: 1920px) {
    .header-canva {
      padding-top: 98px;
    }
  }

  .header-copy {
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--black);
    flex: none;
  }

  @media not all and (min-width: 480px) {
    .header-copy {
      --tw-leading: var(--leading-s);
      line-height: var(--leading-s);
    }
  }

  .header-copy {
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
  }

  .header-dot {
    margin-right: var(--_↔️-size-variables---global-sizes--size-8xs);
    margin-left: var(--_↔️-size-variables---global-sizes--size-8xs);
    height: var(--_↔️-size-variables---global-sizes--size-8xs);
    width: var(--_↔️-size-variables---global-sizes--size-8xs);
    border-radius: var(--_↔️-size-variables---border-radius--radius-8xs);
    background-color: var(--_🎨-global-colors---color--black);
    vertical-align: middle;
    flex: none;
    display: inline-block;
    overflow: hidden;
  }

  @media not all and (min-width: 768px) {
    .header-dot {
      height: var(--spacing);
      width: var(--spacing);
      border-radius: 4px;
    }
  }

  @media not all and (min-width: 480px) {
    .header-dot {
      margin-right: var(--spacing);
      margin-left: var(--spacing);
    }
  }

  .header-gap {
    height: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex: none;
  }

  @media not all and (min-width: 992px) {
    .header-gap {
      height: var(--_↔️-size-variables---global-sizes--size-8xs);
    }
  }

  @media (min-width: 1440px) {
    .header-gap {
      height: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1920px) {
    .header-gap {
      height: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .header-image {
    flex-flow: column;
    justify-content: center;
    width: 100%;
    max-width: 37vw;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not all and (min-width: 992px) {
    .header-image {
      display: none;
    }
  }

  .header-link {
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    transition: color .3s;
  }

  .header-link:hover {
    color: var(--_🎨-global-colors---color--text);
  }

  .header-menu {
    z-index: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    display: flex;
    position: relative;
  }

  .header-menu-icon {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .header-menu-text {
    font-size: var(--_✍️-typography---button--size);
    --tw-leading: var(--_✍️-typography---button--height);
    line-height: var(--_✍️-typography---button--height);
    --tw-tracking: var(--_✍️-typography---button--space);
    letter-spacing: var(--_✍️-typography---button--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---button--font);
    font-weight: var(--_✍️-typography---button--weight);
  }

  .header-menus {
    width: calc(var(--spacing) * 125);
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xl);
    background-color: var(--_🎨-global-colors---color--cream);
    padding-top: var(--_↔️-size-variables---global-sizes--size-7xs);
    padding-right: var(--_↔️-size-variables---global-sizes--size-7xs);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-7xs);
    padding-left: var(--_↔️-size-variables---global-sizes--size-xxs);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .header-menus {
      width: calc(var(--spacing) * 75);
    }
  }

  @media not all and (min-width: 768px) {
    .header-menus {
      width: 250px;
    }
  }

  @media not all and (min-width: 480px) {
    .header-menus {
      width: calc(var(--spacing) * 55);
    }
  }

  .header-menus.is-home {
    background-color: var(--_🎨-global-colors---color--white);
  }

  .header-nav {
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: var(--container-size);
    padding-right: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-left: var(--_↔️-size-variables---global-sizes--size-3xs);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .header-nav-link {
    font-size: var(--_✍️-typography---heading-03-l--size);
    --tw-leading: var(--_✍️-typography---heading-03-l--height);
    line-height: var(--_✍️-typography---heading-03-l--height);
    --tw-tracking: var(--_✍️-typography---heading-03-l--space);
    letter-spacing: var(--_✍️-typography---heading-03-l--space);
    color: var(--_🎨-global-colors---color--black);
    opacity: 0;
    text-decoration-line: underline;
  }

  @media not all and (min-width: 992px) {
    .header-nav-link {
      font-size: var(--_✍️-typography---heading-04-l--size);
      --tw-leading: var(--_✍️-typography---heading-04-l--height);
      line-height: var(--_✍️-typography---heading-04-l--height);
      --tw-tracking: var(--_✍️-typography---heading-04-l--space);
      letter-spacing: var(--_✍️-typography---heading-04-l--space);
    }
  }

  @media not all and (min-width: 768px) {
    .header-nav-link {
      font-size: var(--_✍️-typography---heading-05-l--size);
      --tw-leading: var(--_✍️-typography---heading-05-l--height);
      line-height: var(--_✍️-typography---heading-05-l--height);
      --tw-tracking: var(--_✍️-typography---heading-05-l--space);
      letter-spacing: var(--_✍️-typography---heading-05-l--space);
    }
  }

  .header-nav-link {
    font-family: var(--_✍️-typography---heading-03-l--font);
    font-weight: var(--_✍️-typography---heading-03-l--weight);
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-8xs);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    text-decoration-color: var(--_🎨-global-colors---color--transparent);
    transition: text-decoration-color .3s;
    transform: translate(0, 30px);
  }

  @media screen and (max-width: 991px) {
    .header-nav-link {
      font-family: var(--_✍️-typography---heading-04-l--font);
      font-weight: var(--_✍️-typography---heading-04-l--weight);
    }
  }

  @media screen and (max-width: 767px) {
    .header-nav-link {
      font-family: var(--_✍️-typography---heading-05-l--font);
      font-weight: var(--_✍️-typography---heading-05-l--weight);
    }
  }

  .header-nav-link:hover, .header-nav-link.is-current {
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    text-decoration-color: var(--_🎨-global-colors---color--black);
  }

  .header-navbar {
    width: 100%;
    max-width: 100%;
    padding-top: var(--_↔️-size-variables---global-sizes--size-l);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .header-navbar {
      padding-top: var(--_↔️-size-variables---global-sizes--size-m);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 768px) {
    .header-navbar {
      padding-top: var(--_↔️-size-variables---global-sizes--size-s);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  @media not all and (min-width: 480px) {
    .header-navbar {
      padding-top: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .header-navbar {
    border-top: var(--_↔️-size-variables---global-sizes--size-tiny) solid var(--_🎨-global-colors---color--text);
    grid-auto-columns: 1fr;
  }

  .header-navbar.is-last-navbar {
    opacity: 0;
  }

  @media not all and (min-width: 992px) {
    .header-navbar.is-last-navbar {
      display: block;
    }
  }

  .header-navbar.is-last-navbar {
    transform: translate(0, 30px);
  }

  @media not all and (min-width: 768px) {
    .header-navbar.is-first-navbar {
      padding-top: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .header-over {
    background-color: var(--_🎨-global-colors---color--cream);
    height: 100%;
  }

  .header-over.is-home {
    background-color: var(--_🎨-global-colors---color--white);
  }

  .header-section {
    z-index: 99999;
    background-color: var(--_🎨-global-colors---color--transparent);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .header-social {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    flex: none;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .header-social {
      display: none;
    }
  }

  .header-social-link {
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
  }

  .header-space {
    flex-flow: column;
    display: flex;
    overflow: hidden;
  }

  .header-text {
    vertical-align: middle;
    display: inline;
  }

  @media (min-width: 1920px) {
    .header-text {
      font-size: 16px;
    }
  }

  .header-white {
    z-index: 1;
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .header-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .header-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .header-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .header-wrapp {
    padding-top: var(--_↔️-size-variables---global-sizes--size-4xs);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media (min-width: 1920px) {
    .header-wrapp {
      padding-top: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .hero-block {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-block.is-home-two {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-link {
    margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    color: var(--_🎨-global-colors---color--black);
    text-decoration-line: underline;
    display: none;
  }

  @media not all and (min-width: 768px) {
    .hero-link {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .hero-link {
      margin-top: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .hero-link {
    transition: color .3s;
  }

  .hero-link.is-with-link {
    display: inline-block;
  }

  .hero-link:hover {
    color: var(--_🎨-global-colors---color--text);
  }

  .hero-link.is-style-guide {
    margin-top: var(--_↔️-size-variables---global-sizes--size-zero);
    display: block;
  }

  .hero-section {
    padding-top: var(--global-variables--hero-space);
    padding-bottom: var(--global-variables--text-space);
  }

  @media not all and (min-width: 768px) {
    .hero-section {
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .hero-section.is-external-link {
    padding-bottom: var(--global-variables--section-space);
  }

  .hero-text {
    margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    width: 100%;
    max-width: var(--global-variables--utility-width);
    display: none;
  }

  @media not all and (min-width: 768px) {
    .hero-text {
      margin-top: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .hero-text.is-with-text, .hero-text.is-with-link, .hero-text.is-external-link {
    display: block;
  }

  .hero-title {
    color: var(--_🎨-global-colors---color--black);
  }

  .home-button {
    pointer-events: none;
    height: var(--_↔️-size-variables---global-sizes--size-6xl);
    width: var(--_↔️-size-variables---global-sizes--size-6xl);
    border-radius: var(--_↔️-size-variables---border-radius--radius-6xl);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--white);
    opacity: 0;
    -webkit-backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-5xs));
    backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-5xs));
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    background-color: #fff3;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .home-card {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .home-cont {
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .home-cont {
      justify-content: space-between;
      align-items: center;
    }
  }

  @media not all and (min-width: 768px) {
    .home-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      flex-flow: column;
    }
  }

  .home-details {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .home-details {
      justify-content: space-between;
      align-items: center;
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 768px) {
    .home-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 480px) {
    .home-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-s);
      row-gap: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  .home-image {
    aspect-ratio: 9 / 8;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .5s;
  }

  .home-image:hover {
    transform: scale(1.08);
  }

  .home-item {
    margin-left: var(--_↔️-size-variables---global-sizes--size-xxs);
    width: calc(var(--spacing) * 75);
  }

  @media not all and (min-width: 992px) {
    .home-item {
      margin-left: var(--_↔️-size-variables---global-sizes--size-3xs);
      width: calc(var(--spacing) * 50);
    }
  }

  @media not all and (min-width: 768px) {
    .home-item {
      margin-left: var(--_↔️-size-variables---global-sizes--size-4xs);
      width: 175px;
    }
  }

  @media not all and (min-width: 480px) {
    .home-item {
      margin-left: var(--_↔️-size-variables---global-sizes--size-5xs);
      width: 150px;
    }
  }

  @media (min-width: 1440px) {
    .home-item {
      width: 350px;
    }
  }

  @media (min-width: 1920px) {
    .home-item {
      width: 450px;
    }
  }

  .home-label {
    width: calc(var(--spacing) * 40);
  }

  @media not all and (min-width: 992px) {
    .home-label {
      display: none;
    }
  }

  @media (min-width: 1920px) {
    .home-label {
      width: 190px;
    }
  }

  .home-link {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    text-decoration-line: underline;
  }

  @media not all and (min-width: 768px) {
    .home-link {
      font-size: var(--_✍️-typography---heading-06-l--size);
      --tw-leading: var(--_✍️-typography---heading-06-l--height);
      line-height: var(--_✍️-typography---heading-06-l--height);
      --tw-tracking: var(--_✍️-typography---heading-06-l--space);
      letter-spacing: var(--_✍️-typography---heading-06-l--space);
    }
  }

  .home-link {
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-9xs);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    text-decoration-color: var(--_🎨-global-colors---color--transparent);
    transition: text-decoration-color .3s;
  }

  @media screen and (max-width: 767px) {
    .home-link {
      font-family: var(--_✍️-typography---heading-06-l--font);
      font-weight: var(--_✍️-typography---heading-06-l--weight);
    }
  }

  .home-link:hover {
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    text-decoration-color: var(--_🎨-global-colors---color--black);
  }

  .home-list {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .home-logo {
    z-index: 5;
    margin-bottom: calc(var(--spacing) * -5);
    aspect-ratio: 1400 / 290;
    width: 100%;
    max-width: calc(var(--spacing) * 230);
    position: relative;
  }

  @media not all and (min-width: 992px) {
    .home-logo {
      max-width: calc(var(--spacing) * 155);
      margin-bottom: 0;
    }
  }

  @media not all and (min-width: 768px) {
    .home-logo {
      max-width: 80svw;
    }
  }

  @media (min-width: 1440px) {
    .home-logo {
      max-width: calc(var(--spacing) * 280);
    }
  }

  @media (min-width: 1920px) {
    .home-logo {
      max-width: calc(var(--spacing) * 355);
    }
  }

  .home-mark {
    width: var(--_↔️-size-variables---global-sizes--size-4xs);
    color: var(--_🎨-global-colors---color--black);
  }

  .home-marqu {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .home-name {
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    max-width: 385px;
    padding-top: var(--_↔️-size-variables---global-sizes--size-5xs);
    padding-bottom: var(--_↔️-size-variables---global-sizes--size-5xs);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  @media not all and (min-width: 768px) {
    .home-name {
      max-width: calc(var(--spacing) * 75);
      padding-top: var(--_↔️-size-variables---global-sizes--size-7xs);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-7xs);
    }
  }

  .home-section {
    background-color: var(--_🎨-global-colors---color--cream);
    padding-top: var(--global-variables--hero-space);
    padding-bottom: var(--global-variables--text-space);
  }

  .home-social {
    width: calc(var(--spacing) * 40);
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    justify-content: flex-end;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .home-social {
      width: auto;
      font-size: var(--_✍️-typography---heading-06-l--size);
      --tw-leading: var(--_✍️-typography---heading-06-l--height);
      line-height: var(--_✍️-typography---heading-06-l--height);
      --tw-tracking: var(--_✍️-typography---heading-06-l--space);
      letter-spacing: var(--_✍️-typography---heading-06-l--space);
    }
  }

  @media (min-width: 1920px) {
    .home-social {
      width: 190px;
    }
  }

  .home-social {
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  @media screen and (max-width: 767px) {
    .home-social {
      font-family: var(--_✍️-typography---heading-06-l--font);
      font-weight: var(--_✍️-typography---heading-06-l--weight);
    }
  }

  .home-text {
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .home-wrap {
    flex: none;
  }

  .home-wrapp {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xl);
  }

  @media not all and (min-width: 992px) {
    .home-wrapp {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  @media not all and (min-width: 768px) {
    .home-wrapp {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 480px) {
    .home-wrapp {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .home-wrapp {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  @media (min-width: 1920px) {
    .home-wrapp {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-6xl);
    }
  }

  .kravio-image {
    height: 215px;
    max-width: calc(var(--spacing) * 50);
  }

  @media not all and (min-width: 992px) {
    .kravio-image {
      max-width: 170px;
      height: 183px;
    }
  }

  @media not all and (min-width: 768px) {
    .kravio-image {
      max-width: 110px;
      height: 118px;
    }
  }

  @media not all and (min-width: 480px) {
    .kravio-image {
      height: 86px;
      max-width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1440px) {
    .kravio-image {
      height: calc(var(--spacing) * 62);
      max-width: 230px;
    }
  }

  @media (min-width: 1920px) {
    .kravio-image {
      height: calc(var(--spacing) * 70);
      max-width: calc(var(--spacing) * 65);
    }
  }

  .kravio-image.is-kravio-two {
    margin-top: 107.5px;
  }

  @media not all and (min-width: 992px) {
    .kravio-image.is-kravio-two {
      margin-top: 91.5px;
    }
  }

  @media not all and (min-width: 768px) {
    .kravio-image.is-kravio-two {
      margin-top: 59px;
    }
  }

  @media not all and (min-width: 480px) {
    .kravio-image.is-kravio-two {
      margin-top: 43px;
    }
  }

  @media (min-width: 1440px) {
    .kravio-image.is-kravio-two {
      margin-top: calc(var(--spacing) * 31);
    }
  }

  @media (min-width: 1920px) {
    .kravio-image.is-kravio-two {
      margin-top: calc(var(--spacing) * 35);
    }
  }

  .kravio-image.is-kravio-three {
    margin-top: 107.5px;
  }

  @media not all and (min-width: 992px) {
    .kravio-image.is-kravio-three {
      margin-top: 91.5px;
    }
  }

  @media not all and (min-width: 768px) {
    .kravio-image.is-kravio-three {
      margin-top: 59px;
    }
  }

  @media not all and (min-width: 480px) {
    .kravio-image.is-kravio-three {
      margin-top: 43px;
    }
  }

  @media (min-width: 1440px) {
    .kravio-image.is-kravio-three {
      margin-top: calc(var(--spacing) * 31);
    }
  }

  @media (min-width: 1920px) {
    .kravio-image.is-kravio-three {
      margin-top: calc(var(--spacing) * 35);
    }
  }

  .kravio-img {
    margin-top: var(--global-variables--text-space);
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .kravio-title {
    width: 100%;
    max-width: calc(var(--spacing) * 200);
    margin-left: auto;
    margin-right: auto;
  }

  @media not all and (min-width: 992px) {
    .kravio-title {
      max-width: calc(var(--spacing) * 175);
    }
  }

  @media not all and (min-width: 768px) {
    .kravio-title {
      max-width: 550px;
    }
  }

  @media (min-width: 1440px) {
    .kravio-title {
      max-width: 950px;
    }
  }

  @media (min-width: 1920px) {
    .kravio-title {
      max-width: 1050px;
    }
  }

  .logo-loop {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .logo-overl {
    pointer-events: none;
    z-index: 5;
    background-image: linear-gradient(90deg, var(--_🎨-global-colors---color--white) 5%, var(--_🎨-global-colors---color--transparent) 10%, var(--_🎨-global-colors---color--transparent) 90%, var(--_🎨-global-colors---color--white) 95%);
    position: absolute;
    inset: 0;
  }

  @media screen and (min-width: 1440px) {
    .logo-overl {
      background-image: linear-gradient(90deg, var(--_🎨-global-colors---color--white) 3%, var(--_🎨-global-colors---color--transparent) 7%, var(--_🎨-global-colors---color--transparent) 94%, var(--_🎨-global-colors---color--white) 97%);
    }
  }

  @media screen and (min-width: 1920px) {
    .logo-overl {
      background-image: linear-gradient(90deg, var(--_🎨-global-colors---color--white) 2%, var(--_🎨-global-colors---color--transparent) 5%, var(--_🎨-global-colors---color--transparent) 95%, var(--_🎨-global-colors---color--white) 98%);
    }
  }

  .logo-wrapp {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .main-container {
    width: 100%;
    max-width: var(--container-size);
    padding-right: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-left: var(--_↔️-size-variables---global-sizes--size-3xs);
    margin-left: auto;
    margin-right: auto;
  }

  @media not all and (min-width: 992px) {
    .main-container {
      max-width: var(--container-size);
    }
  }

  @media not all and (min-width: 768px) {
    .main-container {
      max-width: var(--container-size);
    }
  }

  .main-logo {
    margin-right: var(--_↔️-size-variables---global-sizes--size-3xl);
    height: var(--_↔️-size-variables---global-sizes--size-s);
    flex: none;
    width: auto;
    max-width: none;
  }

  @media not all and (min-width: 992px) {
    .main-logo {
      margin-right: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media not all and (min-width: 768px) {
    .main-logo {
      margin-right: var(--_↔️-size-variables---global-sizes--size-m);
      height: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 480px) {
    .main-logo {
      margin-right: var(--_↔️-size-variables---global-sizes--size-xs);
      height: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1440px) {
    .main-logo {
      margin-right: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  @media (min-width: 1920px) {
    .main-logo {
      margin-right: var(--_↔️-size-variables---global-sizes--size-6xl);
      height: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .main-logo.is-for-home-one {
    margin-right: var(--_↔️-size-variables---global-sizes--size-m);
    height: var(--_↔️-size-variables---global-sizes--size-xxs);
  }

  @media (min-width: 1440px) {
    .main-logo.is-for-home-one {
      margin-right: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1920px) {
    .main-logo.is-for-home-one {
      margin-right: var(--_↔️-size-variables---global-sizes--size-2xl);
      height: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .middle {
    margin-top: var(--_↔️-size-variables---global-sizes--size-8xs);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-8xs);
    height: var(--_↔️-size-variables---global-sizes--size-9xs);
    width: var(--_↔️-size-variables---global-sizes--size-xxs);
    border-radius: var(--_↔️-size-variables---global-sizes--size-9xs);
    background-color: var(--_🎨-global-colors---color--black);
  }

  .page-wrapper {
    overflow: clip;
  }

  .project-btn {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    border-bottom: var(--_↔️-size-variables---global-sizes--size-tiny) solid var(--_🎨-global-colors---color--text);
    transition: color .3s, border-color .3s;
    display: flex;
  }

  .project-btn:hover {
    color: var(--_🎨-global-colors---color--black);
    border-bottom-color: var(--_🎨-global-colors---color--black);
  }

  .project-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-s);
    row-gap: var(--_↔️-size-variables---global-sizes--size-s);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .project-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 768px) {
    .project-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .project-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .project-cont {
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 480px) {
    .project-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .project-desp {
    padding-left: var(--_↔️-size-variables---global-sizes--size-xl);
  }

  @media not all and (min-width: 992px) {
    .project-desp {
      padding-left: 0;
    }
  }

  @media (min-width: 1440px) {
    .project-desp {
      padding-left: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  @media (min-width: 1920px) {
    .project-desp {
      padding-left: var(--_↔️-size-variables---global-sizes--size-3xl);
    }
  }

  .project-desp {
    border-left: var(--_↔️-size-variables---global-sizes--size-4xs) solid var(--_🎨-global-colors---color--stroke);
  }

  @media screen and (min-width: 1440px) {
    .project-desp {
      border-left-width: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media screen and (min-width: 1920px) {
    .project-desp {
      border-left-width: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media screen and (max-width: 991px) {
    .project-desp {
      border-left-style: none;
    }
  }

  .project-details {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .project-details {
      flex-flow: column;
      align-items: stretch;
    }
  }

  @media not all and (min-width: 480px) {
    .project-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1440px) {
    .project-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    }
  }

  @media (min-width: 1920px) {
    .project-details {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xl);
    }
  }

  .project-grid {
    margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
    column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .project-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media not all and (min-width: 768px) {
    .project-grid {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  @media not all and (min-width: 480px) {
    .project-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    }
  }

  @media (min-width: 1920px) {
    .project-grid {
      margin-top: var(--_↔️-size-variables---global-sizes--size-l);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .project-grid {
    grid-auto-columns: 1fr;
  }

  .project-heading {
    font-size: var(--_✍️-typography---heading-02-m--size);
    --tw-leading: var(--_✍️-typography---heading-02-m--height);
    line-height: var(--_✍️-typography---heading-02-m--height);
    --tw-tracking: var(--_✍️-typography---heading-02-m--space);
    letter-spacing: var(--_✍️-typography---heading-02-m--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-02-m--font);
    font-weight: var(--_✍️-typography---heading-02-m--weight);
  }

  .project-icon {
    height: var(--_↔️-size-variables---global-sizes--size-4xs);
    width: var(--_↔️-size-variables---global-sizes--size-4xs);
  }

  .project-image {
    height: 100%;
  }

  .project-info {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .project-info-link {
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-8xs);
    text-decoration-line: underline;
    transition: color .3s;
  }

  .project-info-link:hover {
    color: var(--_🎨-global-colors---color--black);
  }

  .project-items {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .project-items {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .project-items {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .project-label {
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    text-transform: uppercase;
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-9xs);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    text-decoration-color: var(--_🎨-global-colors---color--transparent);
    flex: none;
    transition: color .3s, text-decoration-color .3s;
  }

  .project-label:hover {
    color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    text-decoration-color: var(--_🎨-global-colors---color--black);
  }

  .project-line {
    height: var(--_↔️-size-variables---global-sizes--size-tiny);
    background-color: var(--_🎨-global-colors---color--stroke);
    width: 100%;
  }

  .project-link {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .project-logo {
    height: var(--_↔️-size-variables---global-sizes--size-l);
    width: auto;
    max-width: none;
  }

  @media not all and (min-width: 992px) {
    .project-logo {
      height: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 768px) {
    .project-logo {
      height: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  @media (min-width: 1920px) {
    .project-logo {
      height: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .project-logos {
    z-index: 5;
    opacity: 0;
    -webkit-backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-5xs));
    backdrop-filter: blur(var(--_↔️-size-variables---global-sizes--size-5xs));
    background-color: #0003;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .project-name {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    text-underline-offset: var(--_↔️-size-variables---global-sizes--size-9xs);
    text-decoration-line: underline;
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--transparent);
    text-decoration-color: var(--_🎨-global-colors---color--transparent);
    transition: text-decoration-color .3s;
  }

  .project-name:hover {
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    -webkit-text-decoration-color: var(--_🎨-global-colors---color--black);
    text-decoration-color: var(--_🎨-global-colors---color--black);
  }

  .project-text :is(h3) {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---heading-03-m--size);
    --tw-leading: var(--_✍️-typography---heading-03-m--height);
    line-height: var(--_✍️-typography---heading-03-m--height);
    --tw-tracking: var(--_✍️-typography---heading-03-m--space);
    letter-spacing: var(--_✍️-typography---heading-03-m--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .project-text :is(h3) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .project-text :is(h3) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .project-text :is(h3) {
    font-family: var(--_✍️-typography---heading-03-m--font);
    font-weight: var(--_✍️-typography---heading-03-m--weight);
  }

  .project-text :is(ul) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    column-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .project-text :is(ul) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .project-thumb {
    position: relative;
    overflow: hidden;
  }

  @media not all and (min-width: 480px) {
    .project-thumb {
      height: calc(var(--spacing) * 80);
    }
  }

  .project-wrap {
    top: var(--_↔️-size-variables---global-sizes--size-5xl);
    justify-content: space-between;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    flex-flow: column;
    flex: none;
    width: 425px;
    display: flex;
    position: sticky;
  }

  @media not all and (min-width: 992px) {
    .project-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      width: auto;
      margin-right: 0;
      position: static;
    }
  }

  @media (min-width: 1440px) {
    .project-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      width: 475px;
    }
  }

  @media (min-width: 1920px) {
    .project-wrap {
      top: var(--_↔️-size-variables---global-sizes--size-6xl);
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xl);
      width: 575px;
    }
  }

  .project-wrapp {
    justify-content: space-between;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: row;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .project-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media (min-width: 1920px) {
    .project-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .projects-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .projects-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 480px) {
    .projects-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .projects-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .projects-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .projects-cont {
    margin-bottom: var(--global-variables--text-space);
  }

  .projects-list {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .projects-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 768px) {
    .projects-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 480px) {
    .projects-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 1440px) {
    .projects-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .projects-list {
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .projects-list {
    grid-auto-columns: 1fr;
  }

  .projects-list.is-one-column {
    display: block;
  }

  .protected-block {
    background-color: var(--_🎨-global-colors---color--cream);
    width: 425px;
    padding: var(--_↔️-size-variables---global-sizes--size-m);
    margin-bottom: 0;
  }

  @media not all and (min-width: 992px) {
    .protected-block {
      width: 355px;
      padding: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  @media not all and (min-width: 768px) {
    .protected-block {
      width: calc(var(--spacing) * 75);
      padding: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .protected-block {
      width: 495px;
      padding: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1920px) {
    .protected-block {
      width: 555px;
    }
  }

  .protected-btn {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    background-color: var(--_🎨-global-colors---color--black);
    width: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---button--size);
    --tw-leading: var(--_✍️-typography---button--height);
    line-height: var(--_✍️-typography---button--height);
    --tw-tracking: var(--_✍️-typography---button--space);
    letter-spacing: var(--_✍️-typography---button--space);
    color: var(--_🎨-global-colors---color--white);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media not all and (min-width: 768px) {
    .protected-btn {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .protected-btn {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
      padding-block: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .protected-btn {
    font-family: var(--_✍️-typography---button--font);
    font-weight: var(--_✍️-typography---button--weight);
  }

  .protected-btn.is-header {
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
  }

  @media not all and (min-width: 768px) {
    .protected-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .protected-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .protected-field {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--text);
    margin-bottom: 0;
  }

  @media (min-width: 1920px) {
    .protected-field {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .protected-field {
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
    transition: border-color .3s;
  }

  .protected-field:active, .protected-field:focus {
    border-color: var(--_🎨-global-colors---color--gray);
  }

  .protected-field::placeholder {
    color: var(--_🎨-global-colors---color--text);
  }

  .protected-form {
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .protected-form {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  @media (min-width: 1920px) {
    .protected-form {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .protected-section {
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    padding-right: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-left: var(--_↔️-size-variables---global-sizes--size-3xs);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .protected-text {
    text-align: center;
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    margin-bottom: 0;
  }

  .protected-title {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    text-align: center;
    font-size: var(--_✍️-typography---heading-01-s--size);
    --tw-leading: var(--_✍️-typography---heading-01-s--height);
    line-height: var(--_✍️-typography---heading-01-s--height);
    --tw-tracking: var(--_✍️-typography---heading-01-s--space);
    letter-spacing: var(--_✍️-typography---heading-01-s--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 992px) {
    .protected-title {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1440px) {
    .protected-title {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .protected-title {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .protected-title {
    font-family: var(--_✍️-typography---heading-01-s--font);
    font-weight: var(--_✍️-typography---heading-01-s--weight);
  }

  .review-author {
    column-gap: var(--_↔️-size-variables---global-sizes--size-7xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-7xs);
    flex-flow: column;
    display: flex;
  }

  .review-block {
    min-height: 300vw;
  }

  .review-card {
    justify-content: space-between;
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--white);
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-block: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @media not all and (min-width: 992px) {
    .review-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 768px) {
    .review-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .review-card {
      column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-top: var(--_↔️-size-variables---global-sizes--size-xl);
      padding-right: var(--_↔️-size-variables---global-sizes--size-l);
      padding-bottom: var(--_↔️-size-variables---global-sizes--size-xl);
      padding-left: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .review-card {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(0) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card {
      transform: translateZ(-550px) rotateY(0) translateZ(550px);
    }
  }

  @media screen and (max-width: 479px) {
    .review-card {
      transform: translateZ(-300px) rotateY(0) translateZ(300px);
    }
  }

  .review-card.is-item-02 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(45deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-02 {
      transform: translateZ(-550px) rotateY(45deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-02 {
      transform: translateZ(-375px) rotateY(45deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-02 {
      transform: translateZ(-280px) rotateY(45deg) translateZ(280px);
    }
  }

  .review-card.is-item-03 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(90deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-03 {
      transform: translateZ(-550px) rotateY(90deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-03 {
      transform: translateZ(-375px) rotateY(90deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-03 {
      transform: translateZ(-280px) rotateY(90deg) translateZ(280px);
    }
  }

  .review-card.is-item-04 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(135deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-04 {
      transform: translateZ(-550px) rotateY(135deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-04 {
      transform: translateZ(-375px) rotateY(135deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-04 {
      transform: translateZ(-280px) rotateY(135deg) translateZ(280px);
    }
  }

  .review-card.is-item-05 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(180deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-05 {
      transform: translateZ(-550px) rotateY(180deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-05 {
      transform: translateZ(-375px) rotateY(180deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-05 {
      transform: translateZ(-280px) rotateY(180deg) translateZ(280px);
    }
  }

  .review-card.is-item-06 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(225deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-06 {
      transform: translateZ(-550px) rotateY(225deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-06 {
      transform: translateZ(-375px) rotateY(225deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-06 {
      transform: translateZ(-280px) rotateY(225deg) translateZ(280px);
    }
  }

  .review-card.is-item-07 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(270deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-07 {
      transform: translateZ(-550px) rotateY(270deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-07 {
      transform: translateZ(-375px) rotateY(270deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-07 {
      transform: translateZ(-280px) rotateY(270deg) translateZ(280px);
    }
  }

  .review-card.is-item-08 {
    transform-style: preserve-3d;
    transform: translateZ(-450px) rotateY(315deg) translateZ(450px);
  }

  @media screen and (min-width: 1920px) {
    .review-card.is-item-08 {
      transform: translateZ(-550px) rotateY(315deg) translateZ(550px);
    }
  }

  @media screen and (max-width: 991px) {
    .review-card.is-item-08 {
      transform: translateZ(-375px) rotateY(315deg) translateZ(375px);
    }
  }

  @media screen and (max-width: 767px) {
    .review-card.is-item-08 {
      transform: translateZ(-280px) rotateY(315deg) translateZ(280px);
    }
  }

  .review-cont {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-2xl);
  }

  @media not all and (min-width: 992px) {
    .review-cont {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media (min-width: 1440px) {
    .review-cont {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .review-cont {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .review-detail {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .review-detail {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .review-excerpt {
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .review-excerpt {
      font-size: var(--_✍️-typography---tag--size);
    }
  }

  .review-image {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    width: var(--_↔️-size-variables---global-sizes--size-xl);
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xl);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--cream);
    flex: none;
  }

  @media not all and (min-width: 768px) {
    .review-image {
      height: var(--_↔️-size-variables---global-sizes--size-l);
      width: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .review-rating {
    width: 100%;
    max-width: var(--_↔️-size-variables---global-sizes--size-4xl);
    color: var(--_🎨-global-colors---color--gold);
  }

  .review-ring {
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    align-items: stretch;
    width: 325px;
    display: grid;
    position: relative;
  }

  @media not all and (min-width: 992px) {
    .review-ring {
      width: 275px;
    }
  }

  @media not all and (min-width: 768px) {
    .review-ring {
      width: 217px;
      height: auto;
    }
  }

  @media (min-width: 1920px) {
    .review-ring {
      width: calc(var(--spacing) * 100);
    }
  }

  .review-ring {
    transform-origin: 50% 50% -450px;
    transform-style: preserve-3d;
    grid-auto-columns: 1fr;
  }

  @media screen and (min-width: 1920px) {
    .review-ring {
      transform-origin: 50% 50% -550px;
    }
  }

  @media screen and (max-width: 991px) {
    .review-ring {
      transform-origin: 50% 50% -380px;
    }
  }

  @media screen and (max-width: 767px) {
    .review-ring {
      transform-origin: 50% 50% -330px;
    }
  }

  .review-role {
    font-size: var(--_✍️-typography---label--size);
    --tw-leading: var(--_✍️-typography---label--height);
    line-height: var(--_✍️-typography---label--height);
    --tw-tracking: var(--_✍️-typography---label--space);
    letter-spacing: var(--_✍️-typography---label--space);
  }

  @media not all and (min-width: 768px) {
    .review-role {
      font-size: var(--_✍️-typography---tag--size);
      --tw-leading: var(--_✍️-typography---tag--height);
      line-height: var(--_✍️-typography---tag--height);
      --tw-tracking: var(--_✍️-typography---tag--space);
      letter-spacing: var(--_✍️-typography---tag--space);
    }
  }

  .review-role {
    font-family: var(--_✍️-typography---label--font);
    font-weight: var(--_✍️-typography---label--weight);
  }

  @media screen and (max-width: 767px) {
    .review-role {
      font-family: var(--_✍️-typography---tag--font);
      font-weight: var(--_✍️-typography---tag--weight);
    }
  }

  .review-section {
    background-color: var(--_🎨-global-colors---color--cream);
  }

  .review-sticky {
    min-height: 100vh;
    padding-top: var(--global-variables--section-space);
    padding-bottom: var(--global-variables--section-space);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: sticky;
    top: 0;
  }

  @media not all and (min-width: 992px) {
    .review-sticky {
      min-height: 93vh;
    }
  }

  .review-text {
    font-size: var(--_↔️-size-variables---global-sizes--size-xxs);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .review-text {
      font-size: var(--_✍️-typography---heading-06-l--size);
      --tw-leading: var(--_✍️-typography---heading-06-l--height);
      line-height: var(--_✍️-typography---heading-06-l--height);
      --tw-tracking: var(--_✍️-typography---heading-06-l--space);
      letter-spacing: var(--_✍️-typography---heading-06-l--space);
    }
  }

  .review-text {
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  @media screen and (max-width: 767px) {
    .review-text {
      font-family: var(--_✍️-typography---heading-06-l--font);
      font-weight: var(--_✍️-typography---heading-06-l--weight);
    }
  }

  .review-wrap {
    perspective: 1000px;
    flex-flow: row;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  @media screen and (max-width: 767px) {
    .review-wrap {
      perspective: 1000px;
    }
  }

  .review-wrapp {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .review-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 768px) {
    .review-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1440px) {
    .review-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .review-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .search-block {
    width: 100%;
    max-width: calc(var(--spacing) * 300);
    margin-left: auto;
    margin-right: auto;
  }

  @media (min-width: 1440px) {
    .search-block {
      max-width: calc(var(--spacing) * 325);
    }
  }

  @media (min-width: 1920px) {
    .search-block {
      max-width: calc(var(--spacing) * 375);
    }
  }

  .search-btn {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    background-color: var(--_🎨-global-colors---color--black);
    padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---button--size);
    --tw-leading: var(--_✍️-typography---button--height);
    line-height: var(--_✍️-typography---button--height);
    --tw-tracking: var(--_✍️-typography---button--space);
    letter-spacing: var(--_✍️-typography---button--space);
    color: var(--_🎨-global-colors---color--white);
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media not all and (min-width: 768px) {
    .search-btn {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .search-btn {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
      padding-block: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .search-btn {
    font-family: var(--_✍️-typography---button--font);
    font-weight: var(--_✍️-typography---button--weight);
  }

  .search-btn.is-header {
    padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
    padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
  }

  @media not all and (min-width: 768px) {
    .search-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .search-btn.is-header {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .search-field {
    height: var(--_↔️-size-variables---global-sizes--size-xl);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    padding-inline: var(--_↔️-size-variables---global-sizes--size-3xs);
    padding-block: var(--_↔️-size-variables---global-sizes--size-6xs);
    font-size: var(--_✍️-typography---tag--size);
    --tw-leading: var(--_✍️-typography---tag--height);
    line-height: var(--_✍️-typography---tag--height);
    --tw-tracking: var(--_✍️-typography---tag--space);
    letter-spacing: var(--_✍️-typography---tag--space);
    color: var(--_🎨-global-colors---color--text);
    margin-bottom: 0;
  }

  @media (min-width: 1920px) {
    .search-field {
      height: var(--_↔️-size-variables---global-sizes--size-2xl);
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .search-field {
    font-family: var(--_✍️-typography---tag--font);
    font-weight: var(--_✍️-typography---tag--weight);
  }

  .search-field::placeholder {
    color: var(--_🎨-global-colors---color--text);
  }

  .search-item {
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-m);
  }

  @media not all and (min-width: 480px) {
    .search-item {
      padding: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1440px) {
    .search-item {
      padding: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1920px) {
    .search-item {
      padding: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .search-link {
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  .search-list {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 992px) {
    .search-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 768px) {
    .search-list {
      flex-flow: column;
      display: flex;
    }
  }

  @media not all and (min-width: 480px) {
    .search-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1440px) {
    .search-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1920px) {
    .search-list {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .search-list {
    grid-auto-columns: 1fr;
  }

  .search-slug {
    margin-top: var(--_↔️-size-variables---global-sizes--size-4xs);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    color: var(--_🎨-global-colors---color--black);
    opacity: .75;
  }

  @media not all and (min-width: 480px) {
    .search-slug {
      margin-top: var(--_↔️-size-variables---global-sizes--size-6xs);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .search-slug {
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
  }

  .search-wrapp {
    margin-right: auto;
    margin-bottom: var(--global-variables--text-space);
    width: 100%;
    max-width: calc(var(--spacing) * 150);
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-3xs);
    margin-left: auto;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .search-wrapp {
      padding: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media not all and (min-width: 768px) {
    .search-wrapp {
      max-width: 100%;
      padding: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .search-wrapp {
      padding: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .section-cont {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    text-align: center;
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .section-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media not all and (min-width: 480px) {
    .section-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    }
  }

  .section-cont.is-left {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-cont.is-variant-d052c610 {
    text-align: right;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .section-cont.is-horizontal {
    text-align: left;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: flex-end;
  }

  @media not all and (min-width: 768px) {
    .section-cont.is-horizontal {
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
  }

  .section-info {
    font-size: var(--_✍️-typography---heading-06-l--size);
    --tw-leading: var(--_✍️-typography---heading-06-l--height);
    line-height: var(--_✍️-typography---heading-06-l--height);
    --tw-tracking: var(--_✍️-typography---heading-06-l--space);
    letter-spacing: var(--_✍️-typography---heading-06-l--space);
    text-transform: uppercase;
    font-family: var(--_✍️-typography---heading-06-l--font);
    font-weight: var(--_✍️-typography---heading-06-l--weight);
  }

  .section-space {
    padding-top: var(--global-variables--section-space);
    padding-bottom: var(--global-variables--section-space);
  }

  .section-title {
    color: var(--_🎨-global-colors---color--black);
  }

  .service-card {
    width: 100%;
    padding-top: var(--global-variables--text-space);
    padding-bottom: var(--global-variables--text-space);
    font-size: var(--_✍️-typography---heading-04-l--size);
    --tw-leading: var(--_✍️-typography---heading-04-l--height);
    line-height: var(--_✍️-typography---heading-04-l--height);
    --tw-tracking: var(--_✍️-typography---heading-04-l--space);
    letter-spacing: var(--_✍️-typography---heading-04-l--space);
    color: var(--_🎨-global-colors---color--black);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .service-card {
      font-size: var(--_✍️-typography---heading-05-l--size);
      --tw-leading: var(--_✍️-typography---heading-05-l--height);
      line-height: var(--_✍️-typography---heading-05-l--height);
      --tw-tracking: var(--_✍️-typography---heading-05-l--space);
      letter-spacing: var(--_✍️-typography---heading-05-l--space);
    }
  }

  .service-card {
    border-bottom: var(--_↔️-size-variables---global-sizes--size-tiny) dashed var(--_🎨-global-colors---color--gray);
    font-family: var(--_✍️-typography---heading-04-l--font);
    font-weight: var(--_✍️-typography---heading-04-l--weight);
    transition: padding .3s, background-color .3s;
  }

  @media screen and (max-width: 767px) {
    .service-card {
      font-family: var(--_✍️-typography---heading-05-l--font);
      font-weight: var(--_✍️-typography---heading-05-l--weight);
    }
  }

  .service-card:hover {
    background-color: var(--_🎨-global-colors---color--cream);
    padding-right: var(--_↔️-size-variables---global-sizes--size-m);
    padding-left: var(--_↔️-size-variables---global-sizes--size-m);
  }

  @media not all and (min-width: 992px) {
    .service-card:hover {
      padding-right: var(--_↔️-size-variables---global-sizes--size-xs);
      padding-left: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 768px) {
    .service-card:hover {
      padding-right: var(--_↔️-size-variables---global-sizes--size-3xs);
      padding-left: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1440px) {
    .service-card:hover {
      padding-right: var(--_↔️-size-variables---global-sizes--size-l);
      padding-left: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1920px) {
    .service-card:hover {
      padding-right: var(--_↔️-size-variables---global-sizes--size-xl);
      padding-left: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .service-cont {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    flex: none;
    display: flex;
    position: relative;
  }

  .service-descp {
    width: 100%;
    max-width: var(--global-variables--utility-width);
    justify-content: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-m);
    row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: clip;
  }

  @media not all and (min-width: 768px) {
    .service-descp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .service-descp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .service-grid {
    margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  @media not all and (min-width: 768px) {
    .service-grid {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .service-grid {
      margin-top: var(--_↔️-size-variables---global-sizes--size-l);
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .service-grid {
    grid-auto-columns: 1fr;
  }

  .service-icon {
    height: var(--_↔️-size-variables---global-sizes--size-3xs);
    width: var(--_↔️-size-variables---global-sizes--size-3xs);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .service-icon {
      height: var(--_↔️-size-variables---global-sizes--size-4xs);
      width: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media not all and (min-width: 480px) {
    .service-icon {
      height: var(--_↔️-size-variables---global-sizes--size-4xs);
      width: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .service-image {
    height: 100%;
  }

  .service-img {
    height: var(--_↔️-size-variables---global-sizes--size-4xl);
    width: 135px;
    max-width: none;
  }

  @media not all and (min-width: 992px) {
    .service-img {
      display: none;
    }
  }

  @media (min-width: 1440px) {
    .service-img {
      right: calc(var(--spacing) * -50);
      height: var(--_↔️-size-variables---global-sizes--size-7xl);
      width: 175px;
    }
  }

  @media (min-width: 1920px) {
    .service-img {
      height: var(--_↔️-size-variables---global-sizes--size-9xl);
      width: calc(var(--spacing) * 50);
      right: -250px;
    }
  }

  .service-text {
    margin-top: var(--global-variables--reverse-margin);
    margin-bottom: var(--global-variables--reverse-margin);
  }

  .service-text :is(h2) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-m);
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-3xs);
    font-size: var(--_✍️-typography---heading-02-s--size);
    --tw-leading: var(--_✍️-typography---heading-02-s--height);
    line-height: var(--_✍️-typography---heading-02-s--height);
    --tw-tracking: var(--_✍️-typography---heading-02-s--space);
    letter-spacing: var(--_✍️-typography---heading-02-s--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .service-text :is(h2) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xs);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  @media (min-width: 1920px) {
    .service-text :is(h2) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-l);
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .service-text :is(h2) {
    font-family: var(--_✍️-typography---heading-02-s--font);
    font-weight: var(--_✍️-typography---heading-02-s--weight);
  }

  .service-text :is(p) {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
  }

  @media not all and (min-width: 768px) {
    .service-text :is(p) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .service-text :is(p) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .service-text :is(ul) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    column-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .service-text :is(ul) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .service-title {
    z-index: 5;
  }

  @media not all and (min-width: 992px) {
    .service-title {
      position: static;
    }
  }

  .service-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 0;
    height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .services-cont {
    padding-bottom: var(--global-variables--text-space);
    border-bottom: var(--_↔️-size-variables---global-sizes--size-tiny) dashed var(--_🎨-global-colors---color--gray);
  }

  .services-section {
    padding-bottom: var(--global-variables--section-space);
  }

  .solutions-block {
    justify-content: space-between;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .solutions-block {
      align-items: flex-start;
      column-gap: var(--global-variables--text-space);
      row-gap: var(--global-variables--text-space);
      flex-flow: column;
    }
  }

  @media not all and (min-width: 768px) {
    .solutions-block {
      flex-flow: column;
    }
  }

  .solutions-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--cream);
    padding-inline: var(--_↔️-size-variables---global-sizes--size-l);
    padding-block: var(--_↔️-size-variables---global-sizes--size-xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .solutions-card {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-m);
      padding-block: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media not all and (min-width: 480px) {
    .solutions-card {
      padding-inline: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding-block: var(--_↔️-size-variables---global-sizes--size-s);
    }
  }

  .solutions-cont {
    top: var(--_↔️-size-variables---global-sizes--size-5xl);
    width: calc(var(--spacing) * 150);
    flex: none;
    position: sticky;
  }

  @media not all and (min-width: 992px) {
    .solutions-cont {
      width: auto;
      position: static;
    }
  }

  @media (min-width: 1440px) {
    .solutions-cont {
      width: calc(var(--spacing) * 175);
    }
  }

  @media (min-width: 1920px) {
    .solutions-cont {
      top: var(--_↔️-size-variables---global-sizes--size-6xl);
      width: calc(var(--spacing) * 225);
    }
  }

  .solutions-details {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .solutions-icon {
    margin-top: calc(var(--spacing) * -3);
    height: var(--_↔️-size-variables---global-sizes--size-l);
    width: var(--_↔️-size-variables---global-sizes--size-l);
    border-radius: var(--_↔️-size-variables---border-radius--radius-l);
    padding-right: var(--_↔️-size-variables---global-sizes--size-4xs);
    padding-left: var(--_↔️-size-variables---global-sizes--size-4xs);
    color: var(--_🎨-global-colors---color--black);
    flex: none;
  }

  .solutions-info {
    width: 100%;
    max-width: calc(var(--spacing) * 145);
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    flex-flow: column;
    display: flex;
  }

  .solutions-item {
    top: var(--_↔️-size-variables---global-sizes--size-5xl);
    position: sticky;
  }

  @media not all and (min-width: 992px) {
    .solutions-item {
      position: static;
    }
  }

  @media (min-width: 1920px) {
    .solutions-item {
      top: var(--_↔️-size-variables---global-sizes--size-6xl);
    }
  }

  .solutions-list {
    column-gap: var(--global-variables--text-space);
    row-gap: var(--global-variables--text-space);
    flex-flow: column;
    display: flex;
    position: relative;
  }

  .solutions-section {
    padding-bottom: var(--global-variables--section-space);
  }

  .solutions-thumb {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
  }

  .solutions-title {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
    display: flex;
  }

  .solutions-wrap {
    width: 100%;
    max-width: calc(var(--spacing) * 225);
  }

  .stories-block {
    column-gap: var(--global-variables--section-space);
    row-gap: var(--global-variables--section-space);
    flex-flow: column;
    display: flex;
  }

  .stories-info {
    flex: none;
  }

  .stories-logos {
    padding-bottom: var(--global-variables--text-space);
    flex-flow: row;
  }

  .stories-section {
    padding-top: var(--global-variables--section-space);
  }

  .stories-section.is-border-for-home-two {
    border-bottom: var(--_↔️-size-variables---global-sizes--size-tiny) solid var(--_🎨-global-colors---color--stroke);
  }

  .stories-title {
    width: 100%;
    max-width: calc(var(--spacing) * 150);
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .stories-title {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media not all and (min-width: 768px) {
    .stories-title {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
      max-width: 100%;
    }
  }

  @media not all and (min-width: 480px) {
    .stories-title {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1440px) {
    .stories-title {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      max-width: 750px;
    }
  }

  @media (min-width: 1920px) {
    .stories-title {
      max-width: calc(var(--spacing) * 225);
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .stories-wrapp {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .stories-wrapp {
      justify-content: flex-start;
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      flex-flow: column;
    }
  }

  @media not all and (min-width: 480px) {
    .stories-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .style-guide-block {
    column-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    row-gap: var(--_↔️-size-variables---global-sizes--size-2xl);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .style-guide-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  @media not all and (min-width: 480px) {
    .style-guide-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  @media (min-width: 1440px) {
    .style-guide-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxl);
    }
  }

  @media (min-width: 1920px) {
    .style-guide-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-4xl);
    }
  }

  .style-guide-button {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: row;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .style-guide-button {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 768px) {
    .style-guide-button {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media not all and (min-width: 480px) {
    .style-guide-button {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .style-guide-button {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .style-guide-grid {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-l);
    grid-template-rows: auto;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  @media not all and (min-width: 992px) {
    .style-guide-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding: var(--_↔️-size-variables---global-sizes--size-m);
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 768px) {
    .style-guide-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media not all and (min-width: 480px) {
    .style-guide-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      padding: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1440px) {
    .style-guide-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1920px) {
    .style-guide-grid {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
      padding: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .style-guide-title {
    font-size: var(--_✍️-typography---heading-03-l--size);
    --tw-leading: var(--_✍️-typography---heading-03-l--height);
    line-height: var(--_✍️-typography---heading-03-l--height);
    --tw-tracking: var(--_✍️-typography---heading-03-l--space);
    letter-spacing: var(--_✍️-typography---heading-03-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-03-l--font);
    font-weight: var(--_✍️-typography---heading-03-l--weight);
  }

  .style-guide-wrap {
    background-color: var(--_🎨-global-colors---color--cream);
    padding: var(--_↔️-size-variables---global-sizes--size-l);
  }

  @media not all and (min-width: 992px) {
    .style-guide-wrap {
      padding: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 480px) {
    .style-guide-wrap {
      padding: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media (min-width: 1920px) {
    .style-guide-wrap {
      padding: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .style-guide-wrapp {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .style-guide-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media not all and (min-width: 768px) {
    .style-guide-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1440px) {
    .style-guide-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media (min-width: 1920px) {
    .style-guide-wrapp {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .top {
    height: var(--_↔️-size-variables---global-sizes--size-9xs);
    width: var(--_↔️-size-variables---global-sizes--size-xxs);
    border-radius: var(--_↔️-size-variables---border-radius--radius-9xs);
    background-color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 992px) {
    .top {
      flex: none;
    }
  }

  .typography-block {
    justify-content: space-between;
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: row;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .typography-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      flex-flow: column;
    }
  }

  @media not all and (min-width: 768px) {
    .typography-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media not all and (min-width: 480px) {
    .typography-info {
      font-size: 14px;
    }
  }

  .typography-info-wrap {
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  @media not all and (min-width: 480px) {
    .typography-info-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1440px) {
    .typography-info-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .typography-info-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  .typography-left-block {
    width: 100%;
    max-width: calc(var(--spacing) * 65);
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 5);
    flex-flow: column;
    flex: none;
  }

  @media not all and (min-width: 992px) {
    .typography-left-block {
      max-width: 100%;
    }
  }

  @media not all and (min-width: 768px) {
    .typography-left-block {
      gap: 10px;
    }
  }

  @media (min-width: 1920px) {
    .typography-left-block {
      max-width: calc(var(--spacing) * 90);
    }
  }

  .typography-name {
    font-size: var(--_✍️-typography---heading-01-l--size);
    --tw-leading: var(--_✍️-typography---heading-01-l--height);
    line-height: var(--_✍️-typography---heading-01-l--height);
    --tw-tracking: var(--_✍️-typography---heading-01-l--space);
    letter-spacing: var(--_✍️-typography---heading-01-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-01-l--font);
    font-weight: var(--_✍️-typography---heading-01-l--weight);
  }

  .typography-right-block {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-m);
    row-gap: var(--_↔️-size-variables---global-sizes--size-m);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    border-color: var(--_🎨-global-colors---color--stroke);
    background-color: var(--_🎨-global-colors---color--white);
    width: 100%;
    max-width: 590px;
    padding: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .typography-right-block {
      max-width: 100%;
      padding: var(--_↔️-size-variables---global-sizes--size-m);
    }
  }

  @media not all and (min-width: 480px) {
    .typography-right-block {
      padding: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1280px) {
    .typography-right-block {
      max-width: 690px;
    }
  }

  @media (min-width: 1440px) {
    .typography-right-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-l);
      row-gap: var(--_↔️-size-variables---global-sizes--size-l);
      max-width: 770px;
    }
  }

  @media (min-width: 1920px) {
    .typography-right-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      max-width: 970px;
      padding: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .typography-subtitle {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-6xs);
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 992px) {
    .typography-subtitle {
      margin-top: var(--_↔️-size-variables---global-sizes--size-8xs);
    }
  }

  @media (min-width: 1440px) {
    .typography-subtitle {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-5xs);
    }
  }

  @media (min-width: 1920px) {
    .typography-subtitle {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .typography-subtitle {
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  .typography-summary {
    word-break: break-all;
  }

  @media not all and (min-width: 480px) {
    .typography-text {
      font-size: 14px;
    }
  }

  .typography-text-wrap {
    width: 100%;
    max-width: var(--_↔️-size-variables---global-sizes--size-xxl);
    flex: none;
  }

  @media (min-width: 1280px) {
    .typography-text-wrap {
      max-width: var(--_↔️-size-variables---global-sizes--size-6xl);
    }
  }

  @media (min-width: 1920px) {
    .typography-text-wrap {
      max-width: var(--_↔️-size-variables---global-sizes--size-9xl);
    }
  }

  .typography-title {
    color: var(--_🎨-global-colors---color--black);
    word-break: break-all;
  }

  .typography-wrap {
    justify-content: flex-start;
    align-items: center;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    width: 100%;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .typography-wrap {
      justify-content: flex-start;
      align-items: flex-start;
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      flex-flow: column;
    }
  }

  @media not all and (min-width: 480px) {
    .typography-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media (min-width: 1280px) {
    .typography-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .utility-block {
    width: 100%;
    max-width: var(--global-variables--utility-width);
    column-gap: var(--_↔️-size-variables---global-sizes--size-l);
    row-gap: var(--_↔️-size-variables---global-sizes--size-l);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1.18fr 1fr;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  @media not all and (min-width: 992px) {
    .utility-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-m);
      row-gap: var(--_↔️-size-variables---global-sizes--size-m);
      grid-template-columns: 1.18fr;
    }
  }

  @media not all and (min-width: 480px) {
    .utility-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .utility-block {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xl);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xl);
    }
  }

  .utility-block {
    grid-auto-columns: 1fr;
  }

  .utility-card {
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    background-color: var(--_🎨-global-colors---color--cream);
    width: 100%;
    max-width: 100%;
    padding: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    display: flex;
  }

  @media not all and (min-width: 768px) {
    .utility-card {
      padding: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  @media not all and (min-width: 480px) {
    .utility-card {
      padding: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .utility-cont {
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-4xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1440px) {
    .utility-cont {
      column-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  .utility-link {
    transition: color .3s;
  }

  @media screen and (max-width: 767px) {
    .utility-link {
      word-break: break-all;
    }
  }

  .utility-link:hover {
    color: var(--_🎨-global-colors---color--black);
  }

  .utility-list {
    column-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-6xs);
    flex-flow: column;
    display: flex;
  }

  .utility-title {
    font-size: var(--_✍️-typography---heading-04-l--size);
    --tw-leading: var(--_✍️-typography---heading-04-l--height);
    line-height: var(--_✍️-typography---heading-04-l--height);
    --tw-tracking: var(--_✍️-typography---heading-04-l--space);
    letter-spacing: var(--_✍️-typography---heading-04-l--space);
    color: var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-04-l--font);
    font-weight: var(--_✍️-typography---heading-04-l--weight);
  }

  .utility-wrap {
    justify-content: space-between;
    column-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1440px) {
    .utility-wrap {
      column-gap: var(--_↔️-size-variables---global-sizes--size-xs);
      row-gap: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .video-block {
    height: var(--global-variables--image-height);
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
    position: relative;
  }

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

  .video-play {
    z-index: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: var(--_↔️-size-variables---global-sizes--size-xs);
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    inset: 0;
  }

  @media not all and (min-width: 992px) {
    .video-play {
      padding: var(--_↔️-size-variables---global-sizes--size-3xs);
    }
  }

  @media not all and (min-width: 480px) {
    .video-play {
      padding: var(--_↔️-size-variables---global-sizes--size-4xs);
    }
  }

  .video-state {
    height: var(--_↔️-size-variables---global-sizes--size-l);
    width: var(--_↔️-size-variables---global-sizes--size-l);
    border-radius: var(--_↔️-size-variables---border-radius--radius-l);
    border-style: var(--tw-border-style);
    border-width: var(--_↔️-size-variables---global-sizes--size-tiny);
    --tw-border-style: solid;
    color: var(--_🎨-global-colors---color--white);
    background-color: #fff3;
    border-style: solid;
    border-color: #ffffff80;
  }

  @media not all and (min-width: 992px) {
    .video-state {
      height: var(--_↔️-size-variables---global-sizes--size-m);
      width: var(--_↔️-size-variables---global-sizes--size-m);
      border-radius: var(--_↔️-size-variables---border-radius--radius-m);
    }
  }

  .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
    outline-offset: 2px;
    border-radius: 3.40282e38px;
    outline: 2px solid #3b79c3;
  }

  .w-layout-blockcontainer {
    max-width: calc(var(--spacing) * 235);
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  @media not all and (min-width: 992px) {
    .w-layout-blockcontainer {
      max-width: calc(var(--spacing) * 182);
    }
  }

  @media not all and (min-width: 768px) {
    .w-layout-blockcontainer {
      max-width: none;
    }
  }

  .w-layout-grid {
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 4);
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
  }

  .header-nav, .header-navbar, .header-bg {
    grid-template-columns: 1fr 1fr;
  }

  .footer-menus {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .blog-list.is-two-column, .contact-block, .projects-list.is-one-column {
    grid-template-columns: 1fr 1fr;
  }

  @media screen and (max-width: 479px) {
    .projects-list.is-one-column {
      grid-template-columns: 1fr;
    }
  }

  .style-guide-grid {
    display: grid;
  }

  .blog-descp :is(ul, ol, blockquote) {
    margin-bottom: var(--_↔️-size-variables---global-sizes--size-m);
  }

  @media not all and (min-width: 768px) {
    .blog-descp :is(ul, ol, blockquote) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  @media (min-width: 1920px) {
    .blog-descp :is(ul, ol, blockquote) {
      margin-bottom: var(--_↔️-size-variables---global-sizes--size-l);
    }
  }

  .blog-descp :is(ol) {
    margin-top: var(--_↔️-size-variables---global-sizes--size-3xs);
    column-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    row-gap: var(--_↔️-size-variables---global-sizes--size-8xs);
    flex-flow: column;
    display: flex;
  }

  @media (min-width: 1920px) {
    .blog-descp :is(ol) {
      margin-top: var(--_↔️-size-variables---global-sizes--size-xxs);
    }
  }

  .blog-descp :is(blockquote) {
    padding-left: var(--_↔️-size-variables---global-sizes--size-s);
    font-size: var(--_✍️-typography---heading-05-l--size);
    --tw-leading: var(--_✍️-typography---heading-05-l--height);
    line-height: var(--_✍️-typography---heading-05-l--height);
    --tw-tracking: var(--_✍️-typography---heading-05-l--space);
    letter-spacing: var(--_✍️-typography---heading-05-l--space);
    color: var(--_🎨-global-colors---color--black);
  }

  @media not all and (min-width: 768px) {
    .blog-descp :is(blockquote) {
      padding-left: var(--_↔️-size-variables---global-sizes--size-xs);
    }
  }

  .blog-descp :is(blockquote) {
    border-left: 2px solid var(--_🎨-global-colors---color--black);
    font-family: var(--_✍️-typography---heading-05-l--font);
    font-weight: var(--_✍️-typography---heading-05-l--weight);
  }

  .blog-descp :is(blockquote) p {
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin-bottom: 0;
  }

  .blog-descp :is(strong) {
    color: var(--_🎨-global-colors---color--black);
    font-weight: 600;
  }

  .blog-descp :is(a) {
    text-underline-offset: 3px;
    text-decoration: underline;
  }

  .blog-descp :is(img) {
    width: 100%;
  }
}

@layer utilities {
  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 480px) {
    .container {
      max-width: 480px;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }

  @media (min-width: 992px) {
    .container {
      max-width: 992px;
    }
  }

  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1440px) {
    .container {
      max-width: 1440px;
    }
  }

  @media (min-width: 1920px) {
    .container {
      max-width: 1920px;
    }
  }

  .block {
    display: block;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .rounded {
    border-radius: .25rem;
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}

:root {
  --border-radius--radius-2xl: 56px;
  --border-radius--radius-3xl: 72px;
  --border-radius--radius-3xs: 16px;
  --border-radius--radius-4xl: 80px;
  --border-radius--radius-4xs: 12px;
  --border-radius--radius-5xl: 88px;
  --border-radius--radius-5xs: 10px;
  --border-radius--radius-6xl: 96px;
  --border-radius--radius-6xs: 8px;
  --border-radius--radius-7xl: 104px;
  --border-radius--radius-7xs: 6px;
  --border-radius--radius-8xl: 112px;
  --border-radius--radius-8xs: 4px;
  --border-radius--radius-9xl: 120px;
  --border-radius--radius-9xs: 2px;
  --border-radius--radius-l: 40px;
  --border-radius--radius-m: 32px;
  --border-radius--radius-s: 28px;
  --border-radius--radius-tiny: 1px;
  --border-radius--radius-xl: 48px;
  --border-radius--radius-xs: 24px;
  --border-radius--radius-xxl: 64px;
  --border-radius--radius-xxs: 20px;
  --border-radius--radius-zero: 0px;
  --button--font: var(--font-family--heading);
  --button--height: var(--line-height--3xs);
  --button--size: 16px;
  --button--space: 0em;
  --button--weight: var(--font-weight--semi-bold);
  --button-height: 48px;
  --color--black: black;
  --color--cream: #f6f6f6;
  --color--gold: #f9ae0e;
  --color--gray: #8d8d8d;
  --color--stroke: #ededed;
  --color--text: #5b5b5b;
  --color--transparent: transparent;
  --color--white: white;
  --container-size: 1232px;
  --font-family--heading: "Bricolage Grotesque", sans-serif;
  --font-family--paragraph: "Inter Tight", sans-serif;
  --font-weight--black: 900;
  --font-weight--bold: 700;
  --font-weight--extra-bold: 800;
  --font-weight--extra-light: 200;
  --font-weight--light: 300;
  --font-weight--medium: 500;
  --font-weight--normal: 400;
  --font-weight--semi-bold: 600;
  --font-weight--thin: 100;
  --global-sizes--size-2xl: 56px;
  --global-sizes--size-3xl: 72px;
  --global-sizes--size-3xs: 16px;
  --global-sizes--size-4xl: 80px;
  --global-sizes--size-4xs: 12px;
  --global-sizes--size-5xl: 88px;
  --global-sizes--size-5xs: 10px;
  --global-sizes--size-6xl: 96px;
  --global-sizes--size-6xs: 8px;
  --global-sizes--size-7xl: 104px;
  --global-sizes--size-7xs: 6px;
  --global-sizes--size-8xl: 112px;
  --global-sizes--size-8xs: 4px;
  --global-sizes--size-9xl: 120px;
  --global-sizes--size-9xs: 2px;
  --global-sizes--size-l: 40px;
  --global-sizes--size-m: 32px;
  --global-sizes--size-s: 28px;
  --global-sizes--size-tiny: 1px;
  --global-sizes--size-xl: 48px;
  --global-sizes--size-xs: 24px;
  --global-sizes--size-xxl: 64px;
  --global-sizes--size-xxs: 20px;
  --global-sizes--size-zero: 0px;
  --heading-01-l--font: var(--font-family--heading);
  --heading-01-l--height: var(--line-height--3xs);
  --heading-01-l--size: 64px;
  --heading-01-l--space: 0em;
  --heading-01-l--weight: var(--font-weight--semi-bold);
  --heading-01-m--font: var(--font-family--heading);
  --heading-01-m--height: var(--line-height--3xs);
  --heading-01-m--size: 48px;
  --heading-01-m--space: 0em;
  --heading-01-m--weight: var(--font-weight--semi-bold);
  --heading-01-s--font: var(--font-family--heading);
  --heading-01-s--height: var(--line-height--3xs);
  --heading-01-s--size: 48px;
  --heading-01-s--space: 0em;
  --heading-01-s--weight: var(--font-weight--semi-bold);
  --heading-01-xs--font: var(--font-family--heading);
  --heading-01-xs--height: var(--line-height--3xs);
  --heading-01-xs--size: 32px;
  --heading-01-xs--space: 0em;
  --heading-01-xs--weight: var(--font-weight--semi-bold);
  --heading-02-l--font: var(--font-family--heading);
  --heading-02-l--height: var(--line-height--3xs);
  --heading-02-l--size: 48px;
  --heading-02-l--space: 0em;
  --heading-02-l--weight: var(--font-weight--semi-bold);
  --heading-02-m--font: var(--font-family--heading);
  --heading-02-m--height: var(--line-height--3xs);
  --heading-02-m--size: 32px;
  --heading-02-m--space: 0em;
  --heading-02-m--weight: var(--font-weight--semi-bold);
  --heading-02-s--font: var(--font-family--heading);
  --heading-02-s--height: var(--line-height--3xs);
  --heading-02-s--size: 24px;
  --heading-02-s--space: 0em;
  --heading-02-s--weight: var(--font-weight--semi-bold);
  --heading-02-xs--font: var(--font-family--heading);
  --heading-02-xs--height: var(--line-height--3xs);
  --heading-02-xs--size: 20px;
  --heading-02-xs--space: 0em;
  --heading-02-xs--weight: var(--font-weight--semi-bold);
  --heading-03-l--font: var(--font-family--heading);
  --heading-03-l--height: var(--line-height--3xs);
  --heading-03-l--size: 32px;
  --heading-03-l--space: 0em;
  --heading-03-l--weight: var(--font-weight--semi-bold);
  --heading-03-m--font: var(--font-family--heading);
  --heading-03-m--height: var(--line-height--3xs);
  --heading-03-m--size: 24px;
  --heading-03-m--space: 0em;
  --heading-03-m--weight: var(--font-weight--semi-bold);
  --heading-03-s--font: var(--font-family--heading);
  --heading-03-s--height: var(--line-height--xxs);
  --heading-03-s--size: 0px;
  --heading-03-s--space: 0em;
  --heading-03-s--weight: var(--font-weight--medium);
  --heading-04-l--font: var(--font-family--heading);
  --heading-04-l--height: var(--line-height--3xs);
  --heading-04-l--size: 24px;
  --heading-04-l--space: 0em;
  --heading-04-l--weight: var(--font-weight--semi-bold);
  --heading-04-m--font: var(--font-family--heading);
  --heading-04-m--height: var(--line-height--xxs);
  --heading-04-m--size: 0px;
  --heading-04-m--space: 0em;
  --heading-04-m--weight: var(--font-weight--medium);
  --heading-04-s--font: var(--font-family--heading);
  --heading-04-s--height: var(--line-height--xxs);
  --heading-04-s--size: 0px;
  --heading-04-s--space: 0em;
  --heading-04-s--weight: var(--font-weight--medium);
  --heading-05-l--font: var(--font-family--heading);
  --heading-05-l--height: var(--line-height--3xs);
  --heading-05-l--size: 20px;
  --heading-05-l--space: 0em;
  --heading-05-l--weight: var(--font-weight--semi-bold);
  --heading-05-m--font: var(--font-family--heading);
  --heading-05-m--height: var(--line-height--xxs);
  --heading-05-m--size: 0px;
  --heading-05-m--space: 0em;
  --heading-05-m--weight: var(--font-weight--medium);
  --heading-05-s--font: var(--font-family--heading);
  --heading-05-s--height: var(--line-height--xxs);
  --heading-05-s--size: 0px;
  --heading-05-s--space: 0em;
  --heading-05-s--weight: var(--font-weight--medium);
  --heading-06-l--font: var(--font-family--heading);
  --heading-06-l--height: var(--line-height--3xs);
  --heading-06-l--size: 18px;
  --heading-06-l--space: 0em;
  --heading-06-l--weight: var(--font-weight--semi-bold);
  --heading-06-m--font: var(--font-family--heading);
  --heading-06-m--height: var(--line-height--xxs);
  --heading-06-m--size: 0px;
  --heading-06-m--space: 0em;
  --heading-06-m--weight: var(--font-weight--medium);
  --heading-06-s--font: var(--font-family--heading);
  --heading-06-s--height: var(--line-height--xxs);
  --heading-06-s--size: 0px;
  --heading-06-s--space: 0em;
  --heading-06-s--weight: var(--font-weight--medium);
  --hero-space: 130px;
  --image-height: 550px;
  --label--font: var(--font-family--heading);
  --label--height: var(--line-height--3xs);
  --label--size: 16px;
  --label--space: 0em;
  --label--weight: var(--font-weight--normal);
  --leading-l: 1.6;
  --leading-m: 1.5;
  --leading-s: 1.4;
  --leading-xl: 1.7;
  --leading-xs: 1.3;
  --leading-xxl: 1.8;
  --leading-xxs: 1.2;
  --line-height--2xl: 1.9;
  --line-height--2xs: 1.1;
  --line-height--3xl: 2;
  --line-height--3xs: 1;
  --neutral--00: #fafafa;
  --neutral--100: #e5e5e5;
  --neutral--200: #d4d4d4;
  --neutral--300: #a3a3a3;
  --neutral--400: #737373;
  --neutral--50: whitesmoke;
  --neutral--500: #525252;
  --neutral--600: #404040;
  --neutral--700: #262626;
  --neutral--75: #e5e5e5;
  --neutral--800: #171717;
  --neutral--900: black;
  --paragraph--font: var(--font-family--paragraph);
  --paragraph--height: var(--line-height--s);
  --paragraph--size: 16px;
  --paragraph--space: .016em;
  --paragraph--weight: var(--font-weight--normal);
  --primary--00: #f8faff;
  --primary--100: #dce8ff;
  --primary--200: #c2d5ff;
  --primary--300: #9dbbff;
  --primary--400: #719aff;
  --primary--50: #f0f5ff;
  --primary--500: #4a78ff;
  --primary--600: #315ee8;
  --primary--700: #264ac2;
  --primary--75: #e8f0ff;
  --primary--800: #203c9b;
  --primary--900: #1d357a;
  --reverse-margin: -32px;
  --section-empty: 0px;
  --section-space: 100px;
  --tag--font: var(--font-family--heading);
  --tag--height: var(--line-height--3xs);
  --tag--size: 14px;
  --tag--space: 0em;
  --tag--weight: var(--font-weight--medium);
  --text-space: 48px;
  --utility-width: 700px;
  --white--00: #333;
  --white--100: #858585;
  --white--200: #aaa;
  --white--300: #c5c5c5;
  --white--400: #d8d8d8;
  --white--50: #5c5c5c;
  --white--500: #e6e6e6;
  --white--600: #eee;
  --white--700: whitesmoke;
  --white--75: #707070;
  --white--800: #fafafa;
  --white--900: white;
}

@media screen and (min-width: 1440px) {
  :root {
    --container-size: 1392px;
    --heading-01-l--size: 80px;
    --heading-01-m--size: 56px;
    --heading-01-s--size: 56px;
    --heading-01-xs--size: 40px;
    --heading-02-l--size: 56px;
    --heading-02-m--size: 40px;
    --heading-02-s--size: 28px;
    --heading-03-l--size: 40px;
    --heading-03-m--size: 28px;
    --heading-04-l--size: 28px;
    --image-height: 600px;
    --section-space: 130px;
    --text-space: 56px;
    --utility-width: 750px;
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --button--size: 18px;
    --button-height: 58px;
    --container-size: 1852px;
    --heading-01-l--size: 100px;
    --heading-01-m--size: 64px;
    --heading-01-s--size: 64px;
    --heading-01-xs--size: 48px;
    --heading-02-l--size: 64px;
    --heading-02-m--size: 48px;
    --heading-02-s--size: 36px;
    --heading-02-xs--size: 24px;
    --heading-03-l--size: 48px;
    --heading-03-m--size: 36px;
    --heading-04-l--size: 36px;
    --heading-05-l--size: 24px;
    --hero-space: 150px;
    --image-height: 800px;
    --reverse-margin: -40px;
    --section-space: 160px;
    --text-space: 60px;
    --utility-width: 900px;
  }
}

@media screen and (max-width: 991px) {
  :root {
    --container-size: 820px;
    --heading-01-l--size: 48px;
    --heading-01-m--size: 40px;
    --heading-01-s--size: 40px;
    --heading-02-l--size: 40px;
    --hero-space: 110px;
    --image-height: 400px;
    --section-space: 80px;
    --text-space: 40px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --button--size: 14px;
    --button-height: 38px;
    --container-size: 665px;
    --heading-01-l--size: 40px;
    --heading-01-m--size: 32px;
    --heading-01-s--size: 32px;
    --heading-01-xs--size: 28px;
    --heading-02-l--size: 32px;
    --heading-02-m--size: 28px;
    --heading-03-l--size: 28px;
    --heading-06-l--size: 16px;
    --hero-space: 90px;
    --image-height: 300px;
    --reverse-margin: -24px;
    --section-space: 60px;
    --text-space: 32px;
  }
}

@media screen and (max-width: 479px) {
  :root {
    --button--size: 14px;
    --button-height: 38px;
    --container-size: 430px;
    --heading-01-l--size: 36px;
    --heading-01-m--size: 32px;
    --heading-01-s--size: 24px;
    --heading-01-xs--size: 28px;
    --heading-02-l--size: 32px;
    --heading-02-m--size: 28px;
    --heading-03-l--size: 28px;
    --heading-06-l--size: 16px;
    --hero-space: 90px;
    --image-height: 200px;
    --reverse-margin: -24px;
    --section-space: 60px;
    --text-space: 24px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.slider-mask {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  display: flex;
  overflow: hidden;
}

.slider-mask::-webkit-scrollbar {
  display: none;
}

.slider-mask > * {
  scroll-snap-align: start;
  flex: 0 0 100%;
}

.prose {
  color: var(--_🎨-global-colors---color--text);
}

.prose > * + * {
  margin-top: 20px;
}

.prose :is(h2, h3, h4, h5, h6) {
  margin-top: 40px;
  margin-bottom: 20px;
}

.prose :is(h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}

.prose h2 {
  font-family: var(--_✍️-typography---heading-04-l--font);
  font-size: var(--_✍️-typography---heading-04-l--size);
  font-weight: var(--_✍️-typography---heading-04-l--weight);
  letter-spacing: var(--_✍️-typography---heading-04-l--space);
  line-height: var(--_✍️-typography---heading-04-l--height);
}

.prose h3 {
  font-family: var(--_✍️-typography---heading-05-l--font);
  font-size: var(--_✍️-typography---heading-05-l--size);
  font-weight: var(--_✍️-typography---heading-05-l--weight);
  letter-spacing: var(--_✍️-typography---heading-05-l--space);
  line-height: var(--_✍️-typography---heading-05-l--height);
}

.prose h4, .prose h5, .prose h6 {
  font-family: var(--_✍️-typography---heading-06-l--font);
  font-size: var(--_✍️-typography---heading-06-l--size);
  font-weight: var(--_✍️-typography---heading-06-l--weight);
  letter-spacing: var(--_✍️-typography---heading-06-l--space);
  line-height: var(--_✍️-typography---heading-06-l--height);
}

.prose ul {
  padding-left: 24px;
  list-style: outside;
}

.prose ol {
  padding-left: 24px;
  list-style: decimal;
}

.prose li + li, .prose :is(ul, ol) :is(ul, ol) {
  margin-top: 8px;
}

.prose strong {
  font-weight: 700;
}

.prose em {
  font-style: italic;
}

.prose a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.prose blockquote {
  border-left: 2px solid;
  padding-left: 24px;
  font-style: italic;
}

.prose :is(img, video, iframe) {
  border-radius: 6px;
  width: 100%;
  height: auto;
}

.prose figure figcaption {
  opacity: .75;
  margin-top: 8px;
  font-size: .875em;
}

.prose :is(code, kbd, samp) {
  background: #0000000f;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .9em;
}

.prose pre {
  background: #0000000f;
  border-radius: 6px;
  padding: 20px;
  overflow-x: auto;
}

.prose pre code {
  background: none;
  padding: 0;
}

.prose .table-wrap {
  overflow-x: auto;
}

.prose table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.prose :is(th, td) {
  border-bottom: 1px solid #0000001f;
  padding: 10px 12px;
}

.prose hr {
  border: 0;
  border-top: 1px solid #0000001f;
}

:root, body {
  --font-family--heading: var(--font-kravio-heading);
  --font-family--paragraph: var(--font-kravio-body);
}

.footer-menus > .footer-menu {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

.footer-menus > .footer-menu:nth-child(-n+2) {
  grid-column: span 3 / span 3;
}

@media screen and (max-width: 991px) {
  .footer-menus > .footer-menu:nth-child(n+3):nth-child(3n) {
    justify-self: start;
  }

  .footer-menus > .footer-menu:nth-child(n+3):nth-child(3n+1) {
    justify-self: center;
  }

  .footer-menus > .footer-menu:nth-child(n+3):nth-child(3n+2) {
    justify-self: end;
  }
}

.project-grid > .project-img:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.header-section {
  transition: background-color .3s;
}

.header-section[data-scrolled] {
  background-color: var(--_🎨-global-colors---color--white);
  border-bottom: 1px solid #ededed;
}

.header-gap {
  transition: height .3s;
}

.header-section[data-scrolled] .header-gap {
  height: 0;
}

.header-dot {
  margin-inline: calc(var(--_↔️-size-variables---global-sizes--size-8xs) + .25em);
}

@media screen and (max-width: 479px) {
  .header-dot {
    margin-inline: calc(4px + .25em);
  }
}

html.is-menu-open {
  overflow: hidden;
}

.header-canva[data-open] {
  display: block;
}

.header-menu:focus-visible {
  outline: none;
}

.header-image {
  max-width: min(37vw, calc(100% - var(--_↔️-size-variables---global-sizes--size-4xl)));
}

.header-menus:has( > .header-menu:focus-visible) {
  outline: 2px solid var(--_🎨-global-colors---color--black);
  outline-offset: 2px;
}

.footer-icon {
  aspect-ratio: 1;
}

.footer-icon > svg {
  display: inline;
}

.project-card .project-logos {
  transition: opacity .3s linear;
}

.project-card .project-thumb .project-image {
  transition: transform .3s linear;
}

.project-card:is(:hover, :focus-within) .project-logos {
  opacity: 1;
}

.project-card:is(:hover, :focus-within) .project-thumb .project-image {
  transform: scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
  .project-card .project-thumb .project-image {
    transform: none !important;
  }

  .review-block {
    min-height: 0;
  }

  .review-sticky {
    min-height: 0;
    position: static;
  }

  .review-wrap {
    perspective: none;
  }

  .review-ring {
    gap: var(--_↔️-size-variables---global-sizes--size-xxs);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    width: 100%;
    transform: none;
  }

  .review-ring > .review-card {
    grid-area: auto;
    transform: none;
  }
}

.skip-link {
  z-index: 100000;
  background-color: var(--_🎨-global-colors---color--black);
  color: var(--_🎨-global-colors---color--white);
  border-radius: 8px;
  padding: 10px 16px;
  position: fixed;
  top: 12px;
  left: 12px;
  transform: translateY(-200%);
}

.skip-link:focus-visible {
  transform: none;
}

.blog-post .blog-image {
  transition: transform .3s linear;
}

.blog-post:is(:hover, :focus-visible) .blog-image {
  transform: scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
  .blog-post .blog-image {
    transform: none !important;
  }
}

@keyframes kravio-loop-left {
  to {
    transform: translateX(-100%);
  }
}

@keyframes kravio-loop-right {
  to {
    transform: translateX(100%);
  }
}

.home-name .home-text, .logo-wrapp .logo-loop {
  animation: 90s linear infinite kravio-loop-left;
}

.home-marqu .home-wrap {
  animation: 30s linear infinite kravio-loop-right;
}

.home-marqu:is(:hover, :has(a:focus-visible)) .home-wrap, [data-motion="paused"] :is(.home-text, .home-wrap, .logo-loop) {
  animation-play-state: paused;
}

.motion-toggle {
  z-index: 6;
  border: 1px solid var(--_🎨-global-colors---color--stroke);
  background-color: var(--_🎨-global-colors---color--white);
  width: 32px;
  height: 32px;
  color: var(--_🎨-global-colors---color--black);
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .3s, border-color .3s, color .3s;
  display: inline-flex;
}

.motion-toggle[hidden] {
  display: none;
}

.motion-toggle:hover {
  border-color: var(--_🎨-global-colors---color--black);
  background-color: var(--_🎨-global-colors---color--black);
  color: var(--_🎨-global-colors---color--white);
}

.motion-toggle:focus-visible {
  outline: 2px solid var(--_🎨-global-colors---color--black);
  outline-offset: 2px;
}

.motion-toggle[aria-pressed="true"] [data-motion-icon="pause"], .motion-toggle:not([aria-pressed="true"]) [data-motion-icon="play"] {
  display: none;
}

.home-marqu {
  position: relative;
}

.motion-toggle[data-motion-place="marquee"] {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

[data-logo-strip] {
  width: 100%;
  position: relative;
}

.motion-toggle[data-motion-place="strip"] {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
}

.home-card .home-button {
  transition: opacity .5s linear;
}

.home-card:is(:hover, :focus-visible) .home-button {
  opacity: 1;
}

.solutions-card .solutions-icon {
  transition: background-color .3s cubic-bezier(.215, .61, .355, 1), color .3s cubic-bezier(.215, .61, .355, 1);
}

.solutions-card .solutions-image {
  transition: transform .3s cubic-bezier(.215, .61, .355, 1);
}

.solutions-card:is(:hover, :focus-visible) .solutions-icon {
  background-color: var(--_🎨-global-colors---color--black);
  color: var(--_🎨-global-colors---color--white);
}

.solutions-card:is(:hover, :focus-visible) .solutions-image {
  transform: scale(1.1);
}

@media screen and (min-width: 992px) {
  .service-card .service-wrap {
    interpolate-size: allow-keywords;
    transition: width .3s linear, height .3s linear;
  }

  .service-card:is(:hover, :focus-visible) .service-wrap {
    width: auto;
    height: auto;
  }
}

@media screen and (min-width: 1280px) {
  .w-background-video [data-pause-icon] {
    opacity: 0;
    transition: opacity .3s ease-in-out;
  }

  .w-background-video:is(:hover, :focus-within) [data-pause-icon] {
    opacity: 1;
  }
}

.board-arrow:focus-visible {
  outline: 2px solid var(--_🎨-global-colors---color--black);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .awards-block {
    height: auto;
  }

  .awards-sticky {
    position: static;
  }

  .awards-desp {
    height: auto;
  }
}

[data-search-status] {
  text-align: center;
}

[data-search-status]:not(:empty) {
  margin-bottom: var(--global-variables--text-space);
}

.search-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-item > p {
  margin-top: 0;
}

:is([data-password-error], [data-password-unconnected]) {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

:is(.contact-input, .protected-field):is(:focus, :focus-visible) {
  outline: none;
}

.wp-site-blocks, .wp-block-template-part, .wp-block-post-content:not(.project-desp, .service-descp, .blog-descp) {
  display: contents;
}

.admin-bar .header-section {
  top: 32px;
}

.admin-bar .header-canva {
  height: calc(100vh - 32px);
}

@media screen and (max-width: 991px) {
  .admin-bar .header-canva {
    height: calc(93vh - 32px);
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .header-section {
    top: 46px;
  }

  .admin-bar .header-canva {
    height: calc(93vh - 46px);
  }
}

@media screen and (min-width: 1440px) {
  @layer base {
    body {
      --_↔️-size-variables---border-radius--radius-2xl: 56px;
      --_↔️-size-variables---border-radius--radius-3xl: 72px;
      --_↔️-size-variables---border-radius--radius-3xs: 16px;
      --_↔️-size-variables---border-radius--radius-4xl: 80px;
      --_↔️-size-variables---border-radius--radius-4xs: 12px;
      --_↔️-size-variables---border-radius--radius-5xl: 88px;
      --_↔️-size-variables---border-radius--radius-5xs: 10px;
      --_↔️-size-variables---border-radius--radius-6xl: 96px;
      --_↔️-size-variables---border-radius--radius-6xs: 8px;
      --_↔️-size-variables---border-radius--radius-7xl: 104px;
      --_↔️-size-variables---border-radius--radius-7xs: 6px;
      --_↔️-size-variables---border-radius--radius-8xl: 112px;
      --_↔️-size-variables---border-radius--radius-8xs: 4px;
      --_↔️-size-variables---border-radius--radius-9xl: 120px;
      --_↔️-size-variables---border-radius--radius-9xs: 2px;
      --_↔️-size-variables---border-radius--radius-l: 40px;
      --_↔️-size-variables---border-radius--radius-m: 32px;
      --_↔️-size-variables---border-radius--radius-s: 28px;
      --_↔️-size-variables---border-radius--radius-tiny: 1px;
      --_↔️-size-variables---border-radius--radius-xl: 48px;
      --_↔️-size-variables---border-radius--radius-xs: 24px;
      --_↔️-size-variables---border-radius--radius-xxl: 64px;
      --_↔️-size-variables---border-radius--radius-xxs: 20px;
      --_↔️-size-variables---border-radius--radius-zero: 0px;
      --_↔️-size-variables---global-sizes--size-2xl: 56px;
      --_↔️-size-variables---global-sizes--size-3xl: 72px;
      --_↔️-size-variables---global-sizes--size-3xs: 16px;
      --_↔️-size-variables---global-sizes--size-4xl: 80px;
      --_↔️-size-variables---global-sizes--size-4xs: 12px;
      --_↔️-size-variables---global-sizes--size-5xl: 88px;
      --_↔️-size-variables---global-sizes--size-5xs: 10px;
      --_↔️-size-variables---global-sizes--size-6xl: 96px;
      --_↔️-size-variables---global-sizes--size-6xs: 8px;
      --_↔️-size-variables---global-sizes--size-7xl: 104px;
      --_↔️-size-variables---global-sizes--size-7xs: 6px;
      --_↔️-size-variables---global-sizes--size-8xl: 112px;
      --_↔️-size-variables---global-sizes--size-8xs: 4px;
      --_↔️-size-variables---global-sizes--size-9xl: 120px;
      --_↔️-size-variables---global-sizes--size-9xs: 2px;
      --_↔️-size-variables---global-sizes--size-l: 40px;
      --_↔️-size-variables---global-sizes--size-m: 32px;
      --_↔️-size-variables---global-sizes--size-s: 28px;
      --_↔️-size-variables---global-sizes--size-tiny: 1px;
      --_↔️-size-variables---global-sizes--size-xl: 48px;
      --_↔️-size-variables---global-sizes--size-xs: 24px;
      --_↔️-size-variables---global-sizes--size-xxl: 64px;
      --_↔️-size-variables---global-sizes--size-xxs: 20px;
      --_↔️-size-variables---global-sizes--size-zero: 0px;
      --_✍️-typography---button--font: var(--font-family--heading);
      --_✍️-typography---button--height: var(--line-height--3xs);
      --_✍️-typography---button--size: 16px;
      --_✍️-typography---button--space: 0em;
      --_✍️-typography---button--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-l--font: var(--font-family--heading);
      --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-l--size: 80px;
      --_✍️-typography---heading-01-l--space: 0em;
      --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-m--font: var(--font-family--heading);
      --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-m--size: 56px;
      --_✍️-typography---heading-01-m--space: 0em;
      --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-s--font: var(--font-family--heading);
      --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-s--size: 56px;
      --_✍️-typography---heading-01-s--space: 0em;
      --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-xs--size: 40px;
      --_✍️-typography---heading-01-xs--space: 0em;
      --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-l--font: var(--font-family--heading);
      --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-l--size: 56px;
      --_✍️-typography---heading-02-l--space: 0em;
      --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-m--font: var(--font-family--heading);
      --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-m--size: 40px;
      --_✍️-typography---heading-02-m--space: 0em;
      --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-s--font: var(--font-family--heading);
      --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-s--size: 28px;
      --_✍️-typography---heading-02-s--space: 0em;
      --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-xs--size: 20px;
      --_✍️-typography---heading-02-xs--space: 0em;
      --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-l--font: var(--font-family--heading);
      --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-l--size: 40px;
      --_✍️-typography---heading-03-l--space: 0em;
      --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-m--font: var(--font-family--heading);
      --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-m--size: 28px;
      --_✍️-typography---heading-03-m--space: 0em;
      --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-s--font: var(--font-family--heading);
      --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-03-s--size: 0px;
      --_✍️-typography---heading-03-s--space: 0em;
      --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-l--font: var(--font-family--heading);
      --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-04-l--size: 28px;
      --_✍️-typography---heading-04-l--space: 0em;
      --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-04-m--font: var(--font-family--heading);
      --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-m--size: 0px;
      --_✍️-typography---heading-04-m--space: 0em;
      --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-s--font: var(--font-family--heading);
      --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-s--size: 0px;
      --_✍️-typography---heading-04-s--space: 0em;
      --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-l--font: var(--font-family--heading);
      --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-05-l--size: 20px;
      --_✍️-typography---heading-05-l--space: 0em;
      --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-05-m--font: var(--font-family--heading);
      --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-m--size: 0px;
      --_✍️-typography---heading-05-m--space: 0em;
      --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-s--font: var(--font-family--heading);
      --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-s--size: 0px;
      --_✍️-typography---heading-05-s--space: 0em;
      --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-l--font: var(--font-family--heading);
      --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-06-l--size: 18px;
      --_✍️-typography---heading-06-l--space: 0em;
      --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-06-m--font: var(--font-family--heading);
      --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-m--size: 0px;
      --_✍️-typography---heading-06-m--space: 0em;
      --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-s--font: var(--font-family--heading);
      --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-s--size: 0px;
      --_✍️-typography---heading-06-s--space: 0em;
      --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
      --_✍️-typography---label--font: var(--font-family--heading);
      --_✍️-typography---label--height: var(--line-height--3xs);
      --_✍️-typography---label--size: 16px;
      --_✍️-typography---label--space: 0em;
      --_✍️-typography---label--weight: var(--font-weight--normal);
      --_✍️-typography---paragraph--font: var(--font-family--paragraph);
      --_✍️-typography---paragraph--height: var(--line-height--s);
      --_✍️-typography---paragraph--size: 16px;
      --_✍️-typography---paragraph--space: .016em;
      --_✍️-typography---paragraph--weight: var(--font-weight--normal);
      --_✍️-typography---tag--font: var(--font-family--heading);
      --_✍️-typography---tag--height: var(--line-height--3xs);
      --_✍️-typography---tag--size: 14px;
      --_✍️-typography---tag--space: 0em;
      --_✍️-typography---tag--weight: var(--font-weight--medium);
      --_🎨-global-colors---color--black: black;
      --_🎨-global-colors---color--cream: #f6f6f6;
      --_🎨-global-colors---color--gold: #f9ae0e;
      --_🎨-global-colors---color--gray: #8d8d8d;
      --_🎨-global-colors---color--stroke: #ededed;
      --_🎨-global-colors---color--text: #5b5b5b;
      --_🎨-global-colors---color--transparent: transparent;
      --_🎨-global-colors---color--white: white;
      --_🎨-global-colors---neutral--00: #fafafa;
      --_🎨-global-colors---neutral--100: #e5e5e5;
      --_🎨-global-colors---neutral--200: #d4d4d4;
      --_🎨-global-colors---neutral--300: #a3a3a3;
      --_🎨-global-colors---neutral--400: #737373;
      --_🎨-global-colors---neutral--50: whitesmoke;
      --_🎨-global-colors---neutral--500: #525252;
      --_🎨-global-colors---neutral--600: #404040;
      --_🎨-global-colors---neutral--700: #262626;
      --_🎨-global-colors---neutral--75: #e5e5e5;
      --_🎨-global-colors---neutral--800: #171717;
      --_🎨-global-colors---neutral--900: black;
      --_🎨-global-colors---primary--00: #f8faff;
      --_🎨-global-colors---primary--100: #dce8ff;
      --_🎨-global-colors---primary--200: #c2d5ff;
      --_🎨-global-colors---primary--300: #9dbbff;
      --_🎨-global-colors---primary--400: #719aff;
      --_🎨-global-colors---primary--50: #f0f5ff;
      --_🎨-global-colors---primary--500: #4a78ff;
      --_🎨-global-colors---primary--600: #315ee8;
      --_🎨-global-colors---primary--700: #264ac2;
      --_🎨-global-colors---primary--75: #e8f0ff;
      --_🎨-global-colors---primary--800: #203c9b;
      --_🎨-global-colors---primary--900: #1d357a;
      --_🎨-global-colors---white--00: #333;
      --_🎨-global-colors---white--100: #858585;
      --_🎨-global-colors---white--200: #aaa;
      --_🎨-global-colors---white--300: #c5c5c5;
      --_🎨-global-colors---white--400: #d8d8d8;
      --_🎨-global-colors---white--50: #5c5c5c;
      --_🎨-global-colors---white--500: #e6e6e6;
      --_🎨-global-colors---white--600: #eee;
      --_🎨-global-colors---white--700: whitesmoke;
      --_🎨-global-colors---white--75: #707070;
      --_🎨-global-colors---white--800: #fafafa;
      --_🎨-global-colors---white--900: white;
      --font-family--heading: "Bricolage Grotesque", sans-serif;
      --font-family--paragraph: "Inter Tight", sans-serif;
      --font-weight--black: 900;
      --font-weight--bold: 700;
      --font-weight--extra-bold: 800;
      --font-weight--extra-light: 200;
      --font-weight--light: 300;
      --font-weight--medium: 500;
      --font-weight--normal: 400;
      --font-weight--semi-bold: 600;
      --font-weight--thin: 100;
      --global-variables--button-height: 48px;
      --global-variables--container-size: 1392px;
      --global-variables--hero-space: 130px;
      --global-variables--image-height: 600px;
      --global-variables--reverse-margin: -32px;
      --global-variables--section-empty: 0px;
      --global-variables--section-space: 130px;
      --global-variables--text-space: 56px;
      --global-variables--utility-width: 750px;
      --line-height--2xl: 1.9;
      --line-height--2xs: 1.1;
      --line-height--3xl: 2;
      --line-height--3xs: 1;
      --line-height--l: 1.6;
      --line-height--m: 1.5;
      --line-height--s: 1.4;
      --line-height--xl: 1.7;
      --line-height--xs: 1.3;
      --line-height--xxl: 1.8;
      --line-height--xxs: 1.2;
    }
  }
}

@media screen and (min-width: 1920px) {
  @layer base {
    body {
      --_↔️-size-variables---border-radius--radius-2xl: 56px;
      --_↔️-size-variables---border-radius--radius-3xl: 72px;
      --_↔️-size-variables---border-radius--radius-3xs: 16px;
      --_↔️-size-variables---border-radius--radius-4xl: 80px;
      --_↔️-size-variables---border-radius--radius-4xs: 12px;
      --_↔️-size-variables---border-radius--radius-5xl: 88px;
      --_↔️-size-variables---border-radius--radius-5xs: 10px;
      --_↔️-size-variables---border-radius--radius-6xl: 96px;
      --_↔️-size-variables---border-radius--radius-6xs: 8px;
      --_↔️-size-variables---border-radius--radius-7xl: 104px;
      --_↔️-size-variables---border-radius--radius-7xs: 6px;
      --_↔️-size-variables---border-radius--radius-8xl: 112px;
      --_↔️-size-variables---border-radius--radius-8xs: 4px;
      --_↔️-size-variables---border-radius--radius-9xl: 120px;
      --_↔️-size-variables---border-radius--radius-9xs: 2px;
      --_↔️-size-variables---border-radius--radius-l: 40px;
      --_↔️-size-variables---border-radius--radius-m: 32px;
      --_↔️-size-variables---border-radius--radius-s: 28px;
      --_↔️-size-variables---border-radius--radius-tiny: 1px;
      --_↔️-size-variables---border-radius--radius-xl: 48px;
      --_↔️-size-variables---border-radius--radius-xs: 24px;
      --_↔️-size-variables---border-radius--radius-xxl: 64px;
      --_↔️-size-variables---border-radius--radius-xxs: 20px;
      --_↔️-size-variables---border-radius--radius-zero: 0px;
      --_↔️-size-variables---global-sizes--size-2xl: 56px;
      --_↔️-size-variables---global-sizes--size-3xl: 72px;
      --_↔️-size-variables---global-sizes--size-3xs: 16px;
      --_↔️-size-variables---global-sizes--size-4xl: 80px;
      --_↔️-size-variables---global-sizes--size-4xs: 12px;
      --_↔️-size-variables---global-sizes--size-5xl: 88px;
      --_↔️-size-variables---global-sizes--size-5xs: 10px;
      --_↔️-size-variables---global-sizes--size-6xl: 96px;
      --_↔️-size-variables---global-sizes--size-6xs: 8px;
      --_↔️-size-variables---global-sizes--size-7xl: 104px;
      --_↔️-size-variables---global-sizes--size-7xs: 6px;
      --_↔️-size-variables---global-sizes--size-8xl: 112px;
      --_↔️-size-variables---global-sizes--size-8xs: 4px;
      --_↔️-size-variables---global-sizes--size-9xl: 120px;
      --_↔️-size-variables---global-sizes--size-9xs: 2px;
      --_↔️-size-variables---global-sizes--size-l: 40px;
      --_↔️-size-variables---global-sizes--size-m: 32px;
      --_↔️-size-variables---global-sizes--size-s: 28px;
      --_↔️-size-variables---global-sizes--size-tiny: 1px;
      --_↔️-size-variables---global-sizes--size-xl: 48px;
      --_↔️-size-variables---global-sizes--size-xs: 24px;
      --_↔️-size-variables---global-sizes--size-xxl: 64px;
      --_↔️-size-variables---global-sizes--size-xxs: 20px;
      --_↔️-size-variables---global-sizes--size-zero: 0px;
      --_✍️-typography---button--font: var(--font-family--heading);
      --_✍️-typography---button--height: var(--line-height--3xs);
      --_✍️-typography---button--size: 18px;
      --_✍️-typography---button--space: 0em;
      --_✍️-typography---button--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-l--font: var(--font-family--heading);
      --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-l--size: 100px;
      --_✍️-typography---heading-01-l--space: 0em;
      --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-m--font: var(--font-family--heading);
      --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-m--size: 64px;
      --_✍️-typography---heading-01-m--space: 0em;
      --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-s--font: var(--font-family--heading);
      --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-s--size: 64px;
      --_✍️-typography---heading-01-s--space: 0em;
      --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-xs--size: 48px;
      --_✍️-typography---heading-01-xs--space: 0em;
      --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-l--font: var(--font-family--heading);
      --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-l--size: 64px;
      --_✍️-typography---heading-02-l--space: 0em;
      --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-m--font: var(--font-family--heading);
      --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-m--size: 48px;
      --_✍️-typography---heading-02-m--space: 0em;
      --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-s--font: var(--font-family--heading);
      --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-s--size: 36px;
      --_✍️-typography---heading-02-s--space: 0em;
      --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-xs--size: 24px;
      --_✍️-typography---heading-02-xs--space: 0em;
      --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-l--font: var(--font-family--heading);
      --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-l--size: 48px;
      --_✍️-typography---heading-03-l--space: 0em;
      --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-m--font: var(--font-family--heading);
      --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-m--size: 36px;
      --_✍️-typography---heading-03-m--space: 0em;
      --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-s--font: var(--font-family--heading);
      --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-03-s--size: 0px;
      --_✍️-typography---heading-03-s--space: 0em;
      --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-l--font: var(--font-family--heading);
      --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-04-l--size: 36px;
      --_✍️-typography---heading-04-l--space: 0em;
      --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-04-m--font: var(--font-family--heading);
      --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-m--size: 0px;
      --_✍️-typography---heading-04-m--space: 0em;
      --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-s--font: var(--font-family--heading);
      --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-s--size: 0px;
      --_✍️-typography---heading-04-s--space: 0em;
      --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-l--font: var(--font-family--heading);
      --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-05-l--size: 24px;
      --_✍️-typography---heading-05-l--space: 0em;
      --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-05-m--font: var(--font-family--heading);
      --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-m--size: 0px;
      --_✍️-typography---heading-05-m--space: 0em;
      --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-s--font: var(--font-family--heading);
      --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-s--size: 0px;
      --_✍️-typography---heading-05-s--space: 0em;
      --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-l--font: var(--font-family--heading);
      --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-06-l--size: 18px;
      --_✍️-typography---heading-06-l--space: 0em;
      --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-06-m--font: var(--font-family--heading);
      --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-m--size: 0px;
      --_✍️-typography---heading-06-m--space: 0em;
      --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-s--font: var(--font-family--heading);
      --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-s--size: 0px;
      --_✍️-typography---heading-06-s--space: 0em;
      --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
      --_✍️-typography---label--font: var(--font-family--heading);
      --_✍️-typography---label--height: var(--line-height--3xs);
      --_✍️-typography---label--size: 16px;
      --_✍️-typography---label--space: 0em;
      --_✍️-typography---label--weight: var(--font-weight--normal);
      --_✍️-typography---paragraph--font: var(--font-family--paragraph);
      --_✍️-typography---paragraph--height: var(--line-height--s);
      --_✍️-typography---paragraph--size: 16px;
      --_✍️-typography---paragraph--space: .016em;
      --_✍️-typography---paragraph--weight: var(--font-weight--normal);
      --_✍️-typography---tag--font: var(--font-family--heading);
      --_✍️-typography---tag--height: var(--line-height--3xs);
      --_✍️-typography---tag--size: 14px;
      --_✍️-typography---tag--space: 0em;
      --_✍️-typography---tag--weight: var(--font-weight--medium);
      --_🎨-global-colors---color--black: black;
      --_🎨-global-colors---color--cream: #f6f6f6;
      --_🎨-global-colors---color--gold: #f9ae0e;
      --_🎨-global-colors---color--gray: #8d8d8d;
      --_🎨-global-colors---color--stroke: #ededed;
      --_🎨-global-colors---color--text: #5b5b5b;
      --_🎨-global-colors---color--transparent: transparent;
      --_🎨-global-colors---color--white: white;
      --_🎨-global-colors---neutral--00: #fafafa;
      --_🎨-global-colors---neutral--100: #e5e5e5;
      --_🎨-global-colors---neutral--200: #d4d4d4;
      --_🎨-global-colors---neutral--300: #a3a3a3;
      --_🎨-global-colors---neutral--400: #737373;
      --_🎨-global-colors---neutral--50: whitesmoke;
      --_🎨-global-colors---neutral--500: #525252;
      --_🎨-global-colors---neutral--600: #404040;
      --_🎨-global-colors---neutral--700: #262626;
      --_🎨-global-colors---neutral--75: #e5e5e5;
      --_🎨-global-colors---neutral--800: #171717;
      --_🎨-global-colors---neutral--900: black;
      --_🎨-global-colors---primary--00: #f8faff;
      --_🎨-global-colors---primary--100: #dce8ff;
      --_🎨-global-colors---primary--200: #c2d5ff;
      --_🎨-global-colors---primary--300: #9dbbff;
      --_🎨-global-colors---primary--400: #719aff;
      --_🎨-global-colors---primary--50: #f0f5ff;
      --_🎨-global-colors---primary--500: #4a78ff;
      --_🎨-global-colors---primary--600: #315ee8;
      --_🎨-global-colors---primary--700: #264ac2;
      --_🎨-global-colors---primary--75: #e8f0ff;
      --_🎨-global-colors---primary--800: #203c9b;
      --_🎨-global-colors---primary--900: #1d357a;
      --_🎨-global-colors---white--00: #333;
      --_🎨-global-colors---white--100: #858585;
      --_🎨-global-colors---white--200: #aaa;
      --_🎨-global-colors---white--300: #c5c5c5;
      --_🎨-global-colors---white--400: #d8d8d8;
      --_🎨-global-colors---white--50: #5c5c5c;
      --_🎨-global-colors---white--500: #e6e6e6;
      --_🎨-global-colors---white--600: #eee;
      --_🎨-global-colors---white--700: whitesmoke;
      --_🎨-global-colors---white--75: #707070;
      --_🎨-global-colors---white--800: #fafafa;
      --_🎨-global-colors---white--900: white;
      --font-family--heading: "Bricolage Grotesque", sans-serif;
      --font-family--paragraph: "Inter Tight", sans-serif;
      --font-weight--black: 900;
      --font-weight--bold: 700;
      --font-weight--extra-bold: 800;
      --font-weight--extra-light: 200;
      --font-weight--light: 300;
      --font-weight--medium: 500;
      --font-weight--normal: 400;
      --font-weight--semi-bold: 600;
      --font-weight--thin: 100;
      --global-variables--button-height: 58px;
      --global-variables--container-size: 1852px;
      --global-variables--hero-space: 150px;
      --global-variables--image-height: 800px;
      --global-variables--reverse-margin: -40px;
      --global-variables--section-empty: 0px;
      --global-variables--section-space: 160px;
      --global-variables--text-space: 60px;
      --global-variables--utility-width: 900px;
      --line-height--2xl: 1.9;
      --line-height--2xs: 1.1;
      --line-height--3xl: 2;
      --line-height--3xs: 1;
      --line-height--l: 1.6;
      --line-height--m: 1.5;
      --line-height--s: 1.4;
      --line-height--xl: 1.7;
      --line-height--xs: 1.3;
      --line-height--xxl: 1.8;
      --line-height--xxs: 1.2;
    }
  }
}

@media screen and (max-width: 991px) {
  @layer base {
    body {
      --_↔️-size-variables---border-radius--radius-2xl: 56px;
      --_↔️-size-variables---border-radius--radius-3xl: 72px;
      --_↔️-size-variables---border-radius--radius-3xs: 16px;
      --_↔️-size-variables---border-radius--radius-4xl: 80px;
      --_↔️-size-variables---border-radius--radius-4xs: 12px;
      --_↔️-size-variables---border-radius--radius-5xl: 88px;
      --_↔️-size-variables---border-radius--radius-5xs: 10px;
      --_↔️-size-variables---border-radius--radius-6xl: 96px;
      --_↔️-size-variables---border-radius--radius-6xs: 8px;
      --_↔️-size-variables---border-radius--radius-7xl: 104px;
      --_↔️-size-variables---border-radius--radius-7xs: 6px;
      --_↔️-size-variables---border-radius--radius-8xl: 112px;
      --_↔️-size-variables---border-radius--radius-8xs: 4px;
      --_↔️-size-variables---border-radius--radius-9xl: 120px;
      --_↔️-size-variables---border-radius--radius-9xs: 2px;
      --_↔️-size-variables---border-radius--radius-l: 40px;
      --_↔️-size-variables---border-radius--radius-m: 32px;
      --_↔️-size-variables---border-radius--radius-s: 28px;
      --_↔️-size-variables---border-radius--radius-tiny: 1px;
      --_↔️-size-variables---border-radius--radius-xl: 48px;
      --_↔️-size-variables---border-radius--radius-xs: 24px;
      --_↔️-size-variables---border-radius--radius-xxl: 64px;
      --_↔️-size-variables---border-radius--radius-xxs: 20px;
      --_↔️-size-variables---border-radius--radius-zero: 0px;
      --_↔️-size-variables---global-sizes--size-2xl: 56px;
      --_↔️-size-variables---global-sizes--size-3xl: 72px;
      --_↔️-size-variables---global-sizes--size-3xs: 16px;
      --_↔️-size-variables---global-sizes--size-4xl: 80px;
      --_↔️-size-variables---global-sizes--size-4xs: 12px;
      --_↔️-size-variables---global-sizes--size-5xl: 88px;
      --_↔️-size-variables---global-sizes--size-5xs: 10px;
      --_↔️-size-variables---global-sizes--size-6xl: 96px;
      --_↔️-size-variables---global-sizes--size-6xs: 8px;
      --_↔️-size-variables---global-sizes--size-7xl: 104px;
      --_↔️-size-variables---global-sizes--size-7xs: 6px;
      --_↔️-size-variables---global-sizes--size-8xl: 112px;
      --_↔️-size-variables---global-sizes--size-8xs: 4px;
      --_↔️-size-variables---global-sizes--size-9xl: 120px;
      --_↔️-size-variables---global-sizes--size-9xs: 2px;
      --_↔️-size-variables---global-sizes--size-l: 40px;
      --_↔️-size-variables---global-sizes--size-m: 32px;
      --_↔️-size-variables---global-sizes--size-s: 28px;
      --_↔️-size-variables---global-sizes--size-tiny: 1px;
      --_↔️-size-variables---global-sizes--size-xl: 48px;
      --_↔️-size-variables---global-sizes--size-xs: 24px;
      --_↔️-size-variables---global-sizes--size-xxl: 64px;
      --_↔️-size-variables---global-sizes--size-xxs: 20px;
      --_↔️-size-variables---global-sizes--size-zero: 0px;
      --_✍️-typography---button--font: var(--font-family--heading);
      --_✍️-typography---button--height: var(--line-height--3xs);
      --_✍️-typography---button--size: 16px;
      --_✍️-typography---button--space: 0em;
      --_✍️-typography---button--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-l--font: var(--font-family--heading);
      --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-l--size: 48px;
      --_✍️-typography---heading-01-l--space: 0em;
      --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-m--font: var(--font-family--heading);
      --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-m--size: 40px;
      --_✍️-typography---heading-01-m--space: 0em;
      --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-s--font: var(--font-family--heading);
      --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-s--size: 40px;
      --_✍️-typography---heading-01-s--space: 0em;
      --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-xs--size: 32px;
      --_✍️-typography---heading-01-xs--space: 0em;
      --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-l--font: var(--font-family--heading);
      --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-l--size: 40px;
      --_✍️-typography---heading-02-l--space: 0em;
      --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-m--font: var(--font-family--heading);
      --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-m--size: 32px;
      --_✍️-typography---heading-02-m--space: 0em;
      --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-s--font: var(--font-family--heading);
      --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-s--size: 24px;
      --_✍️-typography---heading-02-s--space: 0em;
      --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-xs--size: 20px;
      --_✍️-typography---heading-02-xs--space: 0em;
      --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-l--font: var(--font-family--heading);
      --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-l--size: 32px;
      --_✍️-typography---heading-03-l--space: 0em;
      --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-m--font: var(--font-family--heading);
      --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-m--size: 24px;
      --_✍️-typography---heading-03-m--space: 0em;
      --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-s--font: var(--font-family--heading);
      --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-03-s--size: 0px;
      --_✍️-typography---heading-03-s--space: 0em;
      --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-l--font: var(--font-family--heading);
      --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-04-l--size: 24px;
      --_✍️-typography---heading-04-l--space: 0em;
      --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-04-m--font: var(--font-family--heading);
      --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-m--size: 0px;
      --_✍️-typography---heading-04-m--space: 0em;
      --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-s--font: var(--font-family--heading);
      --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-s--size: 0px;
      --_✍️-typography---heading-04-s--space: 0em;
      --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-l--font: var(--font-family--heading);
      --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-05-l--size: 20px;
      --_✍️-typography---heading-05-l--space: 0em;
      --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-05-m--font: var(--font-family--heading);
      --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-m--size: 0px;
      --_✍️-typography---heading-05-m--space: 0em;
      --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-s--font: var(--font-family--heading);
      --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-s--size: 0px;
      --_✍️-typography---heading-05-s--space: 0em;
      --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-l--font: var(--font-family--heading);
      --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-06-l--size: 18px;
      --_✍️-typography---heading-06-l--space: 0em;
      --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-06-m--font: var(--font-family--heading);
      --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-m--size: 0px;
      --_✍️-typography---heading-06-m--space: 0em;
      --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-s--font: var(--font-family--heading);
      --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-s--size: 0px;
      --_✍️-typography---heading-06-s--space: 0em;
      --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
      --_✍️-typography---label--font: var(--font-family--heading);
      --_✍️-typography---label--height: var(--line-height--3xs);
      --_✍️-typography---label--size: 16px;
      --_✍️-typography---label--space: 0em;
      --_✍️-typography---label--weight: var(--font-weight--normal);
      --_✍️-typography---paragraph--font: var(--font-family--paragraph);
      --_✍️-typography---paragraph--height: var(--line-height--s);
      --_✍️-typography---paragraph--size: 16px;
      --_✍️-typography---paragraph--space: .016em;
      --_✍️-typography---paragraph--weight: var(--font-weight--normal);
      --_✍️-typography---tag--font: var(--font-family--heading);
      --_✍️-typography---tag--height: var(--line-height--3xs);
      --_✍️-typography---tag--size: 14px;
      --_✍️-typography---tag--space: 0em;
      --_✍️-typography---tag--weight: var(--font-weight--medium);
      --_🎨-global-colors---color--black: black;
      --_🎨-global-colors---color--cream: #f6f6f6;
      --_🎨-global-colors---color--gold: #f9ae0e;
      --_🎨-global-colors---color--gray: #8d8d8d;
      --_🎨-global-colors---color--stroke: #ededed;
      --_🎨-global-colors---color--text: #5b5b5b;
      --_🎨-global-colors---color--transparent: transparent;
      --_🎨-global-colors---color--white: white;
      --_🎨-global-colors---neutral--00: #fafafa;
      --_🎨-global-colors---neutral--100: #e5e5e5;
      --_🎨-global-colors---neutral--200: #d4d4d4;
      --_🎨-global-colors---neutral--300: #a3a3a3;
      --_🎨-global-colors---neutral--400: #737373;
      --_🎨-global-colors---neutral--50: whitesmoke;
      --_🎨-global-colors---neutral--500: #525252;
      --_🎨-global-colors---neutral--600: #404040;
      --_🎨-global-colors---neutral--700: #262626;
      --_🎨-global-colors---neutral--75: #e5e5e5;
      --_🎨-global-colors---neutral--800: #171717;
      --_🎨-global-colors---neutral--900: black;
      --_🎨-global-colors---primary--00: #f8faff;
      --_🎨-global-colors---primary--100: #dce8ff;
      --_🎨-global-colors---primary--200: #c2d5ff;
      --_🎨-global-colors---primary--300: #9dbbff;
      --_🎨-global-colors---primary--400: #719aff;
      --_🎨-global-colors---primary--50: #f0f5ff;
      --_🎨-global-colors---primary--500: #4a78ff;
      --_🎨-global-colors---primary--600: #315ee8;
      --_🎨-global-colors---primary--700: #264ac2;
      --_🎨-global-colors---primary--75: #e8f0ff;
      --_🎨-global-colors---primary--800: #203c9b;
      --_🎨-global-colors---primary--900: #1d357a;
      --_🎨-global-colors---white--00: #333;
      --_🎨-global-colors---white--100: #858585;
      --_🎨-global-colors---white--200: #aaa;
      --_🎨-global-colors---white--300: #c5c5c5;
      --_🎨-global-colors---white--400: #d8d8d8;
      --_🎨-global-colors---white--50: #5c5c5c;
      --_🎨-global-colors---white--500: #e6e6e6;
      --_🎨-global-colors---white--600: #eee;
      --_🎨-global-colors---white--700: whitesmoke;
      --_🎨-global-colors---white--75: #707070;
      --_🎨-global-colors---white--800: #fafafa;
      --_🎨-global-colors---white--900: white;
      --font-family--heading: "Bricolage Grotesque", sans-serif;
      --font-family--paragraph: "Inter Tight", sans-serif;
      --font-weight--black: 900;
      --font-weight--bold: 700;
      --font-weight--extra-bold: 800;
      --font-weight--extra-light: 200;
      --font-weight--light: 300;
      --font-weight--medium: 500;
      --font-weight--normal: 400;
      --font-weight--semi-bold: 600;
      --font-weight--thin: 100;
      --global-variables--button-height: 48px;
      --global-variables--container-size: 820px;
      --global-variables--hero-space: 110px;
      --global-variables--image-height: 400px;
      --global-variables--reverse-margin: -32px;
      --global-variables--section-empty: 0px;
      --global-variables--section-space: 80px;
      --global-variables--text-space: 40px;
      --global-variables--utility-width: 700px;
      --line-height--2xl: 1.9;
      --line-height--2xs: 1.1;
      --line-height--3xl: 2;
      --line-height--3xs: 1;
      --line-height--l: 1.6;
      --line-height--m: 1.5;
      --line-height--s: 1.4;
      --line-height--xl: 1.7;
      --line-height--xs: 1.3;
      --line-height--xxl: 1.8;
      --line-height--xxs: 1.2;
    }
  }
}

@media screen and (max-width: 767px) {
  @layer base {
    body {
      --_↔️-size-variables---border-radius--radius-2xl: 56px;
      --_↔️-size-variables---border-radius--radius-3xl: 72px;
      --_↔️-size-variables---border-radius--radius-3xs: 16px;
      --_↔️-size-variables---border-radius--radius-4xl: 80px;
      --_↔️-size-variables---border-radius--radius-4xs: 12px;
      --_↔️-size-variables---border-radius--radius-5xl: 88px;
      --_↔️-size-variables---border-radius--radius-5xs: 10px;
      --_↔️-size-variables---border-radius--radius-6xl: 96px;
      --_↔️-size-variables---border-radius--radius-6xs: 8px;
      --_↔️-size-variables---border-radius--radius-7xl: 104px;
      --_↔️-size-variables---border-radius--radius-7xs: 6px;
      --_↔️-size-variables---border-radius--radius-8xl: 112px;
      --_↔️-size-variables---border-radius--radius-8xs: 4px;
      --_↔️-size-variables---border-radius--radius-9xl: 120px;
      --_↔️-size-variables---border-radius--radius-9xs: 2px;
      --_↔️-size-variables---border-radius--radius-l: 40px;
      --_↔️-size-variables---border-radius--radius-m: 32px;
      --_↔️-size-variables---border-radius--radius-s: 28px;
      --_↔️-size-variables---border-radius--radius-tiny: 1px;
      --_↔️-size-variables---border-radius--radius-xl: 48px;
      --_↔️-size-variables---border-radius--radius-xs: 24px;
      --_↔️-size-variables---border-radius--radius-xxl: 64px;
      --_↔️-size-variables---border-radius--radius-xxs: 20px;
      --_↔️-size-variables---border-radius--radius-zero: 0px;
      --_↔️-size-variables---global-sizes--size-2xl: 56px;
      --_↔️-size-variables---global-sizes--size-3xl: 72px;
      --_↔️-size-variables---global-sizes--size-3xs: 16px;
      --_↔️-size-variables---global-sizes--size-4xl: 80px;
      --_↔️-size-variables---global-sizes--size-4xs: 12px;
      --_↔️-size-variables---global-sizes--size-5xl: 88px;
      --_↔️-size-variables---global-sizes--size-5xs: 10px;
      --_↔️-size-variables---global-sizes--size-6xl: 96px;
      --_↔️-size-variables---global-sizes--size-6xs: 8px;
      --_↔️-size-variables---global-sizes--size-7xl: 104px;
      --_↔️-size-variables---global-sizes--size-7xs: 6px;
      --_↔️-size-variables---global-sizes--size-8xl: 112px;
      --_↔️-size-variables---global-sizes--size-8xs: 4px;
      --_↔️-size-variables---global-sizes--size-9xl: 120px;
      --_↔️-size-variables---global-sizes--size-9xs: 2px;
      --_↔️-size-variables---global-sizes--size-l: 40px;
      --_↔️-size-variables---global-sizes--size-m: 32px;
      --_↔️-size-variables---global-sizes--size-s: 28px;
      --_↔️-size-variables---global-sizes--size-tiny: 1px;
      --_↔️-size-variables---global-sizes--size-xl: 48px;
      --_↔️-size-variables---global-sizes--size-xs: 24px;
      --_↔️-size-variables---global-sizes--size-xxl: 64px;
      --_↔️-size-variables---global-sizes--size-xxs: 20px;
      --_↔️-size-variables---global-sizes--size-zero: 0px;
      --_✍️-typography---button--font: var(--font-family--heading);
      --_✍️-typography---button--height: var(--line-height--3xs);
      --_✍️-typography---button--size: 14px;
      --_✍️-typography---button--space: 0em;
      --_✍️-typography---button--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-l--font: var(--font-family--heading);
      --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-l--size: 40px;
      --_✍️-typography---heading-01-l--space: 0em;
      --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-m--font: var(--font-family--heading);
      --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-m--size: 32px;
      --_✍️-typography---heading-01-m--space: 0em;
      --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-s--font: var(--font-family--heading);
      --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-s--size: 32px;
      --_✍️-typography---heading-01-s--space: 0em;
      --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-xs--size: 28px;
      --_✍️-typography---heading-01-xs--space: 0em;
      --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-l--font: var(--font-family--heading);
      --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-l--size: 32px;
      --_✍️-typography---heading-02-l--space: 0em;
      --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-m--font: var(--font-family--heading);
      --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-m--size: 28px;
      --_✍️-typography---heading-02-m--space: 0em;
      --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-s--font: var(--font-family--heading);
      --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-s--size: 24px;
      --_✍️-typography---heading-02-s--space: 0em;
      --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-xs--size: 20px;
      --_✍️-typography---heading-02-xs--space: 0em;
      --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-l--font: var(--font-family--heading);
      --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-l--size: 28px;
      --_✍️-typography---heading-03-l--space: 0em;
      --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-m--font: var(--font-family--heading);
      --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-m--size: 24px;
      --_✍️-typography---heading-03-m--space: 0em;
      --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-s--font: var(--font-family--heading);
      --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-03-s--size: 0px;
      --_✍️-typography---heading-03-s--space: 0em;
      --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-l--font: var(--font-family--heading);
      --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-04-l--size: 24px;
      --_✍️-typography---heading-04-l--space: 0em;
      --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-04-m--font: var(--font-family--heading);
      --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-m--size: 0px;
      --_✍️-typography---heading-04-m--space: 0em;
      --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-s--font: var(--font-family--heading);
      --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-s--size: 0px;
      --_✍️-typography---heading-04-s--space: 0em;
      --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-l--font: var(--font-family--heading);
      --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-05-l--size: 20px;
      --_✍️-typography---heading-05-l--space: 0em;
      --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-05-m--font: var(--font-family--heading);
      --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-m--size: 0px;
      --_✍️-typography---heading-05-m--space: 0em;
      --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-s--font: var(--font-family--heading);
      --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-s--size: 0px;
      --_✍️-typography---heading-05-s--space: 0em;
      --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-l--font: var(--font-family--heading);
      --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-06-l--size: 16px;
      --_✍️-typography---heading-06-l--space: 0em;
      --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-06-m--font: var(--font-family--heading);
      --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-m--size: 0px;
      --_✍️-typography---heading-06-m--space: 0em;
      --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-s--font: var(--font-family--heading);
      --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-s--size: 0px;
      --_✍️-typography---heading-06-s--space: 0em;
      --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
      --_✍️-typography---label--font: var(--font-family--heading);
      --_✍️-typography---label--height: var(--line-height--3xs);
      --_✍️-typography---label--size: 16px;
      --_✍️-typography---label--space: 0em;
      --_✍️-typography---label--weight: var(--font-weight--normal);
      --_✍️-typography---paragraph--font: var(--font-family--paragraph);
      --_✍️-typography---paragraph--height: var(--line-height--s);
      --_✍️-typography---paragraph--size: 16px;
      --_✍️-typography---paragraph--space: .016em;
      --_✍️-typography---paragraph--weight: var(--font-weight--normal);
      --_✍️-typography---tag--font: var(--font-family--heading);
      --_✍️-typography---tag--height: var(--line-height--3xs);
      --_✍️-typography---tag--size: 14px;
      --_✍️-typography---tag--space: 0em;
      --_✍️-typography---tag--weight: var(--font-weight--medium);
      --_🎨-global-colors---color--black: black;
      --_🎨-global-colors---color--cream: #f6f6f6;
      --_🎨-global-colors---color--gold: #f9ae0e;
      --_🎨-global-colors---color--gray: #8d8d8d;
      --_🎨-global-colors---color--stroke: #ededed;
      --_🎨-global-colors---color--text: #5b5b5b;
      --_🎨-global-colors---color--transparent: transparent;
      --_🎨-global-colors---color--white: white;
      --_🎨-global-colors---neutral--00: #fafafa;
      --_🎨-global-colors---neutral--100: #e5e5e5;
      --_🎨-global-colors---neutral--200: #d4d4d4;
      --_🎨-global-colors---neutral--300: #a3a3a3;
      --_🎨-global-colors---neutral--400: #737373;
      --_🎨-global-colors---neutral--50: whitesmoke;
      --_🎨-global-colors---neutral--500: #525252;
      --_🎨-global-colors---neutral--600: #404040;
      --_🎨-global-colors---neutral--700: #262626;
      --_🎨-global-colors---neutral--75: #e5e5e5;
      --_🎨-global-colors---neutral--800: #171717;
      --_🎨-global-colors---neutral--900: black;
      --_🎨-global-colors---primary--00: #f8faff;
      --_🎨-global-colors---primary--100: #dce8ff;
      --_🎨-global-colors---primary--200: #c2d5ff;
      --_🎨-global-colors---primary--300: #9dbbff;
      --_🎨-global-colors---primary--400: #719aff;
      --_🎨-global-colors---primary--50: #f0f5ff;
      --_🎨-global-colors---primary--500: #4a78ff;
      --_🎨-global-colors---primary--600: #315ee8;
      --_🎨-global-colors---primary--700: #264ac2;
      --_🎨-global-colors---primary--75: #e8f0ff;
      --_🎨-global-colors---primary--800: #203c9b;
      --_🎨-global-colors---primary--900: #1d357a;
      --_🎨-global-colors---white--00: #333;
      --_🎨-global-colors---white--100: #858585;
      --_🎨-global-colors---white--200: #aaa;
      --_🎨-global-colors---white--300: #c5c5c5;
      --_🎨-global-colors---white--400: #d8d8d8;
      --_🎨-global-colors---white--50: #5c5c5c;
      --_🎨-global-colors---white--500: #e6e6e6;
      --_🎨-global-colors---white--600: #eee;
      --_🎨-global-colors---white--700: whitesmoke;
      --_🎨-global-colors---white--75: #707070;
      --_🎨-global-colors---white--800: #fafafa;
      --_🎨-global-colors---white--900: white;
      --font-family--heading: "Bricolage Grotesque", sans-serif;
      --font-family--paragraph: "Inter Tight", sans-serif;
      --font-weight--black: 900;
      --font-weight--bold: 700;
      --font-weight--extra-bold: 800;
      --font-weight--extra-light: 200;
      --font-weight--light: 300;
      --font-weight--medium: 500;
      --font-weight--normal: 400;
      --font-weight--semi-bold: 600;
      --font-weight--thin: 100;
      --global-variables--button-height: 38px;
      --global-variables--container-size: 665px;
      --global-variables--hero-space: 90px;
      --global-variables--image-height: 300px;
      --global-variables--reverse-margin: -24px;
      --global-variables--section-empty: 0px;
      --global-variables--section-space: 60px;
      --global-variables--text-space: 32px;
      --global-variables--utility-width: 700px;
      --line-height--2xl: 1.9;
      --line-height--2xs: 1.1;
      --line-height--3xl: 2;
      --line-height--3xs: 1;
      --line-height--l: 1.6;
      --line-height--m: 1.5;
      --line-height--s: 1.4;
      --line-height--xl: 1.7;
      --line-height--xs: 1.3;
      --line-height--xxl: 1.8;
      --line-height--xxs: 1.2;
    }
  }
}

@media screen and (max-width: 479px) {
  @layer base {
    body {
      --_↔️-size-variables---border-radius--radius-2xl: 56px;
      --_↔️-size-variables---border-radius--radius-3xl: 72px;
      --_↔️-size-variables---border-radius--radius-3xs: 16px;
      --_↔️-size-variables---border-radius--radius-4xl: 80px;
      --_↔️-size-variables---border-radius--radius-4xs: 12px;
      --_↔️-size-variables---border-radius--radius-5xl: 88px;
      --_↔️-size-variables---border-radius--radius-5xs: 10px;
      --_↔️-size-variables---border-radius--radius-6xl: 96px;
      --_↔️-size-variables---border-radius--radius-6xs: 8px;
      --_↔️-size-variables---border-radius--radius-7xl: 104px;
      --_↔️-size-variables---border-radius--radius-7xs: 6px;
      --_↔️-size-variables---border-radius--radius-8xl: 112px;
      --_↔️-size-variables---border-radius--radius-8xs: 4px;
      --_↔️-size-variables---border-radius--radius-9xl: 120px;
      --_↔️-size-variables---border-radius--radius-9xs: 2px;
      --_↔️-size-variables---border-radius--radius-l: 40px;
      --_↔️-size-variables---border-radius--radius-m: 32px;
      --_↔️-size-variables---border-radius--radius-s: 28px;
      --_↔️-size-variables---border-radius--radius-tiny: 1px;
      --_↔️-size-variables---border-radius--radius-xl: 48px;
      --_↔️-size-variables---border-radius--radius-xs: 24px;
      --_↔️-size-variables---border-radius--radius-xxl: 64px;
      --_↔️-size-variables---border-radius--radius-xxs: 20px;
      --_↔️-size-variables---border-radius--radius-zero: 0px;
      --_↔️-size-variables---global-sizes--size-2xl: 56px;
      --_↔️-size-variables---global-sizes--size-3xl: 72px;
      --_↔️-size-variables---global-sizes--size-3xs: 16px;
      --_↔️-size-variables---global-sizes--size-4xl: 80px;
      --_↔️-size-variables---global-sizes--size-4xs: 12px;
      --_↔️-size-variables---global-sizes--size-5xl: 88px;
      --_↔️-size-variables---global-sizes--size-5xs: 10px;
      --_↔️-size-variables---global-sizes--size-6xl: 96px;
      --_↔️-size-variables---global-sizes--size-6xs: 8px;
      --_↔️-size-variables---global-sizes--size-7xl: 104px;
      --_↔️-size-variables---global-sizes--size-7xs: 6px;
      --_↔️-size-variables---global-sizes--size-8xl: 112px;
      --_↔️-size-variables---global-sizes--size-8xs: 4px;
      --_↔️-size-variables---global-sizes--size-9xl: 120px;
      --_↔️-size-variables---global-sizes--size-9xs: 2px;
      --_↔️-size-variables---global-sizes--size-l: 40px;
      --_↔️-size-variables---global-sizes--size-m: 32px;
      --_↔️-size-variables---global-sizes--size-s: 28px;
      --_↔️-size-variables---global-sizes--size-tiny: 1px;
      --_↔️-size-variables---global-sizes--size-xl: 48px;
      --_↔️-size-variables---global-sizes--size-xs: 24px;
      --_↔️-size-variables---global-sizes--size-xxl: 64px;
      --_↔️-size-variables---global-sizes--size-xxs: 20px;
      --_↔️-size-variables---global-sizes--size-zero: 0px;
      --_✍️-typography---button--font: var(--font-family--heading);
      --_✍️-typography---button--height: var(--line-height--3xs);
      --_✍️-typography---button--size: 14px;
      --_✍️-typography---button--space: 0em;
      --_✍️-typography---button--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-l--font: var(--font-family--heading);
      --_✍️-typography---heading-01-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-l--size: 36px;
      --_✍️-typography---heading-01-l--space: 0em;
      --_✍️-typography---heading-01-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-m--font: var(--font-family--heading);
      --_✍️-typography---heading-01-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-m--size: 32px;
      --_✍️-typography---heading-01-m--space: 0em;
      --_✍️-typography---heading-01-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-s--font: var(--font-family--heading);
      --_✍️-typography---heading-01-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-s--size: 24px;
      --_✍️-typography---heading-01-s--space: 0em;
      --_✍️-typography---heading-01-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-01-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-01-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-01-xs--size: 28px;
      --_✍️-typography---heading-01-xs--space: 0em;
      --_✍️-typography---heading-01-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-l--font: var(--font-family--heading);
      --_✍️-typography---heading-02-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-l--size: 32px;
      --_✍️-typography---heading-02-l--space: 0em;
      --_✍️-typography---heading-02-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-m--font: var(--font-family--heading);
      --_✍️-typography---heading-02-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-m--size: 28px;
      --_✍️-typography---heading-02-m--space: 0em;
      --_✍️-typography---heading-02-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-s--font: var(--font-family--heading);
      --_✍️-typography---heading-02-s--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-s--size: 24px;
      --_✍️-typography---heading-02-s--space: 0em;
      --_✍️-typography---heading-02-s--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-02-xs--font: var(--font-family--heading);
      --_✍️-typography---heading-02-xs--height: var(--line-height--3xs);
      --_✍️-typography---heading-02-xs--size: 20px;
      --_✍️-typography---heading-02-xs--space: 0em;
      --_✍️-typography---heading-02-xs--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-l--font: var(--font-family--heading);
      --_✍️-typography---heading-03-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-l--size: 28px;
      --_✍️-typography---heading-03-l--space: 0em;
      --_✍️-typography---heading-03-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-m--font: var(--font-family--heading);
      --_✍️-typography---heading-03-m--height: var(--line-height--3xs);
      --_✍️-typography---heading-03-m--size: 24px;
      --_✍️-typography---heading-03-m--space: 0em;
      --_✍️-typography---heading-03-m--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-03-s--font: var(--font-family--heading);
      --_✍️-typography---heading-03-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-03-s--size: 0px;
      --_✍️-typography---heading-03-s--space: 0em;
      --_✍️-typography---heading-03-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-l--font: var(--font-family--heading);
      --_✍️-typography---heading-04-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-04-l--size: 24px;
      --_✍️-typography---heading-04-l--space: 0em;
      --_✍️-typography---heading-04-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-04-m--font: var(--font-family--heading);
      --_✍️-typography---heading-04-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-m--size: 0px;
      --_✍️-typography---heading-04-m--space: 0em;
      --_✍️-typography---heading-04-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-04-s--font: var(--font-family--heading);
      --_✍️-typography---heading-04-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-04-s--size: 0px;
      --_✍️-typography---heading-04-s--space: 0em;
      --_✍️-typography---heading-04-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-l--font: var(--font-family--heading);
      --_✍️-typography---heading-05-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-05-l--size: 20px;
      --_✍️-typography---heading-05-l--space: 0em;
      --_✍️-typography---heading-05-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-05-m--font: var(--font-family--heading);
      --_✍️-typography---heading-05-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-m--size: 0px;
      --_✍️-typography---heading-05-m--space: 0em;
      --_✍️-typography---heading-05-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-05-s--font: var(--font-family--heading);
      --_✍️-typography---heading-05-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-05-s--size: 0px;
      --_✍️-typography---heading-05-s--space: 0em;
      --_✍️-typography---heading-05-s--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-l--font: var(--font-family--heading);
      --_✍️-typography---heading-06-l--height: var(--line-height--3xs);
      --_✍️-typography---heading-06-l--size: 16px;
      --_✍️-typography---heading-06-l--space: 0em;
      --_✍️-typography---heading-06-l--weight: var(--font-weight--semi-bold);
      --_✍️-typography---heading-06-m--font: var(--font-family--heading);
      --_✍️-typography---heading-06-m--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-m--size: 0px;
      --_✍️-typography---heading-06-m--space: 0em;
      --_✍️-typography---heading-06-m--weight: var(--font-weight--medium);
      --_✍️-typography---heading-06-s--font: var(--font-family--heading);
      --_✍️-typography---heading-06-s--height: var(--line-height--xxs);
      --_✍️-typography---heading-06-s--size: 0px;
      --_✍️-typography---heading-06-s--space: 0em;
      --_✍️-typography---heading-06-s--weight: var(--font-weight--medium);
      --_✍️-typography---label--font: var(--font-family--heading);
      --_✍️-typography---label--height: var(--line-height--3xs);
      --_✍️-typography---label--size: 16px;
      --_✍️-typography---label--space: 0em;
      --_✍️-typography---label--weight: var(--font-weight--normal);
      --_✍️-typography---paragraph--font: var(--font-family--paragraph);
      --_✍️-typography---paragraph--height: var(--line-height--s);
      --_✍️-typography---paragraph--size: 16px;
      --_✍️-typography---paragraph--space: .016em;
      --_✍️-typography---paragraph--weight: var(--font-weight--normal);
      --_✍️-typography---tag--font: var(--font-family--heading);
      --_✍️-typography---tag--height: var(--line-height--3xs);
      --_✍️-typography---tag--size: 14px;
      --_✍️-typography---tag--space: 0em;
      --_✍️-typography---tag--weight: var(--font-weight--medium);
      --_🎨-global-colors---color--black: black;
      --_🎨-global-colors---color--cream: #f6f6f6;
      --_🎨-global-colors---color--gold: #f9ae0e;
      --_🎨-global-colors---color--gray: #8d8d8d;
      --_🎨-global-colors---color--stroke: #ededed;
      --_🎨-global-colors---color--text: #5b5b5b;
      --_🎨-global-colors---color--transparent: transparent;
      --_🎨-global-colors---color--white: white;
      --_🎨-global-colors---neutral--00: #fafafa;
      --_🎨-global-colors---neutral--100: #e5e5e5;
      --_🎨-global-colors---neutral--200: #d4d4d4;
      --_🎨-global-colors---neutral--300: #a3a3a3;
      --_🎨-global-colors---neutral--400: #737373;
      --_🎨-global-colors---neutral--50: whitesmoke;
      --_🎨-global-colors---neutral--500: #525252;
      --_🎨-global-colors---neutral--600: #404040;
      --_🎨-global-colors---neutral--700: #262626;
      --_🎨-global-colors---neutral--75: #e5e5e5;
      --_🎨-global-colors---neutral--800: #171717;
      --_🎨-global-colors---neutral--900: black;
      --_🎨-global-colors---primary--00: #f8faff;
      --_🎨-global-colors---primary--100: #dce8ff;
      --_🎨-global-colors---primary--200: #c2d5ff;
      --_🎨-global-colors---primary--300: #9dbbff;
      --_🎨-global-colors---primary--400: #719aff;
      --_🎨-global-colors---primary--50: #f0f5ff;
      --_🎨-global-colors---primary--500: #4a78ff;
      --_🎨-global-colors---primary--600: #315ee8;
      --_🎨-global-colors---primary--700: #264ac2;
      --_🎨-global-colors---primary--75: #e8f0ff;
      --_🎨-global-colors---primary--800: #203c9b;
      --_🎨-global-colors---primary--900: #1d357a;
      --_🎨-global-colors---white--00: #333;
      --_🎨-global-colors---white--100: #858585;
      --_🎨-global-colors---white--200: #aaa;
      --_🎨-global-colors---white--300: #c5c5c5;
      --_🎨-global-colors---white--400: #d8d8d8;
      --_🎨-global-colors---white--50: #5c5c5c;
      --_🎨-global-colors---white--500: #e6e6e6;
      --_🎨-global-colors---white--600: #eee;
      --_🎨-global-colors---white--700: whitesmoke;
      --_🎨-global-colors---white--75: #707070;
      --_🎨-global-colors---white--800: #fafafa;
      --_🎨-global-colors---white--900: white;
      --font-family--heading: "Bricolage Grotesque", sans-serif;
      --font-family--paragraph: "Inter Tight", sans-serif;
      --font-weight--black: 900;
      --font-weight--bold: 700;
      --font-weight--extra-bold: 800;
      --font-weight--extra-light: 200;
      --font-weight--light: 300;
      --font-weight--medium: 500;
      --font-weight--normal: 400;
      --font-weight--semi-bold: 600;
      --font-weight--thin: 100;
      --global-variables--button-height: 38px;
      --global-variables--container-size: 430px;
      --global-variables--hero-space: 90px;
      --global-variables--image-height: 200px;
      --global-variables--reverse-margin: -24px;
      --global-variables--section-empty: 0px;
      --global-variables--section-space: 60px;
      --global-variables--text-space: 24px;
      --global-variables--utility-width: 700px;
      --line-height--2xl: 1.9;
      --line-height--2xs: 1.1;
      --line-height--3xl: 2;
      --line-height--3xs: 1;
      --line-height--l: 1.6;
      --line-height--m: 1.5;
      --line-height--s: 1.4;
      --line-height--xl: 1.7;
      --line-height--xs: 1.3;
      --line-height--xxl: 1.8;
      --line-height--xxs: 1.2;
    }
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}