:root {
  --sans-serif: "AR One Sans", sans-serif;
  --black: #121413;
  --accent: #31a4ff;
  --8px: 8px;
  --white: white;
  --hero-light-grey: #f5f4f4;
  --lighter-shade: #ffffff0a;
  --border-light-grey: #ededed;
  --16px: 16px;
  --grey: #191b1a;
}

.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 {
  font-family: var(--sans-serif);
  color: var(--black);
  letter-spacing: 0;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  color: var(--accent);
  font-size: 1em;
  text-decoration: none;
}

label {
  margin-bottom: .3em;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 6em;
  display: flex;
  position: relative;
}

.container.is-footer {
  min-height: 101svh;
  padding-top: 0;
  padding-bottom: 0;
}

.container.mission {
  grid-row-gap: 7em;
}

.container.is-linkedin {
  padding-top: 120px;
}

.container.is-portfolio {
  padding-top: 8em;
  padding-bottom: 0;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.global_symbol {
  position: fixed;
  inset: 0% 0% auto;
}

.page-wrap {
  width: 100%;
  position: relative;
  overflow: clip;
}

.text-size-h1 {
  font-size: 2.6em;
  font-weight: 500;
  line-height: 100%;
}

.home-product_layout {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .4fr .75fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.markees__item {
  border-radius: var(--8px);
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vw;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  box-shadow: 0 7px 16px 3px #0000000d;
}

.paragraph-large {
  font-size: 1.4rem;
}

.css-local {
  width: 0;
  height: 0;
}

.markees__logo {
  flex: 0 auto;
  width: 65%;
  min-height: 10px;
}

.markees__list {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-horizontal {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.markees-overlay-up {
  z-index: 10;
  background-image: linear-gradient(180deg, var(--white), #fff0 60%);
  pointer-events: none;
  height: 50%;
  position: absolute;
  inset: -2px 0% auto;
}

.markees__cl-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.wrap-info-highlights {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 100px;
  display: flex;
  position: sticky;
  top: 200px;
}

.timeline__heading {
  z-index: 1;
  background-color: var(--black);
  width: 100%;
  height: auto;
  position: relative;
}

.timeline__container {
  width: 90vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.timeline__padding-vertical {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.timeline-main_heading-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.timeline__content {
  background-color: var(--black);
  width: 100%;
  height: auto;
  position: relative;
}

.text-colour-white {
  font-size: 16px;
  font-weight: 500;
}

.timeline__circle {
  background-color: var(--hero-light-grey);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 8px var(--black);
  border-radius: 100%;
  position: sticky;
  top: 50vh;
}

.timeline_quote-title {
  font-size: 16px;
  font-weight: 500;
}

.timeline_progress-bar {
  background-color: #fff;
  background-image: linear-gradient(180deg, var(--white), #07a31b 87%, var(--white));
  border-radius: 0 0 8px 8px;
  width: 3px;
  height: 50vh;
  display: block;
  position: fixed;
  bottom: 50vh;
}

.text-colour-lightgrey {
  margin-top: 24px;
}

.timeline_quote-image {
  aspect-ratio: 1;
  border-radius: var(--8px);
  width: 64px;
}

.timeline_definition-wrapper {
  border-radius: var(--8px);
  background-color: var(--lighter-shade);
  margin-top: 48px;
  padding: 32px;
}

.timeline__centre {
  justify-content: center;
  display: flex;
}

.timeline_progress {
  background-color: var(--lighter-shade);
  width: 3px;
  height: 100%;
  position: absolute;
}

.timeline__item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
  position: relative;
}

.timeline_quote-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 3px solid var(--hero-light-grey);
  border-radius: var(--8px);
  flex-flow: column;
  align-items: flex-start;
  margin-top: 32px;
  padding: 24px 24px 32px;
  display: flex;
}

.inline-block {
  display: inline-block;
}

.overlay-fade-top {
  background-image: linear-gradient(to bottom, var(--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link-icon {
  width: 12px;
  height: 12px;
  margin-bottom: 4px;
  margin-left: 8px;
}

.timeline__left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.overlay-fade-bottom {
  background-image: linear-gradient(0deg, var(--black), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline__link {
  opacity: .6;
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.timeline__link:hover {
  opacity: 1;
}

.timeline__link.dark {
  color: var(--black);
}

.timeline_text {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 120%;
}

.timeline_date-text {
  letter-spacing: -.03em;
  font-size: 2.6em;
  font-weight: 500;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.timeline_quote {
  font-size: 14px;
}

.timeline-main_heading-wrapper-2 {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.icon-wrapper {
  aspect-ratio: 1;
  border: 1px solid var(--border-light-grey);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-left: 24px;
  display: flex;
  position: relative;
}

.portfolio__cl-list-wrapper {
  width: 100%;
  height: auto;
}

.wrap-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.wrap-info.align-right {
  align-items: flex-end;
  width: 100%;
}

.wrap-info.align-left {
  align-items: flex-start;
  width: 100%;
}

.logotype {
  mix-blend-mode: darken;
  width: auto;
  height: 100%;
  max-height: 40px;
}

.accordion-container {
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.embed-dot {
  margin-right: 6px;
}

.grid-description {
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  width: 100%;
  height: auto;
  margin-top: 24px;
  position: relative;
}

.grid-portfolio {
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr .5fr;
  width: 100%;
  height: auto;
  position: relative;
}

.wrap-info-container {
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  padding: 2px 6px;
  display: flex;
}

.wrap-info-container.is-infinite {
  position: absolute;
  inset: 0% 0% auto auto;
}

.portfolio__cl-item {
  border-bottom: 1px none var(--border-light-grey);
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 24px;
}

.portfolio__cl-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.icon-portfolio-read {
  width: 14px;
  position: relative;
}

.description {
  width: 100%;
}

.description.short {
  max-width: 380px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
}

.description.long {
  max-width: 600px;
  margin-bottom: 16px;
}

.grid-item {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.grid-item.space-between {
  flex-direction: row;
  justify-content: space-between;
}

.portfolio__link {
  color: #23272e;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

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

.footer__logo-text {
  max-width: 300px;
  font-size: 1.4rem;
}

.section {
  z-index: 3;
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.section.is-timeline {
  z-index: 2;
}

.section.is-dark {
  background-color: var(--black);
  color: var(--hero-light-grey);
}

.section.is-footer {
  z-index: 1;
  background-color: var(--black);
  color: var(--hero-light-grey);
  justify-content: center;
  align-items: stretch;
  position: sticky;
  inset: auto 0% 0%;
}

.footer__title {
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.footer__contact-link {
  border: 1px solid var(--lighter-shade);
  border-radius: var(--8px);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .35s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
}

.footer__contact-link:hover {
  background-color: var(--lighter-shade);
}

.footer__copyright {
  color: var(--white);
  font-size: .8rem;
}

.embed__icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

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

.sort_field {
  color: #000;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 2rem 1rem 1.5rem;
  text-decoration: none;
  display: flex;
}

.sort_field.w--current {
  color: #294a92;
  background-color: #f4f9f4;
}

.content_filter {
  background-color: var(--white);
  width: 100%;
}

.filter__form {
  width: 100%;
  height: auto;
}

.filter_block-header {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: grid;
  position: relative;
  inset: 0% 0% auto;
}

.filter_block-header:lang(ja) {
  grid-template-columns: auto max-content;
}

.filter_options {
  max-height: 15rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  overflow: auto;
}

.filter_tag {
  background-color: var(--accent);
  color: #fff;
  border-radius: 6px;
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: .5rem 2.5rem .5rem 1rem;
  font-size: .85rem;
  font-weight: 500;
  position: relative;
}

.hide {
  display: none;
}

.checkbox_label {
  margin-right: .25rem;
}

.dropdown_list.w--open {
  background-color: #fff;
}

.radio_button {
  border: 2px solid var(--border-light-grey);
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .75rem;
}

.radio_button.w--redirected-checked {
  border-color: var(--accent);
  background-color: var(--accent);
  background-image: none;
  box-shadow: 1px 1px 3px #0000;
}

.radio_button.w--redirected-focus {
  border-color: var(--accent);
  box-shadow: none;
}

.radio_field {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 16px;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block;
}

.text-color-green {
  color: var(--accent);
}

.fs-cmsfilter_highlight {
  color: #fff;
  background-color: #294a92;
}

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

.filter_reset {
  border-bottom: 1px solid var(--border-light-grey);
  color: #6e6e6e;
  padding-bottom: .2rem;
  text-decoration: none;
}

.checkbox_field {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

.filter__controls {
  border: 1px solid var(--border-light-grey);
  border-radius: var(--8px);
  background-color: #fff;
  flex: none;
  width: 33.3333%;
  max-width: 260px;
  height: auto;
  position: sticky;
  top: 6rem;
}

.filter_sort-by {
  border: 1px solid var(--border-light-grey);
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 12rem;
  padding: .5rem 4rem .5rem 1.2rem;
  display: flex;
}

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

.heading-small {
  font-weight: 600;
}

.filter_empty-icon {
  aspect-ratio: 1;
  width: 5rem;
  margin-bottom: .5rem;
}

.filter__grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  height: auto;
  display: flex;
}

.dropdown_icon {
  margin-right: 1.2rem;
  font-size: 1rem;
}

.filter_empty {
  border: 1px solid var(--border-light-grey);
  border-radius: var(--8px);
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.checkbox_input {
  border: 2px solid var(--border-light-grey);
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .75rem;
}

.checkbox_input.w--redirected-checked {
  border-color: var(--accent);
  background-color: var(--accent);
  background-size: .6rem;
  box-shadow: 1px 1px 3px #0000;
}

.checkbox_input.w--redirected-focus {
  border-color: var(--accent);
  box-shadow: none;
}

.filter__block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid var(--border-light-grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  position: relative;
}

.filter__block.last {
  border-bottom-style: none;
}

.filter_search-field {
  border-top-left-radius: var(--8px);
  border-top-right-radius: var(--8px);
  background-image: url('../images/search-black.svg');
  background-position: 24px;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border: 1px #000;
  min-height: 4.4rem;
  margin-bottom: 0;
  padding: 1rem 1.5rem 1rem 4rem;
  font-size: 1rem;
}

.filter__form-wrapper {
  z-index: 2;
  background-color: var(--white);
  width: 100%;
  height: auto;
  margin-bottom: 0;
  position: relative;
}

.filter_tags-text {
  color: #8f8f8f;
  margin-right: 1rem;
}

.filter_tags-wrapper {
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: start;
  align-items: center;
  margin-right: 1rem;
  display: flex;
}

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

.option-results {
  color: #294a92;
  display: none;
}

.filter_tag-remove {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  width: 1.5rem;
  margin-top: .4rem;
  margin-right: .5rem;
  padding: .25rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.filter_header {
  border: 1px solid var(--border-light-grey);
  border-radius: var(--8px);
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  min-height: 4.5rem;
  padding: .5rem 1rem;
  display: flex;
}

.radio_label {
  margin-bottom: 0;
  margin-right: .5rem;
}

.helper-filtering {
  color: #e0f;
  display: none;
}

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

.collection-list-3 {
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.hashtag {
  color: #d8d8d8;
  font-family: Inconsolata, monospace;
}

.collection-list-wrapper {
  margin-top: 16px;
  display: none;
}

.home-product_layout-2 {
  grid-column-gap: 8em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: .4fr .75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-product_layout-2.test {
  grid-column-gap: 2em;
  grid-template-columns: .35fr .75fr;
}

.text-size-h2 {
  letter-spacing: -.04em;
  font-size: 5.5em;
  line-height: 1.05682;
}

.text-size-h2.is-home-brands {
  width: 100%;
  font-size: 5vw;
  font-weight: 500;
  line-height: 1;
}

.hero__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__img.is-hidden {
  opacity: 0;
}

.hero__sticky-wrap {
  height: 300vh;
  margin-bottom: -100vh;
}

.text-size-h5 {
  font-size: 1.3em;
  line-height: 1.3;
}

.home-hero_section {
  background-color: var(--hero-light-grey);
  height: 100vh;
  position: sticky;
  top: 0;
}

.container-5 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3.2em 3em;
}

.container-5.is-home-hero {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.home-product_img-height {
  aspect-ratio: 2 / 3;
  width: 100%;
  position: relative;
}

.text-size-h1-2 {
  letter-spacing: -.02em;
  font-size: 2.8vw;
  font-weight: 500;
  line-height: 1;
}

.hero__mission-wrap {
  z-index: 2;
  border-top-left-radius: var(--16px);
  border-top-right-radius: var(--16px);
  background-color: var(--white);
  color: var(--black);
  position: relative;
}

.left-arrow {
  display: none;
}

.slider {
  border-radius: var(--8px);
  pointer-events: none;
  background-color: #fff0;
  height: 100%;
  overflow: hidden;
}

.right-arrow {
  display: none;
}

.home-product_h-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23.8em;
  display: flex;
}

.home-product_h-wrap.yo {
  max-width: none;
}

.home-hero_layout {
  grid-column-gap: 1em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.hero__visuals-wrap {
  border-radius: var(--16px);
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.home-product_sticky {
  position: sticky;
  top: 5em;
}

.home-hero_heading {
  letter-spacing: -.02em;
  max-width: 9.5em;
  font-size: 2.8vw;
  font-weight: 500;
  line-height: 1;
}

.hero__content-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6em;
  margin-bottom: 6em;
  display: flex;
}

.slide-nav {
  display: none;
}

.home-product_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero__visuals-wrapper {
  width: 80%;
  transform: translate(0, 20%);
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_trigger, .fs-cc-manager_trigger {
  display: none;
}

.navbar {
  z-index: 99;
  border-bottom-left-radius: var(--16px);
  border-bottom-right-radius: var(--16px);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  margin-top: 24px;
  padding-left: 7rem;
  padding-right: 7rem;
  display: flex;
  position: fixed;
}

.navbar_container {
  border-radius: var(--8px);
  background-color: var(--white);
  width: 100%;
  height: 100%;
  color: var(--black);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 18px;
  display: flex;
  position: relative;
}

.navbar_logo-link {
  padding-left: 0;
}

.navbar_logo-link.w--current {
  color: var(--black);
}

.navbar__menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar_link {
  border-radius: var(--8px);
  background-color: var(--white);
  color: #01120c;
  padding: .7rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}

.navbar_link.w--current {
  color: #01120c;
}

.navbar_link.is-accent {
  border-radius: var(--8px);
  background-color: var(--black);
  color: #f5f4f4;
  background-color: var(--black);
}

.embed-burger {
  width: 40px;
  height: 40px;
  display: none;
}

.linkedin {
  position: relative;
}

.placeholder {
  z-index: 2;
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
  position: relative;
}

.nobreak {
  white-space: pre;
  word-break: keep-all;
}

.subparagraph {
  opacity: .5;
  margin-top: 8px;
}

.footer__module {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.5fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  display: grid;
}

.footer__column {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footer__column.is-center {
  border-right: 1px solid var(--lighter-shade);
  border-left: 1px solid var(--lighter-shade);
}

.footer__logo-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer__logo-wrap.is-center {
  padding-left: 24px;
  padding-right: 24px;
}

.footer__logo-icon {
  aspect-ratio: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 12vw;
  display: flex;
  position: relative;
}

.footer__contact {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer__copyright-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.language {
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.lottie__wrapper {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lottie {
  aspect-ratio: 1;
  pointer-events: none;
  width: 170%;
  height: 170%;
  position: relative;
  inset: 0%;
}

.language__wrap {
  justify-content: flex-start;
  align-items: center;
  margin-left: 4px;
  display: flex;
  overflow: hidden;
  transform: scale(1);
}

.language__link {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-weight: 600;
  display: flex;
}

.language__text {
  white-space: pre;
  word-break: keep-all;
  font-size: .8rem;
  font-weight: 500;
}

.blinky {
  z-index: 999;
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% -1px -1px;
}

.timeline__about-heading {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.timeline__about-heading:lang(ja) {
  width: 100%;
}

.code-embed {
  width: 21px;
  height: 21px;
}

.div-block-3 {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4px;
  display: flex;
}

.div-block-4 {
  flex-flow: column;
  display: flex;
}

.div-block-4:lang(ja) {
  width: 100%;
}

.text-block {
  color: #979797;
  padding-right: 40px;
  font-size: .9em;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-left: 88px;
  display: flex;
}

.footer__legal-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.markees__module {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50vw;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.markees_container {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.markees_column {
  position: relative;
}

.div-block-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.nav_logo-embed-3 {
  height: 16px;
  color: var(--black);
  display: flex;
}

.div-block-7 {
  border-radius: var(--16px);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vh;
  margin-top: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero---logo {
  z-index: 2;
  width: 250px;
  position: relative;
}

.collection-list-4 {
  flex-flow: wrap;
  display: flex;
}

.testimonials__intro {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 130px;
}

.punchline-subline-wrap {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: auto;
  padding-right: 56px;
  display: flex;
}

.h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.2em;
  font-weight: 500;
  line-height: 1.18;
}

.legal__text {
  margin-top: 24px;
  display: flex;
}

.legend {
  font-size: .9rem;
  line-height: 1.3;
}

.legend.is-company {
  position: absolute;
  inset: 0% auto auto 0%;
}

.legend.is-category {
  inset: auto 0% 0% auto;
  position: absolute;
  inset: auto 0% 0% auto;
}

.legal {
  grid-column-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  align-content: start;
  margin-top: 80px;
  position: sticky;
}

.rich-text-block {
  text-align: justify;
}

.text-span-2 {
  white-space: pre;
}

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

.wrap-city-comma {
  flex-flow: row;
  display: flex;
}

.mwg026-media-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25vw;
  display: flex;
}

.mwg026-embed {
  opacity: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.mwg026-content {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  grid-template-rows: auto;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-columns: 1fr;
  width: max-content;
  padding: 5vw;
  display: grid;
}

.mwg026-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-columns: 1fr;
  width: max-content;
  display: grid;
}

.mwg026 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  pointer-events: none;
  cursor: grab;
  will-change: transform;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  overflow: hidden;
}

.mwg026-media-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--white);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mwg026-media {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 8px;
  max-width: 50%;
  max-height: 100%;
  position: relative;
}

.body-grey {
  background-color: var(--hero-light-grey);
}

.flag {
  width: 16px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.mwg026-media-padding {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.markees-overlay-down {
  z-index: 10;
  background-image: linear-gradient(180deg, #fff0 30%, var(--white));
  pointer-events: none;
  height: 50%;
  position: absolute;
  inset: auto 0% -2px;
}

.image-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.heading-style-h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.header65_background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

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

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

.max-width-large:lang(de-de) {
  width: 100%;
  max-width: 52.3rem;
}

.max-width-large.align-center {
  color: var(--white);
}

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

.header65_background-image-wrapper {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.padding-section-large-2 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.button {
  text-align: center;
  background-color: #121212;
  border: 1px solid #121212;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button.is-secondary {
  background-color: #fff0;
  border-color: #f1f1f1;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

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

.margin-bottom {
  margin: 0 0 16px;
}

.padding-global-2 {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  overflow: hidden;
}

.padding-global-2:lang(de-de) {
  justify-content: center;
  align-items: center;
  height: 70vh;
  display: flex;
}

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

.button-group.is-center {
  justify-content: center;
}

.text-size-medium {
  font-size: 1.125rem;
  line-height: 1.3;
}

.text-size-medium.is-white {
  color: #f1f1f1;
}

.section_header65-2 {
  position: relative;
}

.section_header65-2.text-color-white {
  z-index: 2;
}

.div-block-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.spacer {
  height: 80px;
}

.spacer.xs {
  height: 24px;
}

.cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.cta:hover {
  background-image: linear-gradient(#0000000d, #0000000d);
}

.cta.is-dark:hover {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}

.icon_embed {
  justify-content: center;
  align-items: center;
  height: auto;
  display: inline-flex;
}

.cta-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.cta-copy.is-dark:hover {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}

@media screen and (max-width: 991px) {
  .container {
    padding: 4em 5%;
  }

  .markees__item {
    height: 20vw;
  }

  .wrap-info-highlights {
    margin-bottom: 0;
  }

  .timeline_definition-wrapper {
    padding: 24px;
  }

  .timeline_quote-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .icon-wrapper {
    margin-top: 2px;
    margin-right: 0;
  }

  .wrap-info.align-right, .wrap-info.align-left {
    align-items: flex-start;
  }

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

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

  .portfolio__cl-item {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-bottom: 56px;
  }

  .icon-portfolio-read {
    margin-right: 0;
  }

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

  .filter_block-header {
    align-items: start;
    padding-left: 1rem;
  }

  .dropdown {
    width: 100%;
  }

  .filter__grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: .66fr 1fr;
  }

  .filter_tags-wrapper {
    margin-top: .5rem;
  }

  .filter_header {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 16px;
    padding-left: 16px;
  }

  .collection-item-2 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .home-product_layout-2 {
    grid-column-gap: 4em;
  }

  .text-size-h2.is-home-brands {
    font-size: 4em;
  }

  .hero__sticky-wrap {
    height: auto;
    margin-bottom: 0;
  }

  .home-hero_section {
    height: auto;
    position: relative;
  }

  .container-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-5.is-home-hero {
    padding-top: 6.3em;
    padding-bottom: 6.3em;
  }

  .home-hero_layout {
    flex-direction: column-reverse;
    grid-template-columns: 1.75fr;
    justify-content: flex-start;
    place-items: center;
    display: flex;
  }

  .home-hero_heading {
    max-width: 665px;
    font-size: 2.8rem;
  }

  .hero__content-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero__visuals-wrapper {
    width: 80%;
    max-width: 29em;
    margin-left: auto;
    margin-right: auto;
    transform: none;
  }

  .navbar {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0%;
  }

  .navbar_container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .navbar__menu {
    z-index: 97;
    background-color: #fff;
    border-left: 1px solid #ebebeb;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 80vw;
    min-height: 100vh;
    padding-left: 25vw;
    position: fixed;
    inset: 0% 0% auto auto;
    transform: translate(100%);
  }

  .navbar_link.is-accent {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .embed-burger {
    z-index: 99;
    margin-right: -10px;
    display: block;
    position: relative;
  }

  .embed-burger.w--open {
    background-color: #0000;
  }

  .footer__module {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer__column {
    align-items: center;
  }

  .footer__column.is-last {
    display: none;
  }

  .footer__column.is-center {
    border-top: 1px solid var(--lighter-shade);
    border-left-style: none;
    border-right-style: none;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 56px;
  }

  .footer__column.is-first {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
  }

  .language {
    height: 48px;
    margin-left: 0;
    padding-left: 0;
  }

  .markees__module {
    height: 70vw;
  }

  .hero---logo {
    width: 200px;
  }

  .testimonials__intro {
    position: static;
  }

  .punchline-subline-wrap {
    width: 100%;
  }

  .legal {
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
    position: static;
  }

  .mwg026-media-item {
    width: 40vw;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

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

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

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

@media screen and (max-width: 767px) {
  .container.is-linkedin {
    padding-top: 80px;
  }

  .text-size-h1 {
    font-size: 2em;
    line-height: 2.4rem;
  }

  .home-product_layout {
    grid-template-columns: 1fr;
  }

  .markees__item {
    height: 25vw;
  }

  .paragraph-large {
    font-size: 16px;
  }

  .markees__cl-wrapper {
    align-items: center;
  }

  .wrap-info-highlights {
    position: relative;
    top: 0;
  }

  .timeline__padding-vertical {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .timeline__circle {
    margin-left: 3px;
  }

  .timeline_quote-image {
    margin-right: 0;
  }

  .timeline__right {
    padding-right: 24px;
  }

  .timeline__centre {
    justify-content: flex-start;
  }

  .margin-bottom-xlarge {
    margin-bottom: 48px;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline__item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline__left {
    text-align: left;
  }

  .timeline_text {
    font-size: 20px;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

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

  .icon-wrapper {
    flex: none;
    margin-left: 24px;
    position: relative;
  }

  .grid-description, .grid-portfolio {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .portfolio__cl-item {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 32px;
  }

  .description.short {
    max-width: none;
  }

  .footer__location {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .filter__controls {
    width: 100%;
    max-width: none;
    position: relative;
    top: 0;
  }

  .heading-small {
    font-size: 1rem;
  }

  .filter__grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .filter_tags-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .home-product_layout-2 {
    grid-template-columns: 1fr;
  }

  .text-size-h2.is-home-brands {
    font-size: 3em;
  }

  .home-hero_layout {
    grid-template-columns: 1.75fr;
  }

  .home-product_sticky {
    position: relative;
    top: 0;
  }

  .home-hero_heading {
    font-size: 2.2rem;
  }

  .navbar {
    height: auto;
    min-height: 4rem;
  }

  .navbar__menu {
    width: 70vw;
  }

  .footer__module {
    flex-flow: column;
  }

  .footer__column {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .footer__logo-icon {
    height: 100px;
  }

  .div-block-5 {
    padding-left: 0;
  }

  .markees__module {
    height: 100vw;
  }

  .nav_logo-embed-3 {
    height: 14px;
  }

  .hero---logo {
    width: 150px;
  }

  .testimonials__intro {
    position: static;
  }

  .h1 {
    font-size: 2.6em;
  }

  .legal__text {
    flex-direction: column;
  }

  .legal {
    grid-template-columns: 1.5fr;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

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

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

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

@media screen and (max-width: 479px) {
  .container {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .text-size-h1 {
    font-size: 1.8em;
    line-height: 2.3rem;
  }

  .markees-overlay-up {
    height: 102%;
  }

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

  .timeline__right {
    padding-right: 16px;
  }

  .timeline_definition-wrapper {
    padding: 16px 16px 24px;
  }

  .timeline__item {
    grid-template-columns: 48px 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrap-info {
    width: auto;
  }

  .wrap-info.align-right {
    align-items: flex-end;
  }

  .grid-description {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 50%;
    grid-auto-flow: row;
  }

  .grid-portfolio {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 50%;
    grid-auto-flow: row;
  }

  .logotype__wrap, .footer__title {
    margin-bottom: 16px;
  }

  .filter_options {
    max-height: 10rem;
  }

  .collection-list-wrapper {
    margin-top: 16px;
  }

  .text-size-h2.is-home-brands {
    font-size: 2.3em;
  }

  .home-hero_section {
    height: 100svh;
  }

  .text-size-h1-2 {
    font-size: 2em;
  }

  .home-product_h-wrap {
    max-width: none;
  }

  .home-hero_heading {
    font-size: 2rem;
  }

  .hero__visuals-wrapper {
    width: 100%;
    max-width: none;
  }

  .navbar__menu {
    padding-left: 16vw;
  }

  .footer__module {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer__column.is-center {
    padding-top: 50px;
  }

  .footer__copyright-wrap {
    flex-direction: column;
  }

  .timeline__about-heading {
    flex-flow: column;
  }

  .footer__legal-wrap {
    flex-direction: column;
  }

  .markees__module {
    height: 120vw;
  }

  .hero---logo {
    width: 100px;
  }

  .h1 {
    font-size: 2em;
  }

  .mwg026-media-item {
    width: 60vw;
  }

  .mwg026-content {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
    width: max-content;
  }

  .markees-overlay-down {
    height: 102%;
  }

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

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

  .padding-global-2:lang(de-de) {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cta, .cta-copy {
    width: 100%;
  }
}

#w-node-_73f6e590-03ce-3e2d-73b9-738dfa8385f2-d1bf15ac, #w-node-_857a698d-8051-924d-0f99-20f8624b3019-d1bf15ac, #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e290-d1bf15ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e292-d1bf15ac {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e295-d1bf15ac {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e29e-d1bf15ac {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-_805090f3-468d-3d2e-8ade-f2ee109dd966-d1bf15ac {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e2aa-d1bf15ac {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_5bc96de4-e23d-eadc-4e21-22883cee5407-91a040bc, #w-node-_5bc96de4-e23d-eadc-4e21-22883cee5410-91a040bc, #w-node-_5bc96de4-e23d-eadc-4e21-22883cee5417-91a040bc, #w-node-_5bc96de4-e23d-eadc-4e21-22883cee541d-91a040bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_770da37b-d85b-8ab7-4c5e-af57de9ff4d2-b8dd33a9, #w-node-_770da37b-d85b-8ab7-4c5e-af57de9ff4d2-86b55d98 {
  align-self: start;
}

#w-node-_5bc96de4-e23d-eadc-4e21-22883cee5410-588da4e4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e295-d1bf15ac {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e29e-d1bf15ac {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_805090f3-468d-3d2e-8ade-f2ee109dd966-d1bf15ac {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e2aa-d1bf15ac {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_770da37b-d85b-8ab7-4c5e-af57de9ff4d2-b8dd33a9, #w-node-_770da37b-d85b-8ab7-4c5e-af57de9ff4d2-86b55d98 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c050f4d6-d9d0-7998-2b43-a951b332e298-b332e288 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c050f4d6-d9d0-7998-2b43-a951b332e29b-b332e288 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-c050f4d6-d9d0-7998-2b43-a951b332e2b9-b332e288 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c050f4d6-d9d0-7998-2b43-a951b332e2bc-b332e288 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_53e7bea0-be91-eec1-1f92-0ef2b0e3078a-b332e288 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_53e7bea0-be91-eec1-1f92-0ef2b0e3078d-b332e288 {
    grid-area: 1 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e292-d1bf15ac {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e295-d1bf15ac {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e29e-d1bf15ac {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_805090f3-468d-3d2e-8ade-f2ee109dd966-d1bf15ac {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-e26dc26c-3579-bf63-c85f-e2aa9f57e2aa-d1bf15ac {
    grid-area: 1 / 1 / 2 / 2;
  }
}