:root {
  --theme--background: var(--swatch--beige);
  --text--font-family: var(--font--primary-family);
  --theme--text: var(--swatch--content-primary);
  --text--font-size: var(--size--1rem);
  --text--line-height: 1.6em;
  --text--letter-spacing: var(--letter-spacing--0em);
  --h1--font-family: var(--font--primary-family);
  --h1--font-size: var(--size--4-5rem);
  --h1--line-height: var(--line-height--1em);
  --h1--letter-spacing: var(--letter-spacing--0-03em);
  --h2--font-family: var(--font--primary-family);
  --h2--font-size: var(--size--2-5rem);
  --h2--line-height: var(--line-height--1em);
  --h2--letter-spacing: var(--letter-spacing--0-03em);
  --h3--font-family: var(--font--primary-family);
  --h3--font-size: var(--size--2rem);
  --h3--line-height: 2.5em;
  --h3--letter-spacing: var(--letter-spacing--0-03em);
  --h4--font-family: var(--font--primary-family);
  --h4--font-size: var(--size--2rem);
  --h4--line-height: var(--line-height--1-3em);
  --h4--letter-spacing: var(--letter-spacing--0em);
  --h5--font-family: var(--font--primary-family);
  --h5--font-size: var(--size--1-5rem);
  --h5--line-height: var(--line-height--1-3em);
  --h5--letter-spacing: var(--letter-spacing--0em);
  --h6--font-family: var(--font--primary-family);
  --h6--font-size: var(--size--1rem);
  --h6--line-height: var(--line-height--1-3em);
  --h6--letter-spacing: var(--letter-spacing--0em);
  --space--small: var(--size--0-5rem);
  --text-large--font-family: var(--font--primary-family);
  --text-large--font-size: var(--size--1-25rem);
  --text-large--line-height: var(--line-height--1-3em);
  --text-large--letter-spacing: var(--letter-spacing--0em);
  --display--font-family: var(--font--primary-family);
  --display--letter-spacing: var(--letter-spacing--0-03em);
  --size--1-5rem: 1.5rem;
  --swatch--content-secondary: #56564f;
  --border-width--main: 1.5px;
  --theme--border: #000;
  --radius--main: .5rem;
  --size--0-5rem: .5rem;
  --size--0-75rem: .75rem;
  --radius--small: .25rem;
  --line-height--1em: 1em;
  --space--extra-small: var(--size--0-25rem);
  --swatch--transparent: #fff0;
  --swatch--yellow: #ffc736;
  --radius--round: 100vw;
  --size--3rem: 3rem;
  --size--0-25rem: .25rem;
  --size--2rem: 2rem;
  --button--background: white;
  --button--text: white;
  --swatch--content-primary: #000;
  --size--5rem: 5rem;
  --button--border: white;
  --button--border-hover: white;
  --button--background-hover: white;
  --button--text-hover: white;
  --max-width--main: 90rem;
  --padding-vertical--main: var(--size--6rem);
  --padding-horizontal--main: 5rem;
  --text-small--font-family: var(--font--primary-family);
  --text-small--font-size: .875rem;
  --text-small--line-height: var(--line-height--1-5em);
  --text-small--letter-spacing: var(--letter-spacing--0em);
  --space--medium: var(--size--1rem);
  --grid-gap--main: var(--letter-spacing--0em);
  --size--0rem: 0rem;
  --space--large: var(--size--1-5rem);
  --font--secondary-family: "IBM Plex Mono", sans-serif;
  --size--1-25rem: 1.25rem;
  --size--1rem: 1rem;
  --swatch--dark: #353233;
  --swatch--dark-fade: #22222033;
  --swatch--light: white;
  --swatch--light-fade: #fff3;
  --swatch--brand-text: var(--swatch--dark);
  --swatch--light-blue: #8bd5ff;
  --swatch--light-sage: #a4dec9;
  --swatch--beige: #f4f3f1;
  --padding-vertical--none: var(--size--0rem);
  --padding-vertical--small: var(--size--5rem);
  --padding-vertical--large: var(--size--9rem);
  --space--extra-large: var(--size--2rem);
  --svg-stroke-width--main: 1.5px;
  --display--font-size: var(--size--7rem);
  --display--font-weight: var(--font--primary-medium);
  --display--line-height: var(--line-height--1em);
  --display--text-transform: var(--text-transform--inherit);
  --h1--font-weight: var(--font--primary-medium);
  --h1--text-transform: var(--text-transform--inherit);
  --h2--font-weight: var(--font--primary-medium);
  --h2--text-transform: var(--text-transform--inherit);
  --h3--font-weight: var(--font--primary-medium);
  --h3--text-transform: var(--text-transform--inherit);
  --h4--font-weight: var(--font--primary-medium);
  --h4--text-transform: var(--text-transform--inherit);
  --h5--font-weight: var(--font--primary-medium);
  --h5--text-transform: var(--text-transform--inherit);
  --h6--font-weight: var(--font--primary-medium);
  --h6--text-transform: var(--text-transform--inherit);
  --text--font-weight: var(--font--primary-regular);
  --text--text-transform: var(--text-transform--none);
  --text-large--font-weight: var(--font--primary-regular);
  --text-large--text-transform: var(--text-transform--inherit);
  --text-small--font-weight: var(--font--primary-regular);
  --text-small--text-transform: var(--text-transform--inherit);
  --font--primary-family: Inter, sans-serif;
  --font--primary-regular: var(--font-weight--400);
  --font--primary-medium: var(--font-weight--500);
  --font--primary-bold: var(--font-weight--700);
  --font--secondary-regular: var(--font-weight--400);
  --font--secondary-medium: var(--font-weight--500);
  --font-weight--inherit: 0px;
  --font-weight--100: 0px;
  --font-weight--200: 0px;
  --font-weight--300: 0px;
  --font-weight--400: 0px;
  --font-weight--500: 0px;
  --font-weight--600: 0px;
  --font-weight--700: 0px;
  --font-weight--800: 0px;
  --font-weight--900: 0px;
  --letter-spacing--0em: 0em;
  --letter-spacing--0-03em: -.03em;
  --line-height--1-5em: 1.5em;
  --line-height--1-3em: 1.3em;
  --line-height--1-1em: 1.1em;
  --size--0-125rem: .125rem;
  --size--2-5rem: 2.5rem;
  --size--3-5rem: 3.5rem;
  --size--4rem: 4rem;
  --size--4-5rem: 4.5rem;
  --size--5-5rem: 5.5rem;
  --size--6rem: 6rem;
  --size--6-5rem: 6.5rem;
  --size--7rem: 7rem;
  --size--7-5rem: 7.5rem;
  --size--8rem: 8rem;
  --size--8-5rem: 8.5rem;
  --size--9rem: 9rem;
  --size--9-5rem: 9.5rem;
  --size--10rem: 10rem;
  --size--11rem: 11rem;
  --size--12rem: 12rem;
  --size--13rem: 13rem;
  --size--14rem: 14rem;
  --size--15rem: 15rem;
  --size--16rem: 16rem;
  --text-transform--inherit: 0px;
  --text-transform--none: 0px;
  --text-transform--uppercase: 0px;
  --text-transform--capitalize: 0px;
  --text-transform--lowercase: 0px;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

body {
  background-color: var(--theme--background);
  font-family: var(--text--font-family);
  color: var(--theme--text);
  font-size: var(--text--font-size);
  line-height: var(--text--line-height);
  letter-spacing: var(--text--letter-spacing);
  overscroll-behavior: none;
  font-weight: var(--text--font-weight);
  text-transform: var(--text--text-transform);
}

h1 {
  font-family: var(--h1--font-family);
  font-size: var(--h1--font-size);
  line-height: var(--h1--line-height);
  letter-spacing: var(--h1--letter-spacing);
  font-weight: var(--h1--font-weight);
  text-transform: var(--h1--text-transform);
}

h2 {
  font-family: var(--h2--font-family);
  font-size: var(--h2--font-size);
  line-height: var(--h2--line-height);
  letter-spacing: var(--h2--letter-spacing);
  font-weight: var(--h2--font-weight);
  text-transform: var(--h2--text-transform);
}

h3 {
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  line-height: var(--h3--line-height);
  letter-spacing: var(--h3--letter-spacing);
  font-weight: var(--h3--font-weight);
  text-transform: var(--h3--text-transform);
}

h4 {
  font-family: var(--h4--font-family);
  font-size: var(--h4--font-size);
  line-height: var(--h4--line-height);
  letter-spacing: var(--h4--letter-spacing);
  font-weight: var(--h4--font-weight);
  text-transform: var(--h4--text-transform);
}

h5 {
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  letter-spacing: var(--h5--letter-spacing);
  font-weight: var(--h5--font-weight);
  text-transform: var(--h5--text-transform);
}

h6 {
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  letter-spacing: var(--h6--letter-spacing);
  font-weight: var(--h6--font-weight);
  text-transform: var(--h6--text-transform);
}

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

ul {
  margin: 0;
  padding: 0 0 0 1em;
}

ol {
  margin: 0;
  padding: 0 0 0 1.2em;
}

li {
  margin: 0 0 .5rem;
  padding: 0;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

blockquote {
  padding-top: 0;
  padding-right: var(--space--small);
  padding-bottom: 0;
  padding-left: var(--space--small);
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  letter-spacing: var(--text-large--letter-spacing);
  font-weight: var(--text-large--font-weight);
  text-transform: var(--text-large--text-transform);
}

.u-display {
  font-family: var(--display--font-family);
  font-size: var(--h1--font-size);
  letter-spacing: var(--display--letter-spacing);
  text-transform: none;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  width: 100%;
  font-weight: 800;
  line-height: 125%;
}

.u-h1 {
  font-family: var(--h1--font-family);
  color: var(--theme--text);
  font-size: var(--h1--font-size);
  letter-spacing: -.01em;
  text-transform: var(--h1--text-transform);
  font-weight: 700;
  line-height: 125%;
}

.u-h2 {
  font-family: var(--h2--font-family);
  letter-spacing: .01em;
  object-fit: fill;
  text-transform: var(--h2--text-transform);
  font-size: 2rem;
  font-weight: 700;
  line-height: 130%;
  overflow: visible;
}

.u-h2.hero {
  letter-spacing: 0;
}

.u-h3 {
  font-family: var(--h3--font-family);
  font-size: var(--h3--font-size);
  letter-spacing: .01em;
  text-transform: var(--h3--text-transform);
  font-weight: 700;
  line-height: 150%;
}

.u-h4 {
  font-family: var(--h4--font-family);
  font-size: 1.25rem;
  line-height: var(--h4--line-height);
  letter-spacing: var(--h4--letter-spacing);
  text-transform: var(--h4--text-transform);
  font-weight: 600;
}

.u-h5 {
  font-family: var(--h5--font-family);
  font-size: var(--h5--font-size);
  line-height: var(--h5--line-height);
  letter-spacing: var(--h5--letter-spacing);
  font-weight: var(--h5--font-weight);
  text-transform: var(--h5--text-transform);
}

.u-h6 {
  font-family: var(--h6--font-family);
  font-size: var(--h6--font-size);
  line-height: var(--h6--line-height);
  letter-spacing: var(--h6--letter-spacing);
  font-weight: var(--h6--font-weight);
  text-transform: var(--h6--text-transform);
}

.u-text {
  font-family: var(--text--font-family);
  color: var(--swatch--content-secondary);
  font-size: var(--text--font-size);
  letter-spacing: var(--text--letter-spacing);
  overflow-wrap: normal;
  text-transform: var(--text--text-transform);
  font-weight: 300;
  line-height: 160%;
}

.styleguide_card {
  padding: var(--space--small);
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.styleguide_footer {
  border-top: var(--border-width--main) solid var(--theme--border);
  text-align: center;
}

.g_tag_wrap {
  padding: var(--size--0-5rem) var(--size--0-75rem);
  border-radius: var(--radius--small);
  background-color: var(--theme--text);
  color: var(--theme--background);
  line-height: var(--line-height--1em);
  text-align: center;
  min-width: 4rem;
  display: inline-block;
}

.g_tag_wrap.is-wider {
  min-width: 6.7rem;
}

.styleguide_font_item {
  border-bottom: var(--border-width--main) solid var(--theme--border);
}

.styleguide_font_item.u-grid-column-2 {
  padding-top: var(--space--small);
  padding-bottom: var(--space--small);
  grid-row-gap: var(--space--extra-small);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
}

.form_main_field_wrap {
  text-align: left;
  width: 100%;
}

.form_main_wrap {
  width: 100%;
  margin-bottom: 0;
}

.form_main_success_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  background-color: var(--swatch--transparent);
  padding: 1.2rem;
}

.form_main_option_item {
  margin-bottom: 0;
  padding-left: 0;
}

.form_main_error_wrap {
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--main);
  background-color: #0000;
  margin-top: 1.3rem;
  padding: .8rem 1.4rem;
}

.form_main_option_link {
  width: var(--size--1-5rem);
  height: var(--size--1-5rem);
  margin: 0px var(--space--extra-small) 0px 0px;
  border-width: var(--border-width--main);
  border-color: var(--theme--border);
  border-radius: var(--radius--small);
}

.form_main_option_link.w--redirected-checked {
  border-color: var(--swatch--yellow);
  border-radius: var(--radius--small);
  background-color: var(--swatch--yellow);
  background-size: 60%;
}

.form_main_option_link.w--redirected-focus {
  box-shadow: none;
}

.form_main_option_link.radio {
  border-radius: var(--radius--round);
}

.form_main_field_input {
  height: var(--size--3rem);
  border-style: solid;
  border-width: 0px 0px var(--border-width--main);
  border-color: black black var(--theme--border);
  color: var(--theme--text);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.form_main_field_input:focus {
  border-bottom-color: var(--theme--text);
}

.form_main_field_input::placeholder {
  color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}

.form_main_field_input.is-message {
  padding-top: var(--size--0-5rem);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 5rem;
  max-height: 10rem;
}

.u-rich-text h1 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--extra-small);
}

.u-rich-text p {
  margin-top: var(--space--extra-small);
  margin-bottom: var(--space--extra-small);
}

.u-rich-text h2, .u-rich-text h3, .u-rich-text h4, .u-rich-text h5, .u-rich-text h6 {
  margin-top: var(--space--small);
  margin-bottom: var(--space--extra-small);
}

.u-rich-text figure {
  margin-top: var(--space--small);
  margin-bottom: var(--space--small);
}

.u-rich-text ul {
  margin-top: var(--size--0-75rem);
  margin-bottom: var(--size--0-75rem);
}

.u-rich-text li {
  margin-top: var(--size--0-25rem);
  margin-bottom: var(--size--0-25rem);
}

.u-rich-text blockquote {
  margin-top: var(--size--2rem);
  margin-bottom: var(--size--2rem);
}

.btn_main_wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: none;
  border-width: var(--border-width--main);
  background-color: var(--button--background);
  color: var(--button--text);
  border-color: #0000;
  border-radius: 0;
  margin-left: -12px;
  padding: 12px;
  line-height: 1;
  transition: all .15s;
  display: flex;
}

.btn_main_wrap:hover {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1.5px none var(--theme--border);
  color: var(--swatch--content-primary);
}

.btn_main_icon {
  flex: none;
  width: .7rem;
  height: .9rem;
  margin-top: 1px;
  transition: transform .2s;
  display: flex;
}

.btn_main_list {
  margin-left: auto;
  margin-right: auto;
}

.btn_main_list.u-gap-xsmall.u-hflex-center-center {
  grid-column-gap: var(--space--small);
  grid-row-gap: var(--space--small);
}

.btn_main_text {
  color: var(--swatch--content-primary);
  line-height: 1rem;
}

.btn_main_text:hover {
  color: var(--swatch--content-primary);
  text-decoration: underline;
}

.btn_play_wrap {
  width: var(--size--5rem);
  aspect-ratio: 1;
  border: var(--border-width--main) solid var(--button--border);
  border-radius: var(--radius--round);
  background-color: var(--button--background);
  color: var(--button--text);
  transition: all .15s;
  position: relative;
}

.btn_play_wrap:hover {
  border-color: var(--button--border-hover);
  background-color: var(--button--background-hover);
  color: var(--button--text-hover);
}

.btn_play_icon {
  width: 36%;
  height: 36%;
  margin-right: -7%;
}

.page_wrap {
  overflow: clip;
}

.page_main {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4rem;
  padding-left: 5rem;
  padding-right: 5rem;
  position: static;
}

.page_code_wrap {
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.styleguide_visual {
  padding: var(--space--extra-small);
  aspect-ratio: 3 / 1.5;
  border: var(--border-width--main) solid var(--theme--border);
  border-radius: var(--radius--small);
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.u-cover {
  width: 100%;
  height: 100%;
}

.styleguide_adaptive_item {
  padding-top: var(--space--extra-small);
  padding-bottom: var(--space--extra-small);
  border-bottom: var(--border-width--main) solid var(--theme--border);
}

.styleguide_adaptive_visual {
  border-top-left-radius: var(--radius--small);
  border-top-right-radius: var(--radius--small);
  border-bottom-left-radius: var(--radius--small);
  border-bottom-right-radius: var(--radius--small);
  background-color: currentColor;
  height: 2rem;
  padding-bottom: 0;
  padding-right: 0;
}

.styleguide_icon {
  width: var(--size--3rem);
  height: var(--size--3rem);
}

.u-container {
  max-width: var(--max-width--main);
  padding: var(--padding-vertical--main) var(--padding-horizontal--main);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-text-large {
  font-family: var(--text-large--font-family);
  font-size: var(--text-large--font-size);
  line-height: var(--text-large--line-height);
  letter-spacing: var(--text-large--letter-spacing);
  font-weight: var(--text-large--font-weight);
  text-transform: var(--text-large--text-transform);
}

.u-text-small {
  font-family: var(--text-small--font-family);
  font-size: var(--text-small--font-size);
  line-height: var(--text-small--line-height);
  letter-spacing: var(--text-small--letter-spacing);
  font-weight: var(--text-small--font-weight);
  text-transform: var(--text-small--text-transform);
}

.hero_utility-page_contain.u-container {
  min-height: 100vh;
}

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

.hero_placeholder_contain.u-container {
  text-align: center;
  min-height: 100vh;
}

.styleguide_guide_wrap {
  z-index: 2000;
  pointer-events: none;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.styleguide_guide_list.u-grid-custom {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.styleguide_guide_column {
  color: #8a8a8a80;
  background-color: #9292920f;
  height: 100vh;
  padding: .6rem;
}

.layout_split_list.u-grid-custom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.g_eyebrow_marker {
  width: var(--border-width--main);
  background-color: currentColor;
  flex: none;
  padding-bottom: 0;
  padding-right: 0;
}

.layout_split_left {
  padding-top: var(--space--medium);
  padding-bottom: var(--space--medium);
}

.g_visual_background {
  opacity: .1;
  background-color: currentColor;
}

.g_visual_overlay {
  background-color: #000;
}

.layout_full_contain.u-container {
  text-align: center;
  min-height: 90vh;
}

.layout_card_card {
  border-radius: var(--radius--main);
  position: relative;
  overflow: hidden;
}

.layout_card_inner {
  padding: var(--space--medium);
  text-align: center;
  position: relative;
}

.layout_split_visual_wrap {
  flex: none;
  width: 50vw;
  max-width: 100%;
}

.hero_placeholder_link {
  border-bottom-style: solid;
  border-bottom-width: var(--border-width--main);
}

.layout_split_visual_ratio {
  height: 100%;
  padding-top: 90%;
  position: relative;
}

.u-grid-custom {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.styleguide_card_visual {
  border-top-left-radius: var(--radius--round);
  border-top-right-radius: var(--radius--round);
  border-bottom-left-radius: var(--radius--round);
  border-bottom-right-radius: var(--radius--round);
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  min-width: 3rem;
  min-height: 3rem;
}

.u-grid-autofit {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-column {
  grid-area: auto / auto / span 1 / span 1;
}

.u-cover-absolute {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.u-grid-subgrid {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: subgrid;
  grid-column: auto / span 1;
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-column-full {
  grid-column: 1 / -1;
}

.styleguide_flex_wrap {
  aspect-ratio: 1;
  background-image: url('../images/dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 88%;
  width: 100%;
  container-type: inline-size;
}

.u-hflex-left-top {
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.styleguide_flex_dot {
  opacity: .1;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 100vw;
  min-width: 16cqw;
  min-height: 16cqw;
}

.u-hflex-left-center {
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-hflex-left-bottom {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-hflex-left-stretch {
  flex-flow: wrap;
  place-content: stretch flex-start;
  align-items: stretch;
  display: flex;
}

.u-hflex-center-top {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-hflex-center-center {
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-hflex-center-bottom {
  flex-flow: wrap;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-hflex-center-stretch {
  flex-flow: wrap;
  place-content: stretch center;
  align-items: stretch;
  display: flex;
}

.u-hflex-right-top {
  flex-flow: wrap;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-hflex-right-center {
  flex-flow: wrap;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-hflex-right-bottom {
  flex-flow: wrap;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-hflex-right-stretch {
  flex-flow: wrap;
  place-content: stretch flex-end;
  align-items: stretch;
  display: flex;
}

.u-hflex-between-top {
  flex-flow: wrap;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-hflex-between-center {
  flex-flow: wrap;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-hflex-between-bottom {
  flex-flow: wrap;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-hflex-between-stretch {
  flex-flow: wrap;
  place-content: stretch space-between;
  align-items: stretch;
  display: flex;
}

.u-vflex-left-top {
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-center {
  flex-flow: column;
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-bottom {
  flex-flow: column;
  place-content: flex-start flex-end;
  align-items: flex-start;
  display: flex;
}

.u-vflex-left-between {
  flex-flow: column;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.u-vflex-center-top {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  display: flex;
}

.u-vflex-center-center {
  flex-flow: column;
  place-content: center;
  align-items: center;
  display: flex;
}

.u-vflex-center-bottom {
  flex-flow: column;
  place-content: center flex-end;
  align-items: center;
  display: flex;
}

.u-vflex-center-between {
  flex-flow: column;
  place-content: center space-between;
  align-items: center;
  display: flex;
}

.u-vflex-right-top {
  flex-flow: column;
  place-content: flex-end flex-start;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-center {
  flex-flow: column;
  place-content: flex-end center;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-bottom {
  flex-flow: column;
  place-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.u-vflex-right-between {
  flex-flow: column;
  place-content: flex-end space-between;
  align-items: flex-end;
  display: flex;
}

.u-vflex-stretch-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-bottom {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.u-vflex-stretch-between {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.u-hflex-wrap {
  flex-flow: wrap;
}

.u-hflex-nowrap {
  flex-flow: row;
}

.u-vflex-wrap {
  flex-flow: column wrap;
}

.u-vflex-nowrap {
  flex-flow: column;
}

.u-gap-none {
  grid-column-gap: var(--size--0rem);
  grid-row-gap: var(--size--0rem);
}

.u-gap-main {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
}

.u-gap-xsmall {
  grid-column-gap: var(--space--extra-small);
  grid-row-gap: var(--space--extra-small);
}

.u-gap-small {
  grid-column-gap: var(--space--small);
  grid-row-gap: var(--space--small);
}

.u-gap-medium {
  grid-column-gap: var(--space--medium);
  grid-row-gap: var(--space--medium);
}

.u-gap-large {
  grid-column-gap: var(--space--large);
  grid-row-gap: var(--space--large);
}

.u-grid-column-4 {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-grid-column-2 {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}

.u-text-color-inherit {
  color: inherit;
}

.u-text-color-faded {
  color: color-mix(in srgb, var(--theme--text) 60%, transparent);
}

.u-primary-regular {
  font-weight: var(--font--primary-regular);
}

.u-primary-medium {
  font-weight: var(--font--primary-medium);
}

.u-primary-bold {
  font-weight: var(--font--primary-bold);
}

.u-column-indent {
  grid-column: 2 / -2;
}

.icon {
  width: 1.25rem;
  height: 1.25rem;
}

.icon.tag-icon {
  width: 16px;
  height: 16px;
}

.icon._24px {
  width: 1.5rem;
  height: 1.5rem;
}

.icon._24px:hover {
  background-color: #0000001a;
}

.nav_wrap {
  z-index: 1000;
  position: absolute;
  inset: 0% 0% auto;
}

.nav_contain.u-container {
  border-bottom: 1px solid #000;
  max-width: none;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nav_logo_wrap {
  width: 1.5rem;
}

.nav-btns_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  outline-color: var(--button--border);
  outline-offset: 0px;
  outline-width: 3px;
  outline-style: none;
  align-items: stretch;
  display: flex;
}

.contact-btn {
  background-color: var(--swatch--transparent);
  color: var(--swatch--content-primary);
  border: 1px solid #000;
  padding: 12px 16px;
  font-weight: 500;
}

.contact-btn:hover {
  background-color: #80808026;
}

.nav-btn {
  background-color: var(--swatch--transparent);
  color: var(--swatch--content-primary);
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-weight: 500;
  display: flex;
}

.nav-btn:hover {
  background-color: #8181811a;
  border-style: solid;
  border-color: #00000080;
}

.nav-btn.w--current:hover {
  background-color: #8181811a;
}

.hero_stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: fill;
  border-left: 1px dashed #000;
  min-height: 75vh;
  margin-top: 100px;
  padding: 0;
  position: static;
  overflow: clip;
}

.cell {
  justify-content: center;
  align-items: center;
}

.cell.box_cell {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  outline-offset: 0px;
  border: 1px dashed #000;
  border-top: 0 #000;
  border-left: 0 #000;
  outline: 1px #000;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
}

.cell.box_cell.hero_left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: fill;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
}

.cell.box_cell.project-description {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.cell.box_cell.project-illustration {
  background-color: #ffffff1a;
  order: 0;
  justify-content: center;
  align-items: center;
  max-width: 320px;
  padding: 1rem;
  display: flex;
  overflow: hidden;
}

.cell.box_cell.project-illustration.no-padding {
  padding: 0;
  overflow: hidden;
}

.cell.box_cell.merchant-dash-hero-image {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: clip;
}

.cell.box_cell.hero_left_top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-right-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.cell.box_cell.hero_left_bottom {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-bottom-style: none;
  border-left-style: dashed;
  border-right-style: none;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.cell.box_cell.hero_left_case-study {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  object-fit: fill;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}

.cell.box_cell.case-study {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
}

.cell.box_cell.case-study.bottom-border {
  border-bottom-color: #0000004d;
  border-right-style: none;
}

.cell.box_cell.case-study.no-border {
  border-bottom-style: none;
  border-right-style: none;
}

.cell.box_cell.case-study_outer-box {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: 1px dashed #0000004d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2rem;
  padding: 0;
}

.div-block {
  position: static;
}

.dimitri_tag {
  border-radius: var(--radius--round);
  font-family: var(--font--secondary-family);
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem 1rem .5rem .75rem;
  display: flex;
}

.text-block {
  padding: 8px 16px 8px 11px;
  line-height: 1em;
}

.portrait {
  border-radius: var(--radius--round);
  width: 2rem;
  height: 2rem;
}

.styled-box {
  border: 1px dashed #000;
  width: 50%;
  padding: 48px;
  overflow: hidden;
}

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

.tag_text {
  font-family: var(--font--secondary-family);
  font-weight: 400;
}

.profile_list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.project_stack {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  object-fit: fill;
  border-left: 1px dashed #000;
  padding: 0;
  position: static;
  overflow: hidden;
}

.body-large {
  font-size: var(--size--1-25rem);
  max-width: 700px;
  line-height: 160%;
}

.quiet-btn {
  background-color: var(--swatch--transparent);
  color: var(--theme--text);
  padding-left: 0;
  padding-right: 0;
}

.project-illustation {
  box-sizing: border-box;
  aspect-ratio: auto;
}

.project-illustation.beam {
  height: 110%;
}

.project_flex {
  border-top: 1px #000;
  border-left: 1px dashed #000;
  display: flex;
}

.project_flex.top {
  border-top-style: dashed;
}

.spacer {
  height: 400px;
}

.spacer._1rem {
  height: 1rem;
}

.spacer._2rem {
  height: 2rem;
}

.project-illustration-s {
  display: none;
}

.case-study-hero-content {
  margin-top: 50px;
}

.data-explorer-hero-image {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: -109px;
  padding-left: 20px;
}

.case-study-tag-array {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.case-study-hero-section {
  background-color: #f0eee9;
  margin-top: 100px;
  margin-bottom: 50px;
  overflow: hidden;
}

.tag-icon {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}

.case-study-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #f10d11;
  border: 1px solid #0000004d;
  border-radius: 8px;
  align-items: center;
  padding: 8px 12px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
  display: flex;
}

.text-block-2 {
  color: #f10d20;
}

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

.jumbo-heading {
  font-size: 64px;
  line-height: 125%;
}

.text-block-3-copy {
  color: #777;
  margin-top: auto;
  padding: 4px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
}

.callout {
  background-color: #fff;
  border-radius: 0;
  align-items: center;
  margin-bottom: 35px;
  padding: 20px 25px;
  display: flex;
  box-shadow: 7px 7px #e0ded7;
}

.callout.team {
  float: left;
  clear: none;
  flex-flow: wrap;
  align-self: flex-start;
  width: 300px;
  margin-top: 0;
  margin-bottom: 40px;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: 85px;
  left: -344px;
}

.callout.list {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 35px;
}

.callout.dsn-system {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-left: -12px;
  display: block;
}

.case-study-body-container {
  max-width: 650px;
  padding-left: 24px;
  padding-right: 24px;
}

.case-study-body-container._1st {
  position: relative;
}

.case-study-body-container.dsn-system-intro {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 960px;
  padding-bottom: 48px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.divider-02 {
  border-bottom: 1px solid #f0eee9;
  width: 100%;
  margin: 10px auto;
}

.text-block-3 {
  margin-top: auto;
  padding: 4px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.case-study-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.div-block-7 {
  align-items: center;
  display: flex;
}

.divider-01 {
  border-bottom: 1px solid #f0eee9;
  width: 600px;
  margin: 20px auto;
}

.inline-diagram {
  justify-content: center;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
}

.text-block-4 {
  color: #f10d20;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.exclamation-icon {
  background-color: #ffffffab;
  border: 1px dashed #f10d2099;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  padding: 24px;
  display: flex;
}

.callout-text {
  color: var(--swatch--content-secondary);
  margin-bottom: 0;
  font-weight: 400;
}

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

.connector {
  border-right: 1px dashed #000;
  width: 1px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}

.section-tag {
  font-family: var(--font--secondary-family);
  object-fit: fill;
  background-color: #ffffff1a;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 17px;
  display: flex;
}

.case-study-hero_contain {
  border: 1px #000;
  border-left-style: dashed;
  margin-top: 100px;
  display: flex;
}

.case-study-hero_left, .case-study-hero_right {
  flex: 1;
}

.merchand-dash-hero {
  height: 100%;
}

.tag-text {
  color: #000;
  line-height: 1em;
}

.case-study-tag_array {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-text {
  font-family: var(--font--secondary-family);
  -webkit-text-stroke-color: var(--swatch--content-primary);
  font-weight: 500;
  line-height: 1.5em;
}

.team-text-span-gray {
  color: var(--swatch--content-secondary);
  font-weight: 400;
}

.case-study_contain {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 40rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.case-study-title_contain {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.eyebrow_text {
  color: var(--swatch--content-secondary);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.light-body-text {
  color: var(--swatch--content-secondary);
}

.light-body-text.indent {
  padding-left: 20px;
}

.screenshot {
  outline-offset: -1px;
  border: 1px #ececec;
  border-radius: 0;
  outline: 1px solid #cacaca;
  box-shadow: 6px 6px #5f51284d;
}

.screenshot.wide {
  width: 150%;
  max-width: 150%;
  margin-left: -25%;
  margin-right: auto;
  position: static;
}

.screenshot.no-border {
  outline-offset: -1px;
  outline: 1px #cacaca;
}

.screenshot_container {
  background-color: #fcfbfb;
  border: 1px solid #cacaca;
  border-radius: 0;
  padding: 1.5rem;
  box-shadow: 6px 6px #5f51284d;
}

.screenshot_container.no-bottom-padding {
  padding-bottom: 0;
}

.image-caption {
  font-family: var(--font--secondary-family);
  color: var(--swatch--content-secondary);
  margin-left: 48px;
  font-size: .75rem;
  font-weight: 400;
}

.floating-menu {
  z-index: 1;
  box-sizing: border-box;
  float: none;
  clear: none;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 4px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 16rem;
  padding: 1.5rem;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  top: 240px;
  overflow: clip;
  box-shadow: 4px 4px #5f51284d;
}

.menu-link {
  font-family: var(--font--secondary-family);
  font-size: .875rem;
}

.left-arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  margin-left: -32px;
  display: flex;
}

.right-arrow {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  margin-right: -32px;
  padding-right: 0;
  display: flex;
}

.slider {
  outline: 1px solid #cacaca;
  flex: 1;
  box-shadow: 6px 6px #5f51284d;
}

.slide-nav {
  font-family: var(--font--secondary-family);
  top: 652.188px;
}

.coming-soon_tag {
  font-family: var(--font--secondary-family);
  border: 1px solid #00000080;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  padding: .5rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

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

.text-block-copy {
  color: #f10d20;
  letter-spacing: 0;
  text-indent: 0;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.callout-list-item {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.image {
  object-fit: fill;
  border-radius: 4px;
  align-self: center;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: -15px;
  box-shadow: 6px 6px 12px #e6e4df;
}

.image.wide {
  max-width: 80%;
  left: auto;
}

.image.filter-spec {
  object-fit: contain;
  max-width: 100%;
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  left: auto;
}

.image.prototype-gif {
  object-fit: scale-down;
  object-position: 50% 50%;
  border: 1px #d4d4d4;
  max-width: 100%;
  padding-left: 0;
  left: auto;
}

.screen-shot-section {
  background-color: #f0eee9;
  justify-content: center;
  margin-bottom: 25px;
  padding: 70px 35px;
  display: flex;
}

.screen-shot-section.blue {
  background-color: #69a1f6;
}

.exclamation-icon-2 {
  background-color: #ffffffab;
  border: 1px solid #f10d2099;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  margin-right: 15px;
  padding: 9px 9px 9px 10px;
  display: flex;
}

.bolt {
  flex: 1;
  align-self: flex-start;
  width: 28px;
  height: 28px;
  margin-top: 7px;
  margin-right: 21px;
}

.wide-diagram--no-shadow {
  max-width: 80%;
}

.slider-2 {
  background-color: #0000;
  min-height: 500px;
  max-height: 500px;
}

.slide-nav-2 {
  top: 570px;
}

.right-arrow-2 {
  display: none;
}

.left-arrow-2 {
  display: block;
}

.mask-2 {
  max-width: 800px;
  max-height: 500px;
  overflow: hidden;
}

.caption {
  font-family: var(--font--secondary-family);
  color: var(--swatch--content-secondary);
  text-align: center;
  width: 80%;
  margin: 20px auto 35px;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}

.image-5 {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

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

.end {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.back-button {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #ffd42d;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  font-weight: 700;
  display: block;
  position: static;
}

.back-button:hover {
  color: #1b1b1b;
  background-color: #ffd42d;
}

.back-button.black {
  color: #333;
  border-color: #333;
}

.gallery-spacer {
  background-color: #50525c;
  border: 1px dashed #404458;
  border-radius: 4px;
  height: 300px;
  margin-bottom: 16px;
}

.gallery-spacer._2 {
  height: 300px;
}

.lottie-animation-2 {
  width: 160px;
}

.title_text {
  color: #f10d20;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2em;
}

.title_text.left-just {
  color: #ffd42d;
  text-align: left;
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.grid-section {
  background-color: #fff;
  border: 1px dotted #000;
  border-radius: 0;
  margin-top: -1px;
  margin-left: -1px;
  padding: 16px 24px;
}

.grid-section._2col {
  max-width: 101%;
}

.case-study-tag-array-2 {
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.case-study-tag-array-2._2 {
  margin-bottom: 16px;
}

.heading-icon {
  width: 40px;
  margin-top: 8px;
  margin-left: -8px;
  margin-right: 12px;
}

.heading-icon.disjointed {
  width: 48px;
}

.case-study-hero-section-2 {
  background-color: #f0eee9;
  margin-bottom: 50px;
  overflow: hidden;
}

.case-study-hero-section-2.dsn-system {
  margin-top: 100px;
  margin-bottom: 0;
}

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

.nav-menu {
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.dsn-system-hero {
  background-color: #ffd42d;
  background-image: url('../images/hero-design-system-3840x1200.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.text-span-code {
  color: #1a1a1a;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dcdde4;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.process_section {
  justify-content: center;
  align-items: center;
  padding: 90px 25px;
  display: flex;
}

.process_line {
  filter: hue-rotate(80deg);
  background-image: url('../images/line.svg');
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: contain;
  width: 2px;
  height: 80%;
  position: absolute;
}

.process_card {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.grid {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 110px;
  padding-right: 110px;
}

.centre_icon_wrap {
  z-index: 5;
  background-color: #fff;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 10px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 35px 18px #e6cbff24;
}

.dsn-system-problem-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.feature-cont {
  flex-direction: column;
  display: flex;
}

.case-study-tag-2 {
  color: #f10d11;
  background-color: #fff;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 10px 5px 7px;
  font-family: IBM Plex Mono, sans-serif;
  font-size: 12px;
  display: flex;
}

.case-study-tag-2.status {
  color: #fff;
  letter-spacing: 1px;
  background-color: #f87298;
  justify-content: center;
  min-width: 64px;
  margin-bottom: 0;
  padding: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}

.case-study-tag-2.status.pink {
  background-color: #ff7eb0;
}

.paragraph-3 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.spacer-32 {
  height: 32px;
}

.navbar {
  background-color: #0000;
}

.dsn-system-gallery-image {
  border-radius: 4px;
  margin-bottom: 16px;
  box-shadow: 0 4px 20px #0000002b, 0 4px 6px #0003;
}

.dsn-system-gallery-image.light-shadow {
  box-shadow: 0 4px 20px #00000014, 0 4px 6px #0000001a;
}

.centre_step {
  color: #f10d20;
  font-size: 21px;
  font-weight: 600;
}

.dsn-system-intro-heading {
  margin-bottom: 0;
}

.brand {
  align-items: center;
  height: 80px;
  display: flex;
}

.process_details {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  min-height: 240px;
  padding: 0;
  display: flex;
  position: relative;
}

.image-4 {
  margin-right: 10px;
}

.section_container {
  max-width: 960px;
}

.logo-text {
  color: #ffd42d;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.logo-text.black {
  color: #333;
}

.gallery-columns {
  max-width: 1280px;
  margin: 48px auto;
  display: flex;
}

.process {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 960px;
  display: flex;
  position: relative;
}

.divider-1280 {
  border-bottom: 1px solid #f0eee9;
  width: 1280px;
  margin: 10px auto;
}

.dark-theme {
  color: #fff;
  font-weight: 300;
}

.dark-theme.no-margin {
  margin-top: 0;
  font-size: 2rem;
  font-weight: 600;
}

.container-4 {
  text-align: left;
  max-width: 960px;
  margin-top: 30px;
}

.process-step-heading {
  margin-top: 12px;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2em;
}

.showcase-icon {
  filter: saturate(0%) brightness(200%);
  width: 72px;
  margin-left: -8px;
}

.gallery-column-right {
  padding-left: 8px;
  padding-right: 0;
  top: 140px;
}

.case-study-section-2 {
  padding: 30px 48px;
}

.case-study-section-2.samples {
  background-color: #595b64;
}

.case-study-section-2._48-padding {
  padding-left: 48px;
  padding-right: 48px;
}

.img-hero-dsn-system {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  margin: 40px auto -109px;
  display: none;
}

.text-block-5 {
  color: #f10d20;
}

.icon-heading-flex-cont {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.component-to-feature-grid {
  max-width: 1280px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.link-block {
  max-height: 800px;
  overflow: hidden;
}

.link-block.dsn-system-gallery-image.clickable {
  max-height: 520px;
  transition: box-shadow .2s, transform .2s;
}

.link-block.dsn-system-gallery-image.clickable:hover {
  transform: translate(0, -8px);
  box-shadow: 0 4px 30px #0000002b, 0 4px 20px #0003;
}

.process_card_02 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.process_image_wrap {
  justify-content: center;
  align-items: center;
  width: 45%;
  min-height: 200px;
  max-height: 200px;
  padding: 30px;
  display: flex;
  position: relative;
}

.process_image_wrap.left {
  justify-content: flex-end;
}

.process_image_wrap.right {
  justify-content: flex-start;
}

.featured-component-cont {
  border-radius: 4px;
  max-height: 600px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 1px 1px 20px #00000021;
}

.token-image-container {
  background-color: #ebecf0;
  border: 1px dashed #d3d6e0;
  border-radius: 4px;
  align-items: center;
  height: 100%;
  margin-bottom: 16px;
  padding: 24px 32px;
  display: flex;
}

.feature-sample-spacer {
  background-color: #f0eee9;
  border: 1px dashed #cecac0;
  border-radius: 4px;
  flex: 1;
  margin-bottom: 16px;
}

.nav-menu-button {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  margin-right: 15px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.nav-menu-button:hover {
  text-decoration: underline;
}

.centre_block {
  justify-content: center;
  align-items: flex-start;
  width: 120px;
  height: 80px;
  display: flex;
}

.title_wrap {
  justify-content: center;
  align-items: center;
  max-width: 640px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-column-left {
  padding-left: 0;
  padding-right: 8px;
}

.div-block-11 {
  max-width: 50%;
}

.no-ma {
  margin-top: 0;
}

.caption-2 {
  font-family: var(--font--secondary-family);
  color: var(--swatch--content-secondary);
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}

@media screen and (max-width: 991px) {
  .u-h1 {
    font-size: 3.5rem;
  }

  .u-h2 {
    font-size: 2rem;
  }

  .u-h2.hero {
    font-size: 2.5rem;
  }

  .u-h3 {
    font-size: 1.5rem;
  }

  .u-h4 {
    font-size: 1.25rem;
    font-weight: 600;
  }

  .layout_split_list.u-grid-custom {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

  .layout_split_visual_wrap {
    width: 100%;
  }

  .u-grid-column-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero_stack {
    min-height: 50vh;
  }

  .cell.box_cell.hero_left {
    display: none;
  }

  .cell.box_cell.project-description {
    min-width: 25rem;
  }

  .cell.box_cell.project-illustration.no-padding {
    padding: 1rem;
  }

  .cell.box_cell.merchant-dash-hero-image {
    order: -1;
    max-height: 400px;
  }

  .cell.box_cell.hero_left_case-study {
    display: flex;
  }

  .styled-box {
    width: auto;
  }

  .body-large {
    font-size: var(--size--1rem);
  }

  .project-illustation.beam {
    object-fit: cover;
    width: auto;
    height: auto;
  }

  .data-explorer-hero-image {
    width: auto;
  }

  .case-study-hero-section {
    padding-left: 25px;
    padding-right: 25px;
  }

  .text-block-3-copy {
    flex: 0 auto;
    order: -1;
    align-self: flex-start;
    margin-right: 25px;
    position: static;
  }

  .callout.team {
    float: none;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch flex-start;
    align-items: flex-start;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: static;
    top: 0;
    left: 0;
  }

  .case-study-body-container.dsn-system-intro {
    grid-template-rows: auto auto auto auto;
    max-width: 650px;
  }

  .divider-02 {
    max-width: 100%;
  }

  .text-block-3 {
    flex: 0 auto;
    order: -1;
    align-self: flex-start;
    position: static;
  }

  .div-block-7 {
    flex: 0 auto;
    order: 0;
  }

  .case-study-hero_contain {
    flex-flow: column;
  }

  .merchand-dash-hero {
    max-width: 101%;
  }

  .coming-soon_tag {
    flex: 1;
    font-size: .625rem;
  }

  .image.wide {
    max-width: 90%;
  }

  .wide-diagram--no-shadow {
    max-width: 100%;
  }

  .back-button {
    float: right;
    margin-top: 18px;
    display: block;
    position: relative;
  }

  .back-button.black {
    margin-top: 0;
  }

  .case-study-hero-section-2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dsn-system-hero {
    height: 300px;
    margin-left: -25px;
    margin-right: -25px;
  }

  .centre_icon_wrap {
    border-radius: 12px;
  }

  .dsn-system-problem-grid {
    max-width: 650px;
  }

  .icon-2 {
    background-color: #ffd42d;
    border-radius: 0;
  }

  .process_details {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section_container {
    max-width: 650px;
  }

  .divider-1280 {
    max-width: 100%;
  }

  .case-study-section-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .img-hero-dsn-system {
    width: auto;
  }

  .component-to-feature-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .process_image_wrap {
    padding: 15px;
  }

  .centre_block {
    width: 150px;
  }

  .menu-button {
    background-color: #0000;
  }

  .menu-button.w--open {
    background-color: #000;
  }

  .div-block-11 {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .u-h1 {
    font-size: 3rem;
  }

  .u-h2 {
    font-weight: 700;
  }

  .styleguide_font_item {
    grid-template-columns: 100%;
  }

  .page_main {
    max-width: 580px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .styleguide_guide_list.u-grid-custom {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .u-grid-column-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .cell.box_cell.project-description {
    min-width: auto;
  }

  .cell.box_cell.project-illustration {
    background-color: #ffffff1a;
    border-top-style: dashed;
    border-top-width: 1px;
    order: -1;
    max-width: none;
  }

  .cell.box_cell.project-illustration.no-padding {
    max-height: 300px;
  }

  .project-illustation {
    display: none;
  }

  .project_flex {
    flex-flow: column;
  }

  .project_flex.top {
    border-top-style: none;
  }

  .projects-section {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .project-illustration-s {
    max-width: 360px;
    display: block;
  }

  .project-illustration-s.beam {
    width: auto;
    max-width: none;
    height: auto;
    max-height: 440px;
  }

  .data-explorer-hero-image {
    margin-top: 0;
    margin-bottom: -67px;
  }

  .heading {
    width: 100%;
  }

  .jumbo-heading {
    font-size: 48px;
  }

  .callout.team {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
    width: auto;
  }

  .case-study-body-container.dsn-system-intro {
    grid-column-gap: 0px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .divider-02, .divider-01 {
    width: 100%;
  }

  .section-connector {
    margin-bottom: -48px;
  }

  .image {
    max-width: 90%;
    left: auto;
  }

  .image.wide {
    max-width: 100%;
  }

  .slider-2 {
    min-height: 410px;
  }

  .slide-nav-2 {
    top: 488px;
  }

  .mask-2 {
    max-height: 420px;
  }

  .gallery-spacer {
    display: none;
  }

  .container-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .dsn-system-hero {
    height: 200px;
  }

  .process_section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .process_line {
    inset: 0% auto 0% 25px;
  }

  .process_card {
    flex-direction: row-reverse;
    margin-bottom: 35px;
    padding-bottom: 20px;
  }

  .process_details {
    justify-content: flex-start;
    width: 90%;
    min-height: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .gallery-columns {
    display: block;
  }

  .divider-1280 {
    width: 100%;
  }

  .container-4 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .gallery-column-right {
    padding-left: 0;
    top: 0;
  }

  .case-study-section-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .case-study-section-2._48-padding {
    padding-left: 24px;
    padding-right: 24px;
  }

  .img-hero-dsn-system {
    margin-top: 0;
    margin-bottom: -67px;
  }

  .process_card_02 {
    margin-bottom: 35px;
  }

  .process_image_wrap {
    display: none;
  }

  .token-image-container {
    display: block;
  }

  .feature-sample-spacer {
    display: none;
  }

  .centre_block {
    width: 55px;
  }

  .gallery-column-left {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .u-h3 {
    font-size: var(--size--1-5rem);
  }

  .u-grid-column-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .cell.box_cell.project-illustration.no-padding {
    max-height: 180px;
  }

  .project-illustration-s.beam {
    max-height: 240px;
  }

  .data-explorer-hero-image {
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: -21px;
  }

  .case-study-tag-array {
    flex-wrap: wrap;
  }

  .jumbo-heading {
    font-size: 42px;
  }

  .text-block-3-copy {
    font-size: 11px;
  }

  .callout.team {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-3 {
    font-size: 11px;
  }

  .coming-soon_tag {
    flex: 1;
    order: -1;
    font-size: .625rem;
  }

  .homepage-casestudy-title_contain {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image {
    max-width: 95%;
  }

  .screen-shot-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider-2 {
    min-height: 200px;
  }

  .slide-nav-2 {
    top: 266px;
  }

  .back-button {
    float: none;
    position: static;
  }

  .container-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .case-study-tag-array-2 {
    flex-wrap: wrap;
  }

  .nav-menu {
    background-color: #f0eee9;
    align-items: center;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 2px 15px #0000001a;
  }

  .process_details {
    padding-bottom: 15px;
    padding-left: 15px;
  }

  .gallery-columns {
    display: block;
  }

  .img-hero-dsn-system {
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: -21px;
  }

  .nav-menu-button {
    align-self: center;
  }

  .menu-button {
    margin-top: 6px;
  }

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

#w-node-fb1491ee-e3c9-7367-87ac-e14d99e2a347-f7a4e146 {
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 1fr;
}

#w-node-_99f06b70-3c05-d36f-666b-0ca85ecedcab-f7a4e146 {
  grid-template-rows: minmax(200px, 326px);
  grid-template-columns: .5fr 1.5fr;
}

#w-node-_6b08a355-e0b2-b48c-6e35-65010516b461-f7a4e146 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
}

#w-node-_0bebd82c-1fe8-9754-e590-46a08c193577-f7a4e146 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
}

#w-node-e39ebb9a-05d7-0b89-2a9c-570c9444d040-f7a4e146 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
}

#w-node-_956d545a-6bb2-1bac-718b-d2eb7899a205-0d6da730 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_956d545a-6bb2-1bac-718b-d2eb7899a207-0d6da730 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_956d545a-6bb2-1bac-718b-d2eb7899a227-0d6da730 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: auto;
}

#w-node-_956d545a-6bb2-1bac-718b-d2eb7899a22b-0d6da730 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-_956d545a-6bb2-1bac-718b-d2eb7899a2e9-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a2eb-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a2f1-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a2f8-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a306-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a312-0d6da730 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-fb1491ee-e3c9-7367-87ac-e14d99e2a347-f7a4e146 {
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr);
  }

  #w-node-_4c4eded8-17a0-9f6c-c5d7-5d9b147ddfc4-8cda92e3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4c4eded8-17a0-9f6c-c5d7-5d9b147ddfce-8cda92e3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a207-0d6da730 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a208-0d6da730 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a212-0d6da730 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a227-0d6da730 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: auto;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a230-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a23a-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a244-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a24e-0d6da730 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4c4eded8-17a0-9f6c-c5d7-5d9b147ddfc4-8cda92e3, #w-node-_4c4eded8-17a0-9f6c-c5d7-5d9b147ddfce-8cda92e3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a207-0d6da730 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: start;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a208-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a212-0d6da730 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a300-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a301-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a30b-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a30d-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a317-0d6da730, #w-node-_956d545a-6bb2-1bac-718b-d2eb7899a319-0d6da730 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}