html body .bwds-nav-wrap {
  --bwds-nav-top-gap: 72px;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-top: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  padding: var(--bwds-nav-top-gap) 0 88px !important;
  overflow: visible !important;
  background: #fff !important;
}

html body .bwds-nav-wrap.bwds-nav-wrap {
  padding-top: var(--bwds-nav-top-gap) !important;
}

html body .bwds-nav-wrap.bwds-nav-wrap.bwds-nav-wrap,
html body.bws-system-page .bwds-nav-wrap.bws-related-systems.bwds-system-wrap {
  padding-top: var(--bwds-nav-top-gap) !important;
}

html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap {
  background: #f5f6f7 !important;
}

html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
  background: #fff !important;
}

html body .bwds-nav-wrap .bwds-grid.bwds-grid {
  display: grid !important;
  align-items: start !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  border-top: 1px solid rgba(31, 31, 31, .10) !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item {
  display: flex !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1d1d1f !important;
  box-shadow: none !important;
  text-align: center !important;
  text-decoration: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item:is(:focus, :focus-visible, :active) {
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev {
  justify-self: stretch !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all {
  justify-self: center !important;
  border-radius: 999px !important;
  background: #f2f3f5 !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next {
  justify-self: stretch !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #f0f1f4 !important;
  color: #5f6671 !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before {
  content: "‹" !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
  content: "›" !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev .bwds-kicker.bwds-kicker::before,
html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev > span:first-child::before,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next .bwds-kicker.bwds-kicker::after,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next > span:first-child::after {
  content: none !important;
  display: none !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-kicker.bwds-kicker,
html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item > span:first-child {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1d1d1f !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-align: inherit !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all .bwds-kicker.bwds-kicker,
html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all > span:first-child {
  color: #5f6671 !important;
  font-weight: 850 !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-title.bwds-title {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(29, 29, 31, .58) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-align: inherit !important;
  text-overflow: clip !important;
  text-transform: none !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all .bwds-title.bwds-title,
html body .bwds-nav-wrap .bwds-grid .bwds-subtitle.bwds-subtitle,
html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all em,
html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item em,
html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item :is(.bws-case-adjacent-arrow, .bwa-article-adjacent-arrow) {
  display: none !important;
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 64px;
    margin-top: 0 !important;
    padding-bottom: 88px !important;
  }

  html body .bwds-nav-wrap.bwds-nav-wrap {
    padding-top: var(--bwds-nav-top-gap) !important;
  }

  html body .bwds-nav-wrap.bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bws-related-systems.bwds-system-wrap {
    padding-top: var(--bwds-nav-top-gap) !important;
  }

  html body .bwds-nav-wrap .bwds-grid.bwds-grid {
    grid-template-columns: minmax(108px, 1fr) auto minmax(108px, 1fr) !important;
    gap: 10px !important;
    width: min(var(--mobile-container, 354px), calc(100vw - 36px)) !important;
    max-width: min(var(--mobile-container, 354px), calc(100vw - 36px)) !important;
    min-height: 116px !important;
    padding: 24px 0 0 !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item {
    min-height: 56px !important;
    gap: 4px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all {
    min-height: 36px !important;
    margin-top: 2px !important;
    padding: 0 17px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
    width: 36px !important;
    height: 36px !important;
    margin: 0 0 8px !important;
    font-size: 22px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item > span:first-child {
    font-size: 11px !important;
    line-height: 13px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all > span:first-child {
    font-size: 12px !important;
    line-height: 36px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-title.bwds-title {
    max-width: 116px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }

  html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
  html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
  html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
    padding-top: 42px !important;
  }
}

@media (min-width: 901px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 72px;
    margin-top: 0 !important;
    padding-top: var(--bwds-nav-top-gap) !important;
    padding-bottom: 88px !important;
  }

  html body .bwds-nav-wrap .bwds-grid.bwds-grid {
    grid-template-columns: minmax(420px, 1fr) auto minmax(420px, 1fr) !important;
    gap: 48px !important;
    width: min(var(--container, 1200px), calc(100vw - 96px)) !important;
    max-width: min(var(--container, 1200px), calc(100vw - 96px)) !important;
    min-height: 156px !important;
    padding: 32px 0 0 !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item {
    min-height: 96px !important;
    gap: 8px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all {
    min-height: 48px !important;
    margin-top: 2px !important;
    padding: 0 28px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 10px !important;
    font-size: 30px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item > span:first-child {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all > span:first-child {
    font-size: 16px !important;
    line-height: 48px !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-title.bwds-title {
    max-width: 360px !important;
    color: #1d1d1f !important;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 850 !important;
  }

  html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
  html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
  html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
    padding-top: 56px !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all {
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition:
      transform .3s cubic-bezier(0, 0, .5, 1),
      background-color .2s cubic-bezier(0, 0, .5, 1),
      border-color .2s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:is(:hover, :focus-visible)::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:is(:hover, :focus-visible)::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:is(:hover, :focus-visible) {
    background: #24262a !important;
    border-color: #24262a !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translateZ(0) scale(1.08) !important;
  }

  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:is(:hover, :focus-visible),
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:is(:hover, :focus-visible)::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:is(:hover, :focus-visible)::before {
    background: #24262a !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:is(:hover, :focus-visible) .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:is(:hover, :focus-visible) > span:first-child {
    color: #fff !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body .bwp-actions .bwp-button,
  html body .bwa-article-hero .bwa-button,
  html body .bwa-button {
    transform: none !important;
    transition:
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease,
      box-shadow .18s ease !important;
    will-change: auto !important;
  }

  html body .bwp-actions .bwp-button:is(:hover, :focus-visible),
  html body .bwa-article-hero .bwa-button:is(:hover, :focus-visible),
  html body .bwa-button:is(:hover, :focus-visible) {
    transform: none !important;
    box-shadow: none !important;
  }

  html body .bwp-actions .bwp-button-outline:is(:hover, :focus-visible) {
    background: transparent !important;
    border-color: #2261b6 !important;
    color: #2261b6 !important;
  }

  html body .bwp-actions .bwp-button-dark:is(:hover, :focus-visible),
  html body .bwa-article-hero .bwa-button-dark:is(:hover, :focus-visible),
  html body .bwa-button-dark:is(:hover, :focus-visible) {
    background: #2261b6 !important;
    border-color: #2261b6 !important;
    color: #fff !important;
  }

  html body .bwp-actions .bwp-button:is(:hover, :focus-visible) svg,
  html body .bwa-button:is(:hover, :focus-visible) svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    transform: none !important;
  }
}

html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next {
  justify-self: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  align-self: start !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all > span:first-child {
    transition: none !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:is(:hover, :focus-visible) .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:is(:hover, :focus-visible) .bwds-title.bwds-title,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:is(:hover, :focus-visible) .bwds-kicker.bwds-kicker,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:is(:hover, :focus-visible) .bwds-title.bwds-title {
    color: #2261b6 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body.bwp-page .bwp-hero .bwp-actions .bwp-button,
  html body[class*="bwp-bw"] .bwp-hero .bwp-actions .bwp-button {
    transform: none !important;
    box-shadow: none !important;
    transition:
      background-color .18s ease,
      border-color .18s ease,
      color .18s ease,
      box-shadow .18s ease !important;
    will-change: auto !important;
  }

  html body.bwp-page .bwp-hero .bwp-actions .bwp-button:is(:hover, :focus-visible),
  html body[class*="bwp-bw"] .bwp-hero .bwp-actions .bwp-button:is(:hover, :focus-visible) {
    transform: none !important;
    box-shadow: none !important;
  }

  html body.bwp-page .bwp-hero .bwp-actions .bwp-button-outline:is(:hover, :focus-visible),
  html body[class*="bwp-bw"] .bwp-hero .bwp-actions .bwp-button-outline:is(:hover, :focus-visible) {
    background: transparent !important;
    border-color: #2261b6 !important;
    color: #2261b6 !important;
  }

  html body.bwp-page .bwp-hero .bwp-actions .bwp-button-dark:is(:hover, :focus-visible),
  html body[class*="bwp-bw"] .bwp-hero .bwp-actions .bwp-button-dark:is(:hover, :focus-visible) {
    background: #2261b6 !important;
    border-color: #2261b6 !important;
    color: #fff !important;
  }

  html body.bwp-page .bwp-hero .bwp-actions .bwp-button:is(:hover, :focus-visible) svg,
  html body[class*="bwp-bw"] .bwp-hero .bwp-actions .bwp-button:is(:hover, :focus-visible) svg {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    transform: none !important;
  }
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bwp-page .bwp-hero .bwp-quick-icons span,
  html body[class*="bwp-bw"] .bwp-hero .bwp-quick-icons span,
  html body.bwp-page .bwp-hero .bwp-quick-icons span:hover,
  html body[class*="bwp-bw"] .bwp-hero .bwp-quick-icons span:hover {
    transform: none !important;
    transition:
      color .18s ease,
      border-color .18s ease !important;
    will-change: auto !important;
  }

  html body.bwp-page .bwp-hero .bwp-quick-icons span svg,
  html body[class*="bwp-bw"] .bwp-hero .bwp-quick-icons span svg {
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .24s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }

  html body.bwp-page .bwp-hero .bwp-quick-icons span:hover svg,
  html body[class*="bwp-bw"] .bwp-hero .bwp-quick-icons span:hover svg,
  html body.bwp-page .bwp-hero .bwp-quick-icons span:focus-visible svg,
  html body[class*="bwp-bw"] .bwp-hero .bwp-quick-icons span:focus-visible svg {
    transform: translateZ(0) scale(1.18) !important;
  }
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bwp-page :is(
    .bwp-card,
    .bwp-metrics article,
    .bwp-note-card,
    .bwp-faq article,
    .bwp-tables .bwp-card,
    .bwp-spec-metric-carousel > .bwp-spec-metric-card
  ),
  html body[class*="bwp-bw"] :is(
    .bwp-card,
    .bwp-metrics article,
    .bwp-note-card,
    .bwp-faq article,
    .bwp-tables .bwp-card,
    .bwp-spec-metric-carousel > .bwp-spec-metric-card
  ) {
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .3s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }

  html body.bwp-page :is(
    .bwp-card,
    .bwp-metrics article,
    .bwp-note-card,
    .bwp-faq article,
    .bwp-tables .bwp-card,
    .bwp-spec-metric-carousel > .bwp-spec-metric-card
  ):is(:hover, :focus-within),
  html body[class*="bwp-bw"] :is(
    .bwp-card,
    .bwp-metrics article,
    .bwp-note-card,
    .bwp-faq article,
    .bwp-tables .bwp-card,
    .bwp-spec-metric-carousel > .bwp-spec-metric-card
  ):is(:hover, :focus-within) {
    transform: translateZ(0) scale(1.015) !important;
    transition: transform .3s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body.bwa-article-detail-page .bwa-article-meta span svg {
    transform: none !important;
    transition:
      color .18s ease,
      border-color .18s ease !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span svg > * {
    transform-box: view-box !important;
    transform-origin: center !important;
    transition: transform .24s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span:hover svg,
  html body.bwa-article-detail-page .bwa-article-meta span:focus-visible svg {
    transform: none !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span:hover svg > *,
  html body.bwa-article-detail-page .bwa-article-meta span:focus-visible svg > * {
    transform: scale(1.16) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body.bwa-article-detail-page :is(
    .bwa-article-figure,
    .bwa-article-table-wrap,
    .bwa-inquiry-card,
    .bwa-article-faq
  ),
  html body.bwa-article-detail-page :is(
    .bwa-article-figure,
    .bwa-article-table-wrap,
    .bwa-inquiry-card,
    .bwa-article-faq
  ):is(:hover, :focus-within) {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta {
    overflow: visible !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span {
    overflow: visible !important;
    transform: none !important;
    transition: color .18s ease !important;
    will-change: auto !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span svg {
    backface-visibility: hidden !important;
    color: currentColor !important;
    overflow: visible !important;
    transform: none !important;
    transform-origin: center !important;
    transition:
      border-color .18s ease,
      color .18s ease !important;
    will-change: auto !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span svg > * {
    transform-box: view-box !important;
    transform-origin: center !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span:is(:hover, :focus-visible) svg {
    border-color: #2261b6 !important;
    color: #2261b6 !important;
    transform: none !important;
  }

  html body.bwa-article-detail-page .bwa-article-meta span:is(:hover, :focus-visible) svg > * {
    transform: scale(1.14) !important;
  }
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bws-project-case-detail-page .bws-case-hero-banner,
  html body.bws-project-case-detail-page .bws-case-hero-banner:is(:hover, :focus-within) {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a {
    backface-visibility: hidden !important;
    color: inherit !important;
    position: relative !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition:
      transform .28s cubic-bezier(0, 0, .5, 1),
      color .18s ease !important;
    will-change: transform !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a::after {
    content: none !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a strong,
  html body.bws-project-case-detail-page .bws-case-system-panel .bws-case-system-copy :is(h3, em) {
    transition: color .18s ease !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a:is(:hover, :focus-visible) {
    color: inherit !important;
    transform: translateZ(0) scale(1.045) !important;
    z-index: 2 !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a:is(:hover, :focus-visible)::after {
    content: none !important;
    opacity: 0 !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a:is(:hover, :focus-visible) strong,
  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a:is(:hover, :focus-visible) strong *,
  html body.bws-project-case-detail-page .bws-case-system-panel:is(:hover, :focus-visible) .bws-case-system-copy :is(h3, em) {
    color: #2261b6 !important;
  }

  html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a:is(:hover, :focus-visible) span,
  html body.bws-project-case-detail-page .bws-case-system-panel:is(:hover, :focus-visible) .bws-case-system-copy p {
    color: var(--soft) !important;
  }
}

html body.bws-project-case-detail-page .bws-case-products .bws-case-product-links > a > span,
html body.bws-project-case-detail-page .bws-case-product-links > a > span {
  color: var(--soft) !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.bws-system-page:not(.bws-project-case-detail-page) #system-build-up-hero-card.bws-hero-card,
  html body.bws-system-page:not(.bws-project-case-detail-page) #system-build-up-hero-card.bws-hero-card:is(:hover, :focus-within),
  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-stage-media,
  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-stage-media:is(:hover, :focus-within) {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-product-cue {
    backface-visibility: hidden !important;
    color: inherit !important;
    position: relative !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition:
      transform .28s cubic-bezier(0, 0, .5, 1),
      color .18s ease !important;
    will-change: transform !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-product-cue * {
    transition: color .18s ease !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-product-cue:is(:hover, :focus-visible) {
    color: #2261b6 !important;
    transform: translateZ(0) scale(1.045) !important;
    z-index: 2 !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-planning-section .bws-product-cue:is(:hover, :focus-visible) * {
    color: #2261b6 !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-quote-section .bws-quote-prep {
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1) !important;
    transform-origin: center !important;
    transition: transform .3s cubic-bezier(0, 0, .5, 1) !important;
    will-change: transform !important;
  }

  html body.bws-system-page:not(.bws-project-case-detail-page) .bws-quote-section .bws-quote-prep:is(:hover, :focus-within) {
    transform: translateZ(0) scale(1.015) !important;
  }
}

html body .bwds-nav-wrap {
  --bwds-nav-top-gap: 80px !important;
  --bwds-nav-bottom-gap: 80px !important;
  padding: var(--bwds-nav-top-gap) 0 var(--bwds-nav-bottom-gap) !important;
}

html body .bwds-nav-wrap.bwds-nav-wrap,
html body .bwds-nav-wrap.bwds-nav-wrap.bwds-nav-wrap,
html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-system-page .bwds-nav-wrap.bws-related-systems.bwds-system-wrap,
html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap,
html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
  padding-top: var(--bwds-nav-top-gap) !important;
  padding-bottom: var(--bwds-nav-bottom-gap) !important;
}

html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
  padding-top: 0 !important;
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 56px !important;
    --bwds-nav-bottom-gap: 56px !important;
    padding-top: var(--bwds-nav-top-gap) !important;
    padding-bottom: var(--bwds-nav-bottom-gap) !important;
  }
}

@media (min-width: 901px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 80px !important;
    --bwds-nav-bottom-gap: 80px !important;
    padding-top: var(--bwds-nav-top-gap) !important;
    padding-bottom: var(--bwds-nav-bottom-gap) !important;
  }
}

html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
  background: #f5f6f7 !important;
}

@media (min-width: 901px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 80px !important;
    --bwds-nav-bottom-gap: 32px !important;
    padding-top: var(--bwds-nav-top-gap) !important;
    padding-bottom: var(--bwds-nav-bottom-gap) !important;
  }

  html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
  html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
  html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
    padding-top: 48px !important;
  }
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
    --bwds-nav-top-gap: 56px !important;
    --bwds-nav-bottom-gap: 24px !important;
    padding-top: var(--bwds-nav-top-gap) !important;
    padding-bottom: var(--bwds-nav-bottom-gap) !important;
  }

  html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
  html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
  html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
    padding-top: 32px !important;
  }
}

@media (max-width: 900px) {
  html body.bwp-page .bwp-related-links.bwds-nav-wrap + .bwp-contact.bwp-section,
  html body.bwp-page .bwp-related-links.bwds-nav-wrap + section.bwp-contact,
  html body[class*="bwp-bw"] .bwp-related-links.bwds-nav-wrap + .bwp-contact.bwp-section,
  html body[class*="bwp-bw"] .bwp-related-links.bwds-nav-wrap + section.bwp-contact {
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    background-image: none !important;
  }
}

html body .bwds-nav-wrap,
html body .bwds-nav-wrap.bwds-nav-wrap,
html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-system-page .bwds-nav-wrap.bws-related-systems.bwds-system-wrap,
html body.bws-project-case-detail-page .bwds-nav-wrap.bwds-nav-wrap,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap,
html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap {
  background: #f5f6f7 !important;
  background-color: #f5f6f7 !important;
  background-image: none !important;
}

html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-project-case-detail-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body.bws-project-case-detail-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

@media (min-width: 901px) {
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header {
    color: #1f2328 !important;
    text-shadow: none !important;
    isolation: isolate !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 88px !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg,
        rgba(17, 24, 39, .12) 0%,
        rgba(17, 24, 39, .055) 52%,
        rgba(0, 0, 0, 0) 100%) !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    z-index: 1 !important;
    height: 1px !important;
    pointer-events: none !important;
    background: rgba(17, 24, 39, .08) !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-header-inner {
    position: relative !important;
    z-index: 2 !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-brand-name,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-link,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-cta {
    color: #1f2328 !important;
    text-shadow: none !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-link.is-active,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-cta.is-active {
    color: #006bfc !important;
  }
}

html body .bwds-nav-wrap .bwds-prev.bwds-prev::before,
html body .bwds-nav-wrap .bwds-next.bwds-next::before,
html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-project-case-detail-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-prev.bwds-prev::before,
html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-next.bwds-next::before,
html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #5f6671 !important;
  text-shadow: none !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:hover::before,
  html body .bwds-nav-wrap .bwds-next.bwds-next:hover::before,
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible::before,
  html body .bwds-nav-wrap .bwds-next.bwds-next:focus-visible::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:hover::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:hover::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:focus-visible::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:focus-visible::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:hover::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:hover::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:focus-visible::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:focus-visible::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-prev.bwds-prev:hover::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-next.bwds-next:hover::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-next.bwds-next:focus-visible::before {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #006bfc !important;
    border: 0 !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:hover::before,
  html body .bwds-nav-wrap .bwds-next.bwds-next:hover::before,
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible::before,
  html body .bwds-nav-wrap .bwds-next.bwds-next:focus-visible::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:hover::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:hover::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:focus-visible::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:focus-visible::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:hover::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:hover::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:focus-visible::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:focus-visible::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-prev.bwds-prev:hover::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-next.bwds-next:hover::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible::before,
  html body.bws-project-case-detail-page .bws-case-adjacent-nav.bwds-case-wrap.bwds-nav-wrap .bwds-next.bwds-next:focus-visible::before {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    color: #fff !important;
  }

  html body .bwds-nav-wrap .bwds-prev.bwds-prev:hover .bwds-kicker,
  html body .bwds-nav-wrap .bwds-next.bwds-next:hover .bwds-kicker,
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:hover .bwds-title,
  html body .bwds-nav-wrap .bwds-next.bwds-next:hover .bwds-title,
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible .bwds-kicker,
  html body .bwds-nav-wrap .bwds-next.bwds-next:focus-visible .bwds-kicker,
  html body .bwds-nav-wrap .bwds-prev.bwds-prev:focus-visible .bwds-title,
  html body .bwds-nav-wrap .bwds-next.bwds-next:focus-visible .bwds-title {
    color: #006bfc !important;
  }
}

@media (min-width: 901px) {
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-brand:hover .bw-site-brand-name,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-brand:focus-visible .bw-site-brand-name,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-link:hover,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-link:focus-visible,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-link.is-active,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-cta:hover,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-cta:focus-visible,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-cta.is-active,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-item.has-submenu:hover > .bw-site-nav-link,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-nav-item.has-submenu:focus-within > .bw-site-nav-link {
    color: #006bfc !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-submenu-link:hover,
  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-submenu-link:focus-visible {
    background: rgba(255, 255, 255, .1) !important;
    background-color: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
  }

  html :is(body.bwp-page, body.bws-system-page:not(.bws-system-category-page), body.bws-project-case-detail-page, body.bwa-article-detail-page).bw-site-header-mounted .bw-site-header .bw-site-submenu-link.is-active:not(:hover):not(:focus-visible) {
    background: transparent !important;
    background-color: transparent !important;
    color: rgba(255, 255, 255, .88) !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  html body .bwds-nav-wrap .bwds-all.bwds-all:hover,
  html body .bwds-nav-wrap .bwds-all.bwds-all:focus-visible,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:hover,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:focus-visible,
  html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:hover,
  html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:focus-visible,
  html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:hover,
  html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:focus-visible,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-all.bwds-all:hover,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-all.bwds-all:focus-visible,
  html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:hover,
  html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:focus-visible {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    border-color: #24262a !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body .bwds-nav-wrap .bwds-all.bwds-all:hover .bwds-kicker,
  html body .bwds-nav-wrap .bwds-all.bwds-all:focus-visible .bwds-kicker,
  html body .bwds-nav-wrap .bwds-all.bwds-all:hover .bwds-title,
  html body .bwds-nav-wrap .bwds-all.bwds-all:focus-visible .bwds-title,
  html body .bwds-nav-wrap .bwds-all.bwds-all:hover .bwds-subtitle,
  html body .bwds-nav-wrap .bwds-all.bwds-all:focus-visible .bwds-subtitle,
  html body .bwds-nav-wrap .bwds-all.bwds-all:hover > span:first-child,
  html body .bwds-nav-wrap .bwds-all.bwds-all:focus-visible > span:first-child {
    color: #fff !important;
  }
}

@media (max-width: 900px) {
  html body:is(.bwp-page, .bws-system-page, .bws-project-case-detail-page, .bwa-article-detail-page),
  html body:is(.bwp-page, .bws-system-page, .bws-project-case-detail-page, .bwa-article-detail-page) main,
  html body .bwds-nav-wrap,
  html body .bwds-nav-wrap.bwds-nav-wrap,
  html body.bwp-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bwds-nav-wrap,
  html body.bws-system-page .bwds-nav-wrap.bws-related-systems.bwds-system-wrap,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap,
  html body.bwa-article-detail-page .bwds-nav-wrap.bwds-nav-wrap,
  html body .bwds-nav-wrap + :is(.bwp-contact, .bws-inquiry-section, .bwa-inquiry-section),
  html body.bwp-page .bwds-nav-wrap + .bwp-contact.bwp-contact,
  html body.bws-system-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bws-project-case-detail-page .bwds-nav-wrap + .bws-inquiry-section.bws-inquiry-section,
  html body.bwa-article-detail-page .bwds-nav-wrap + .bwa-inquiry-section.bwa-inquiry-section {
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    background-image: none !important;
  }
}

@media (max-width: 900px) {
  html body.bwp-page .bwp-section.bwds-nav-wrap.bwds-product-wrap,
  html body.bwp-page .bwp-section.bwds-related-links.bwds-nav-wrap.bwds-product-wrap,
  html body[class*="bwp-bw"] .bwp-section.bwds-nav-wrap.bwds-product-wrap {
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    background-image: none !important;
  }
}

@media (max-width: 900px) {
  html body.bwp-page :is(#bwds-product-switcher-bg, .bwp-section.bwds-nav-wrap.bwds-product-wrap),
  html body.bwp-page :is(#bwds-product-switcher-bg, .bwp-section.bwds-related-links.bwds-nav-wrap.bwds-product-wrap) {
    background: #f5f6f7 !important;
    background-color: #f5f6f7 !important;
    background-image: none !important;
  }
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap {
    --bwds-mobile-touch-blue: #006bfc;
    --bwds-mobile-touch-dark: #24262a;
    --bwds-mobile-touch-ease: cubic-bezier(.2, 0, .2, 1);
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    transition:
      transform .14s var(--bwds-mobile-touch-ease),
      background-color .16s var(--bwds-mobile-touch-ease),
      color .16s var(--bwds-mobile-touch-ease),
      box-shadow .16s var(--bwds-mobile-touch-ease) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item:active,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active {
    transform: translate3d(0, 1px, 0) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before {
    background: var(--bwds-mobile-touch-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active > span:first-child {
    color: var(--bwds-mobile-touch-blue) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active {
    background: var(--bwds-mobile-touch-dark) !important;
    background-color: var(--bwds-mobile-touch-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active > span:first-child {
    color: #fff !important;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  html body .bwds-nav-wrap .bwds-grid .bwds-item.bwds-item,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before {
    transition: none !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before,
  html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before,
  html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before,
  html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active::before,
  html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-touching::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-touching::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-tap-feedback::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-tap-feedback::before {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active,
  html body.bwp-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active,
  html body.bws-system-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active,
  html body.bws-project-case-detail-page .bwds-case-wrap.bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active,
  html body.bwa-article-detail-page .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-touching,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-tap-feedback {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:active > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:active > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-touching :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-touching > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-touching :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-touching > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-tap-feedback :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev.is-tap-feedback > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-tap-feedback :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next.is-tap-feedback > span:first-child {
    color: #006bfc !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:active > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-touching :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-touching > span:first-child,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-tap-feedback :is(.bwds-kicker, .bwds-title),
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all.is-tap-feedback > span:first-child {
    color: #fff !important;
  }
}

@media (max-width: 900px) {
  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all {
    transition:
      transform .06s cubic-bezier(.2, 0, .2, 1),
      background-color .06s cubic-bezier(.2, 0, .2, 1),
      color .06s cubic-bezier(.2, 0, .2, 1),
      box-shadow .06s cubic-bezier(.2, 0, .2, 1) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-prev.bwds-prev:is(.is-touching, .is-tap-feedback)::before,
  html body .bwds-nav-wrap .bwds-grid .bwds-next.bwds-next:is(.is-touching, .is-tap-feedback)::before {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translate3d(0, 1px, 0) !important;
  }

  html body .bwds-nav-wrap .bwds-grid .bwds-all.bwds-all:is(.is-touching, .is-tap-feedback) {
    background: #24262a !important;
    background-color: #24262a !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: translate3d(0, 1px, 0) !important;
  }
}