.customer-styles {
  /* START article: header */
  /* END article: header */
}

.customer-styles .template_header {
  height: calc(230 * var(--font-size));
  margin-bottom: calc(65 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_header {
    height: calc(115 * var(--font-size));
    margin-bottom: calc(90 * var(--font-size));
  }
}

.customer-styles .template_header .global-grid {
  height: 100%;
}

.customer-styles .template_header .global-grid .header-wrapper {
  align-self: end;
  display: flex;
  flex-flow: row;
  grid-column: 1 / 7;
  grid-row: 1 / 2;
}

@media (min-width: 768px) {
  .customer-styles .template_header .global-grid .header-wrapper {
    grid-column: 2 / 16;
  }
}

.customer-styles .template_header .content-left {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .customer-styles .template_header .content-left {
    align-items: flex-end;
  }
}

.customer-styles .template_header .content-left p {
  margin: 0;
  letter-spacing: 0.3px;
  font-weight: 400;
  line-height: 1.4em;
  font-size: Max(15px, calc(15 * var(--font-size)));
}

@media (min-width: 768px) {
  .customer-styles .template_header .content-left p {
    font-size: Max(16px, calc(16 * var(--font-size)));
  }
}

.customer-styles .template_header .content-right {
  display: flex;
  align-items: flex-start;
  margin-left: 20px;
  position: relative;
}

@media (min-width: 768px) {
  .customer-styles .template_header .content-right {
    margin-left: 30px;
    align-items: flex-end;
  }
}

.customer-styles .template_header .content-right:after {
  content: '';
  display: block;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  position: absolute;
  left: -11px;
  top: 0;
}

@media (min-width: 768px) {
  .customer-styles .template_header .content-right:after {
    bottom: 0;
    left: -15px;
    top: auto;
  }
}

.customer-styles .template_header .content-right p {
  margin: 0;
  letter-spacing: 0.32px;
  line-height: 1.4em;
  font-size: Max(15px, calc(15 * var(--font-size)));
}

@media (min-width: 768px) {
  .customer-styles .template_header .content-right p {
    font-size: Max(16px, calc(16 * var(--font-size)));
  }
}

.customer-styles .template_header .logo-container {
  align-items: flex-start;
  display: flex;
  grid-column: 1/7;
  grid-row: 1 / 2;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .customer-styles .template_header .logo-container {
    grid-column: 13 / 16;
  }
}

.customer-styles .template_header .logo-container .header-logo {
  height: auto;
  width: calc(168 * var(--font-size));
  filter: none !important;
  background-color: white;
  mix-blend-mode: normal !important;
  image-rendering: auto;
  color-scheme: normal;
}