html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown {
  position: static !important;
}

html[data-camixel-theme] body.premium-ui .nav-brands-link .chevron {
  transition: transform .18s !important;
}

html[data-camixel-theme] body.premium-ui .has-dropdown.brands-open .nav-brands-link .chevron {
  transform: rotate(180deg) !important;
}

html[data-camixel-theme] body.premium-ui #brands-nav > #brands-mega-menu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform-origin: 50% 0 !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  z-index: 6200 !important;
  background: radial-gradient(circle at 12% 0, #3da57f29, #0000 28%), radial-gradient(circle at 92% 12%, #3172e021, #0000 30%), linear-gradient(145deg, #0e0e0efd, #04080afe) !important;
  border: 1px solid #3da57f33 !important;
  border-top-color: #ffffff12 !important;
  border-radius: 0 0 28px 28px !important;
  width: min(1160px, 100vw - 40px) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: opacity .19s, transform .21s, visibility .19s !important;
  position: fixed !important;
  top: 75px !important;
  left: 50% !important;
  right: auto !important;
  overflow: hidden !important;
  transform: translate(-50%, 14px) scale(.985) !important;
  box-shadow: 0 34px 100px #0000009e, inset 0 1px #ffffff0a !important;
}

html[data-camixel-theme] body.premium-ui #brands-nav.brands-open > #brands-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate(-50%) scale(1) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
  isolation: isolate !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "head"
                       "brands"
                       "foot" !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 24px !important;
  display: grid !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background-image: linear-gradient(#ffffff0b 1px, #0000 1px), linear-gradient(90deg, #ffffff0b 1px, #0000 1px);
  background-size: 34px 34px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(#000, #0000 76%);
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
  border-bottom: 1px solid #ffffff1a !important;
  grid-area: head !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 28px !important;
  padding: 2px 2px 17px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading {
  gap: 5px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-eyebrow {
  color: #3da57f !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  font-size: 9.5px !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
  color: #fff !important;
  letter-spacing: -.045em !important;
  font-size: clamp(23px, 2.2vw, 31px) !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
  color: #9ca9a4 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
  color: #e8fff5 !important;
  white-space: nowrap !important;
  background: #3da57f13 !important;
  border: 1px solid #3da57f61 !important;
  border-radius: 999px !important;
  flex: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: color .16s, background-color .16s, border-color .16s !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview:hover, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview:focus-visible {
  color: #0a0a0a !important;
  background: #3da57f !important;
  border-color: #3da57f !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
  grid-area: brands !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
  --brand-accent: #3da57f;
  background: radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--brand-accent) 13%, transparent), transparent 45%), linear-gradient(155deg, #ffffff0d, #ffffff05) !important;
  color: #fff !important;
  text-align: left !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 20px !important;
  grid-template: "logo arrow" 110px
                 "copy copy" minmax(72px, auto)
                 / minmax(0, 1fr) 38px !important;
  align-content: start !important;
  align-items: start !important;
  gap: 16px 10px !important;
  min-width: 0 !important;
  min-height: 226px !important;
  padding: 14px !important;
  text-decoration: none !important;
  transition: transform .19s, border-color .19s, background-color .19s, box-shadow .19s !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  box-shadow: 0 12px 24px #00000026 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:first-child {
  --brand-accent: #ff8c54;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(2) {
  --brand-accent: #4e80ff;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(3) {
  --brand-accent: #e9eef2;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(4) {
  --brand-accent: #4f91ff;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:before {
  content: attr(data-brand-index) !important;
  color: #ffffff0e !important;
  letter-spacing: -.08em !important;
  pointer-events: none !important;
  font-size: 52px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 15px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
  border-color: color-mix(in srgb, var(--brand-accent) 56%, transparent) !important;
  background: radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--brand-accent) 21%, transparent), transparent 48%), linear-gradient(155deg, #ffffff16, #ffffff08) !important;
  box-shadow: 0 18px 34px #0000004d, 0 0 0 1px color-mix(in srgb, var(--brand-accent) 10%, transparent) inset !important;
  outline: none !important;
  transform: translateY(-4px) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
  background: linear-gradient(145deg, #282828f5, #0d1314fa) !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 15px !important;
  grid-area: logo !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 110px !important;
  padding: 20px 15px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px #ffffff0b !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--brand-accent), transparent);
  opacity: .7;
  height: 1px;
  position: absolute;
  inset: auto 12% 0;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img {
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 3px 10px #00000038) !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  transition: transform .19s !important;
  display: block !important;
  transform: scale(1) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:first-child .mega-logo-stage img {
  transform: scale(1.09) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(3) .mega-logo-stage img {
  transform: scale(1.08) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:nth-child(4) .mega-logo-stage img {
  transform: scale(1.12) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:hover .mega-logo-stage img, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:focus-visible .mega-logo-stage img {
  transform: scale(1.14) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
  z-index: 1 !important;
  text-align: left !important;
  grid-area: copy !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 0 2px 2px !important;
  display: grid !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker {
  color: var(--brand-accent) !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
  color: #fff !important;
  letter-spacing: -.02em !important;
  font-size: 16px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
  color: #a4b0ac !important;
  max-width: 210px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
  z-index: 2 !important;
  color: #dce6e2 !important;
  background: #06060673 !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 50% !important;
  grid-area: arrow !important;
  justify-content: center !important;
  align-items: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  font-size: 14px !important;
  transition: transform .17s, color .17s, background-color .17s !important;
  display: inline-flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:hover .mega-arrow, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:focus-visible .mega-arrow {
  color: #0a0a0a !important;
  background: var(--brand-accent) !important;
  transform: rotate(8deg) !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
  color: #9da9a5 !important;
  border-top: 1px solid #ffffff17 !important;
  grid-area: foot !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 48px !important;
  padding: 13px 2px 0 !important;
  font-size: 11.5px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot b {
  color: #e6ece9 !important;
  font-weight: 720 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
  align-items: center !important;
  gap: 18px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a {
  color: #dfe7e4 !important;
  font-size: 11.5px !important;
  font-weight: 720 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a:hover, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a:focus-visible {
  color: #3da57f !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions .mega-menu-advisor {
  color: #3da57f !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-cta {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar #hamburger {
    flex: 0 0 44px !important;
    margin-left: auto !important;
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
  }

  html[data-camixel-theme] body.premium-ui .nav-item.has-dropdown {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links #brands-nav > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    border-radius: 20px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: min(70vh, 680px) !important;
    margin: 7px 0 12px !important;
    display: none !important;
    position: static !important;
    overflow: auto !important;
    transform: none !important;
    box-shadow: 0 18px 42px #0006 !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu {
    display: block !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    gap: 11px !important;
    padding: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    align-items: center !important;
    padding-bottom: 12px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    font-size: 19px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    grid-template-rows: 86px minmax(66px, auto) !important;
    min-height: 182px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    height: 86px !important;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    align-items: flex-start !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    font-size: 17px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    border-radius: 15px !important;
    grid-template: "logo copy arrow" minmax(78px, auto)
    / 124px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 102px !important;
    padding: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:before {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    border-radius: 11px !important;
    width: 124px !important;
    height: 78px !important;
    padding: 14px 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
    gap: 3px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    font-size: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 9px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot > span {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
    justify-content: space-between !important;
    width: 100% !important;
  }
}

@media (width <= 430px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    padding: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    grid-template-columns: 104px minmax(0, 1fr) 30px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    width: 104px !important;
    padding: 13px 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img {
    transition: none !important;
  }
}

@media (width >= 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:after {
    content: "";
    pointer-events: none;
    width: calc(100% + 20px);
    height: 12px;
    position: absolute;
    top: 100%;
    left: -10px;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:hover:after, html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav.brands-open:after {
    pointer-events: auto;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform-origin: 72px 0 !important;
    border: 1px solid #3da57f33 !important;
    border-radius: 18px !important;
    width: min(720px, 100vw - 32px) !important;
    max-width: 720px !important;
    max-height: calc(100dvh - 100px) !important;
    margin: 0 !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: auto !important;
    overflow: auto !important;
    transform: translateY(9px) !important;
    box-shadow: 0 26px 76px #00000094, inset 0 1px #ffffff0a !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:hover > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:focus-within > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav.brands-open > #brands-mega-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    gap: 12px !important;
    padding: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    align-items: center !important;
    padding: 0 0 13px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading {
    gap: 3px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    font-size: 21px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
    font-size: 11px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
    min-height: 38px !important;
    padding: 0 13px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    border-radius: 14px !important;
    grid-template: "logo copy arrow" minmax(82px, auto)
    / 128px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 106px !important;
    padding: 11px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:before {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
    transform: translateY(-2px) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    border-radius: 11px !important;
    width: 128px !important;
    height: 82px !important;
    padding: 15px 11px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
    gap: 3px !important;
    padding: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker {
    font-size: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    font-size: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    min-height: 38px !important;
    padding-top: 11px !important;
    font-size: 10.5px !important;
  }
}

html[data-camixel-theme] body.premium-ui {
  --edit-box-min-height: 0px;
}

html[data-camixel-theme] body.premium-ui section > .container, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .prod-section > .container {
  width: min(100% - clamp(32px, 5vw, 64px), 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-section .section-header {
  margin-bottom: 20px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box {
  width: min(100%, 960px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 32px !important;
  padding: 26px 28px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box p {
  max-width: 80ch !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid {
  grid-auto-rows: auto !important;
  gap: 16px !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid > .trust-card {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid > .trust-card > * {
  min-width: 0 !important;
}

@media (width <= 720px) {
  html[data-camixel-theme] body.premium-ui section > .container, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .prod-section > .container {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-statement-box {
    margin-bottom: 24px !important;
    padding: 22px 20px !important;
  }
}

html[data-camixel-theme] body.premium-ui, html[data-camixel-theme] body.premium-ui :is(button, input, select, textarea) {
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: Inter, SF Pro Text, Segoe UI, Arial, sans-serif !important;
}

html[data-camixel-theme] body.premium-ui {
  text-align: left;
  line-height: 1.6;
}

html[data-camixel-theme] body.premium-ui :is(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
  margin-top: 0;
  font-style: normal;
  font-weight: 750;
  line-height: 1.16;
  font-family: Inter, SF Pro Display, Segoe UI, Arial, sans-serif !important;
}

html[data-camixel-theme] body.premium-ui :is(p, li, dd, .section-desc, .section-sub, .hero-sub) {
  text-wrap: pretty;
  line-height: 1.65;
}

html[data-camixel-theme] body.premium-ui #navbar :is(.nav-links, .nav-link, .nav-brands-link, .nav-cta-link) {
  align-items: center !important;
}

html[data-camixel-theme] body.premium-ui #navbar :is(.nav-link, .nav-brands-link, .nav-cta-link) {
  white-space: nowrap;
  text-align: center !important;
  line-height: 1.2 !important;
}

body.premium-ui #nav-links > #company-nav {
  position: relative !important;
}

body.premium-ui .nav-company-link .chevron {
  transition: transform .18s;
}

body.premium-ui #company-nav.company-open > .nav-company-link .chevron, body.premium-ui #company-nav:hover > .nav-company-link .chevron, body.premium-ui #company-nav:focus-within > .nav-company-link .chevron {
  transform: rotate(180deg);
}

body.premium-ui #company-nav > .company-dropdown {
  z-index: 5200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #161616;
  border: 1px solid #ffffff1f;
  border-radius: 12px;
  width: 210px;
  padding: 8px;
  transition: opacity .16s, transform .16s, visibility .16s;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  transform: translateY(-6px);
  box-shadow: 0 20px 46px #0006;
}

body.premium-ui #company-nav:hover > .company-dropdown, body.premium-ui #company-nav:focus-within > .company-dropdown, body.premium-ui #company-nav.company-open > .company-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body.premium-ui .company-dropdown a {
  color: #d9e2dd;
  border-radius: 8px;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.3;
  text-decoration: none;
  transition: color .15s, background-color .15s;
  display: flex;
}

body.premium-ui .company-dropdown a:hover, body.premium-ui .company-dropdown a:focus-visible, body.premium-ui .company-dropdown a[aria-current="page"] {
  color: #fff;
  background: #3da57f21;
}

@media (width <= 1120px) {
  body.premium-ui #nav-links #company-nav > .company-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    box-shadow: none;
    background: none;
    border: 0;
    border-left: 1px solid #3da57f52;
    border-radius: 0;
    padding: 4px 0 10px 16px;
    display: none;
    position: static;
    transform: none;
  }

  body.premium-ui #nav-links.open #company-nav.company-open > .company-dropdown {
    display: grid;
  }

  body.premium-ui #nav-links.open .nav-company-link {
    justify-content: space-between !important;
  }

  body.premium-ui #nav-links.open .company-dropdown a {
    min-height: 42px;
  }
}

body:is(.premium-ui, .page-eizo-medical) .cx-select {
  width: 100%;
  min-width: 0;
  display: block;
  position: relative;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-native {
  clip-path: inset(50%);
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-trigger {
  color: #edf4ef;
  min-height: 50px;
  box-shadow: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: #0e0e0e;
  border: 1px solid #c8e1d52e;
  border-radius: 10px;
  align-items: center;
  padding: 0 46px 0 14px;
  font-size: 13.5px;
  line-height: 1.3;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
  display: flex;
  width: 100% !important;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-trigger:after {
  content: "";
  pointer-events: none;
  border-bottom: 1.5px solid #8eaaa0;
  border-right: 1.5px solid #8eaaa0;
  width: 8px;
  height: 8px;
  transition: transform .16s, border-color .16s;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-68%) rotate(45deg);
}

body:is(.premium-ui, .page-eizo-medical) .cx-select.is-open .cx-select-trigger, body:is(.premium-ui, .page-eizo-medical) .cx-select-trigger:focus-visible {
  background: #121212;
  border-color: #3da57fcc;
  outline: none;
  box-shadow: 0 0 0 3px #3da57f1f;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select.is-open .cx-select-trigger:after {
  border-color: #3da57f;
  transform: translateY(-30%) rotate(225deg);
}

body:is(.premium-ui, .page-eizo-medical) .cx-select.is-placeholder .cx-select-value {
  color: #96a39d;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select.is-invalid .cx-select-trigger {
  border-color: #e97979;
  box-shadow: 0 0 0 3px #e979791f;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-options {
  z-index: 2200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  color: #f1f6f2;
  background: #141414;
  border: 1px solid #c8e1d538;
  border-radius: 11px;
  max-height: min(294px, 42vh);
  padding: 6px;
  transition: opacity .15s, transform .15s, visibility .15s;
  display: grid;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  overflow-y: auto;
  transform: translateY(-5px);
  box-shadow: 0 20px 48px #0000006b;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select.is-open .cx-select-options {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-option {
  color: #dbe5df;
  min-height: 38px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.35;
  display: flex;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-option:hover, body:is(.premium-ui, .page-eizo-medical) .cx-select-option:focus-visible {
  color: #fff;
  background: #3da57f21;
  outline: none;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-option[aria-selected="true"] {
  color: #0f0f0f;
  background: #3da57f;
  font-weight: 680;
}

body:is(.premium-ui, .page-eizo-medical) .cx-select-option:disabled {
  display: none;
}

@media (width <= 640px) {
  body:is(.premium-ui, .page-eizo-medical) .cx-select-options {
    max-height: min(250px, 38vh);
  }
}

:root {
  --cx-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --cx-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
}

html[data-camixel-theme] body.premium-ui, html[data-camixel-theme] body.premium-ui :is(button, input, select, textarea, .cx-select-trigger, .cx-select-option) {
  font-family: var(--cx-font) !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-title, .section-title, .contact-header-new h2, .form-title-new) {
  font-family: var(--cx-font-display) !important;
  letter-spacing: -.035em !important;
}

html[data-camixel-theme] body.premium-ui :is(.nav-cta-link, .btn-primary, .submit-btn-new, .model-card-link, .community-button) {
  font-family: var(--cx-font) !important;
  letter-spacing: -.01em !important;
  font-weight: 680 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu :is(.mega-brand, .mega-brand-copy, .mega-brand-copy strong, .mega-brand-copy small), html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) > :is(h1, h2, p, .hero-title, .hero-subtitle, .hero-sub, .ptz-hero-title, .sol-hero-copy) {
  text-align: inherit !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .events-section-header), html[data-camixel-theme] body.premium-ui :is(.events-hero-content, .events-section-header) > :is(h1, h2, h3, p, .section-desc, .hero-sub) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui .section-header {
  max-width: 840px;
  text-align: left !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .section-header > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.premium-ui .section-header:is(.text-center, [data-align="center"]), html[data-camixel-theme] body.premium-ui .text-center.section-header {
  text-align: center !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui .section-header:is(.text-center, [data-align="center"]) > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p), html[data-camixel-theme] body.premium-ui .text-center.section-header > :is(.section-tag, .section-title, .section-desc, .section-sub, h1, h2, h3, p) {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.premium-ui :is(.section-title, .events-section-header h2, .form-section-title) {
  letter-spacing: -.035em;
  font-size: clamp(1.85rem, 3.2vw, 3rem);
  line-height: 1.12;
}

html[data-camixel-theme] body.premium-ui :is(.section-tag, .card-tag, .prod-tag, .prod-feature-tag, .detail-tag, .about-vm-tag) {
  text-align: left;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.premium-ui :is(.who-text, .ewaste-text, .definition-copy, .detail-content, .pitch-content, .contact-detail-body, .sol-form-header, .form-block-title, .sidebar-header) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(label, legend, .sidebar-title, .sidebar-subtitle, .filter-section-title) {
  text-align: left !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.premium-ui :is(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .val-card, .why-ptz-card, .eco-card, .product-card, .model-card, .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card, .cv-card, .team-card, .benefit-card, .why-card, .cb-card, .color-card, .solution-card, .warranty-card, .ws-card, .tl-card, .gallery-card, .social-hub-card, .ptz-spotlight-card, .answer-card, .event-card, .news-card, .industry-tile), html[data-camixel-theme] body.premium-ui :is(.vm-card, .pillar-card, .trust-card, .support-card, .i-card, .value-card, .val-card, .why-ptz-card, .eco-card, .product-card, .model-card, .ptz-cat-card, .advantage-point, .arch-card, .brand-card, .cs-card, .cv-card, .team-card, .benefit-card, .why-card, .cb-card, .color-card, .solution-card, .warranty-card, .ws-card, .tl-card, .gallery-card, .social-hub-card, .ptz-spotlight-card, .answer-card, .event-card, .news-card, .industry-tile) :is(h2, h3, h4, p, li, .card-body, .model-card-body, .event-card-body, .news-card-body, .industry-tile-content) {
  text-align: left !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .support-card, .warranty-card, .answer-card) :is(h3, h4) {
  letter-spacing: -.015em;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card, .model-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .support-card, .warranty-card, .answer-card) p {
  line-height: 1.58 !important;
}

html[data-camixel-theme] body.premium-ui :is(.btn, .nav-cta-link, .cat-cta, .model-card-link, .model-spec-link, .card-link, .answer-card-cta, .event-popup-cta, .mega-menu-overview, .mega-menu-advisor) {
  gap: 8px;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

html[data-camixel-theme] body.premium-ui :is(.btn, .nav-cta-link, .cat-cta, .model-card-link, .model-spec-link, .card-link, .answer-card-cta, .event-popup-cta) :is(svg, img) {
  flex: none;
}

html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns, .model-actions) {
  align-items: center !important;
}

@media (width <= 720px) {
  html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) {
    width: 100%;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .ewaste-hero-content) > :is(h1, .hero-title, .ptz-hero-title) {
    font-size: clamp(2.15rem, 10vw, 3.35rem) !important;
    line-height: 1.08 !important;
  }

  html[data-camixel-theme] body.premium-ui .section-header {
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.section-title, .events-section-header h2, .form-section-title) {
    font-size: clamp(1.7rem, 7.8vw, 2.35rem);
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns) {
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero-actions, .cta-row, .final-cta-btns) .btn {
    white-space: normal;
    min-height: 48px;
  }
}

:root {
  --ap-bg: #050505;
  --ap-bg-soft: #0b0b0c;
  --ap-surface: #111;
  --ap-surface-2: #18181a;
  --ap-surface-hover: #1d1d1f;
  --ap-line: #ffffff1a;
  --ap-line-strong: #ffffff29;
  --ap-text: #f5f5f7;
  --ap-text-2: #c7c7cc;
  --ap-text-3: #8e8e93;
  --ap-accent: #3da57f;
  --ap-accent-strong: #3da57f;
  --ap-radius-sm: 12px;
  --ap-radius: 18px;
  --ap-radius-lg: 28px;
  --ap-shadow: 0 18px 55px #00000047;
  --ap-focus: 0 0 0 4px #3da57f2b;
}

html[data-camixel-theme] body.premium-ui {
  color: var(--ap-text-2) !important;
  background: var(--ap-bg) !important;
  font-feature-settings: "kern" 1, "liga" 1 !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro Text, Helvetica Neue, Arial, sans-serif !important;
}

html[data-camixel-theme] body.premium-ui :where(h1, h2, h3, h4, h5, h6) {
  color: var(--ap-text) !important;
  letter-spacing: -.035em !important;
  text-wrap: balance !important;
  font-family: inherit !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.premium-ui :where(p, li) {
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.premium-ui :where(.container, .nav-container) {
  width: min(100% - clamp(32px, 6vw, 96px), 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(section, .section) {
  scroll-margin-top: 92px !important;
}

html[data-camixel-theme] body.premium-ui header#navbar {
  border-bottom: 1px solid var(--ap-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: saturate(160%) blur(22px) !important;
  background: #070708d1 !important;
}

html[data-camixel-theme] body.premium-ui #nav-links :is(.nav-link, .nav-brands-link) {
  letter-spacing: -.01em !important;
  font-size: 13px !important;
  font-weight: 560 !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn, .model-card-link, .product-card-link, .nav-cta-link, .event-popup-cta) {
  letter-spacing: -.01em !important;
  min-height: 44px !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 650 !important;
  transition: color .16s, background-color .16s, border-color .16s, transform .16s !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn, .model-card-link, .product-card-link):hover {
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme] body.premium-ui :where(button, a, input, select, textarea):focus-visible {
  box-shadow: var(--ap-focus) !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .industry-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .eco-card, .trust-card, .support-card, .solution-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .event-card, .news-card, .team-card, .office-card, .arch-card, .benefit-card, .cb-card, .color-card, .cs-card, .cv-card, .gallery-card, .why-card, .why-ptz-card, .social-hub-card, .warranty-card, .brand-card, .workflow-diagram, .med-sidebar, .lineup-toolbar) {
  border: 1px solid var(--ap-line) !important;
  border-radius: var(--ap-radius-lg) !important;
  background: var(--ap-surface) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .industry-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .eco-card, .trust-card, .support-card, .solution-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .event-card, .news-card, .team-card, .office-card, .arch-card, .benefit-card, .cb-card, .color-card, .cs-card, .cv-card, .gallery-card, .why-card, .why-ptz-card, .warranty-card):hover {
  border-color: var(--ap-line-strong) !important;
  background: var(--ap-surface-hover) !important;
  box-shadow: var(--ap-shadow) !important;
  transform: translateY(-3px) !important;
}

html[data-camixel-theme] body.premium-ui :where(.models-grid, .ptz-categories-grid, .cat-products-grid, .products-grid, .product-grid) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 26px) !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid, html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 26px) !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card, .ptz-cat-card, .product-card, .commerce-card) {
  min-width: 0 !important;
  height: 100% !important;
  overflow: clip !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card, .product-card) {
  flex-direction: column !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card {
  grid-template-rows: 230px auto auto minmax(78px, 1fr) auto !important;
  align-content: stretch !important;
  padding: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-img, .prod-img-wrap, .product-card-image, .ptz-img-frame) {
  border: 0 !important;
  border-bottom: 1px solid var(--ap-line) !important;
  background: #f5f5f7 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  padding: 24px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-img, .prod-img-wrap, .product-card-image, .ptz-img-frame) img {
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui .model-card-body {
  flex-direction: column !important;
  flex: auto !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 22px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > :where(.vm-badge, h3, p, .btn) {
  margin-inline: 22px !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > .vm-badge {
  width: max-content !important;
  max-width: calc(100% - 44px) !important;
  color: var(--ap-accent) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  background: #3da57f14 !important;
  border: 1px solid #3da57f33 !important;
  border-radius: 999px !important;
  align-self: start !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  padding: 6px 10px !important;
  font-size: 9px !important;
  font-weight: 720 !important;
  line-height: 1.1 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-body, .ptz-cat-card) :where(h3, h4) {
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
  color: var(--ap-text) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > h3 {
  margin-bottom: 10px !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-body, .ptz-cat-card) > p {
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
  color: var(--ap-text-3) !important;
  white-space: normal !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .model-card-body > p {
  flex: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-specs, .prod-specs) {
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-spec, .prod-feature-tag, .spec-tag) {
  border: 1px solid var(--ap-line) !important;
  color: var(--ap-text-2) !important;
  background: #ffffff09 !important;
  border-radius: 999px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
  font-weight: 590 !important;
  line-height: 1.2 !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link, .model-actions, .product-card-actions) {
  margin-top: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link, .ptz-cat-card > .btn, .product-card .btn) {
  border: 1px solid var(--ap-line-strong) !important;
  width: auto !important;
  min-height: 44px !important;
  color: var(--ap-text) !important;
  text-align: center !important;
  white-space: normal !important;
  background: none !important;
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 18px !important;
  font-size: 12px !important;
  font-weight: 630 !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui .model-card-link {
  width: 100% !important;
}

html[data-camixel-theme] body.premium-ui .ptz-cat-card > .btn {
  margin-top: auto !important;
  margin-bottom: 22px !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link, .ptz-cat-card > .btn, .product-card .btn):hover {
  border-color: var(--ap-accent) !important;
  color: #0a0a0a !important;
  background: var(--ap-accent) !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar, .catalogue-toolbar) {
  border-radius: 22px !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 390px) !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .catalogue-toolbar {
  grid-template-columns: minmax(260px, 520px) auto !important;
  justify-content: space-between !important;
  margin-bottom: 26px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-group, .cat-tabs, .brand-tabs, .filter-pills) {
  background: none !important;
  border: 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn, .cat-tab-btn, .brand-tab, .sol-filter-btn) {
  min-height: 40px !important;
  color: var(--ap-text-2) !important;
  box-shadow: none !important;
  letter-spacing: -.005em !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 14px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn, .cat-tab-btn, .brand-tab, .sol-filter-btn):hover {
  color: var(--ap-text) !important;
  background: #ffffff0f !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-btn.active-filter, .cat-tab-btn.active, .brand-tab.active, .sol-filter-btn.active) {
  color: #0a0a0a !important;
  background: var(--ap-accent) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .sidebar-search, .catalogue-search) {
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .sidebar-search, .catalogue-search) svg {
  z-index: 2 !important;
  width: 17px !important;
  height: 17px !important;
  color: var(--ap-text-3) !important;
  pointer-events: none !important;
  position: absolute !important;
  left: 15px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .sidebar-search, .catalogue-search) input {
  border: 1px solid var(--ap-line) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  color: var(--ap-text) !important;
  background: var(--ap-surface-2) !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: 14px !important;
  padding: 0 16px 0 43px !important;
  font-family: inherit !important;
  font-size: 13px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .sidebar-search, .catalogue-search) input::placeholder {
  color: #77777c !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .sidebar-search, .catalogue-search) input:focus {
  border-color: var(--ap-accent) !important;
  box-shadow: var(--ap-focus) !important;
  outline: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-results-row, .medical-store-head) {
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-note, .lineup-result-count, .medical-result-count, .catalogue-result-count) {
  color: var(--ap-text-3) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-result-count, .medical-result-count, .catalogue-result-count) {
  color: var(--ap-text-2) !important;
  white-space: nowrap !important;
  background: #ffffff0d !important;
  border-radius: 999px !important;
  flex: none !important;
  padding: 7px 10px !important;
}

html[data-camixel-theme] body.premium-ui .catalogue-empty-state {
  border: 1px dashed var(--ap-line-strong) !important;
  border-radius: var(--ap-radius) !important;
  width: 100% !important;
  color: var(--ap-text-3) !important;
  text-align: center !important;
  margin: 22px 0 0 !important;
  padding: 34px !important;
}

html[data-camixel-theme] body.premium-ui [hidden] {
  display: none !important;
}

html[data-camixel-theme] body.page-eizo-medical .med-layout {
  display: block !important;
}

html[data-camixel-theme] body.page-eizo-medical .med-sidebar {
  border-radius: 22px !important;
  padding: 20px !important;
  position: static !important;
  top: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(.sidebar-title, .filter-section-title) {
  color: var(--ap-text) !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.premium-ui .filter-section {
  border-top: 1px solid var(--ap-line) !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
}

html[data-camixel-theme] body.premium-ui .custom-checkbox {
  min-height: 38px !important;
  color: var(--ap-text-2) !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 12px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .medical-clear-filters {
  border: 1px solid var(--ap-line) !important;
  width: 100% !important;
  min-height: 38px !important;
  color: var(--ap-text-2) !important;
  background: none !important;
  border-radius: 999px !important;
  margin-top: 12px !important;
}

html[data-camixel-theme] body.premium-ui :where(.compare-table-wrap, .table-wrap, .spec-table-wrap) {
  border: 1px solid var(--ap-line) !important;
  background: var(--ap-surface) !important;
  box-shadow: none !important;
  border-radius: 22px !important;
  overflow: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(table, .compare-table, .spec-table) {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  color: var(--ap-text-2) !important;
  background: none !important;
  font-size: 13px !important;
}

html[data-camixel-theme] body.premium-ui :where(table, .compare-table, .spec-table) :where(th, td) {
  border: 0 !important;
  border-bottom: 1px solid var(--ap-line) !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 16px 18px !important;
}

html[data-camixel-theme] body.premium-ui :where(table, .compare-table, .spec-table) th {
  color: var(--ap-text) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  background: #ffffff09 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.premium-ui :where(table, .compare-table, .spec-table) tr:last-child td {
  border-bottom: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(table, .compare-table, .spec-table) tbody tr:hover {
  background: #ffffff06 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
  border: 1px solid var(--ap-line-strong) !important;
  background: #111 !important;
  border-radius: 24px !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr) !important;
  width: min(780px, 100%) !important;
  min-height: 360px !important;
  max-height: calc(100dvh - 40px) !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 28px 90px #0000008c !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card:after {
  display: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  border-right: 1px solid var(--ap-line) !important;
  background: #080808 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  background: none !important;
  justify-content: center !important;
  padding: 42px 36px !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-eyebrow {
  color: var(--ap-accent) !important;
  letter-spacing: .12em !important;
  margin-bottom: 14px !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
  letter-spacing: -.04em !important;
  max-width: 10ch !important;
  margin-bottom: 14px !important;
  font-size: clamp(30px, 4vw, 40px) !important;
  font-weight: 650 !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
  color: var(--ap-text-3) !important;
  margin-bottom: 24px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
  color: #0a0a0a !important;
  background: var(--ap-accent) !important;
  border-color: var(--ap-accent) !important;
  min-height: 44px !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-close-btn {
  border: 1px solid var(--ap-line-strong) !important;
  width: 34px !important;
  height: 34px !important;
  color: var(--ap-text) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  background: #111111b8 !important;
  border-radius: 50% !important;
  top: 14px !important;
  right: 14px !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body.premium-ui :where(.models-grid, .ptz-categories-grid, .cat-products-grid, .products-grid, .product-grid), html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid, html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar, .catalogue-toolbar) {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui .catalogue-result-count {
    justify-self: start !important;
  }

  html[data-camixel-theme] body.page-eizo-medical .med-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-eizo-medical .med-sidebar {
    position: static !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui :where(.models-grid, .ptz-categories-grid, .cat-products-grid, .products-grid, .product-grid) {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui #colorEdgeGrid, html[data-camixel-theme] body.page-eizo.premium-ui #flexscanGrid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.model-card-img, .prod-img-wrap, .product-card-image, .ptz-img-frame) {
    height: 220px !important;
    min-height: 220px !important;
  }

  html[data-camixel-theme] body.premium-ui .ptz-cat-card {
    grid-template-rows: 220px auto auto minmax(0, auto) auto !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-results-row, .medical-store-head) {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    width: min(480px, 100%) !important;
    min-height: 0 !important;
    display: block !important;
    overflow: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    height: 210px !important;
    min-height: 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
    border-right: 0 !important;
    border-bottom: 1px solid var(--ap-line) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    padding: 28px 24px 30px !important;
  }
}

@media (width <= 460px) {
  html[data-camixel-theme] body.premium-ui :where(.container, .nav-container) {
    width: min(100% - 28px, 1240px) !important;
  }

  html[data-camixel-theme] body.premium-ui .lineup-filter-group {
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  html[data-camixel-theme] body.premium-ui .lineup-filter-group::-webkit-scrollbar {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui .lineup-filter-btn {
    flex: none !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
    padding: 12px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    height: 180px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
    font-size: 29px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui *, html[data-camixel-theme] body.premium-ui :before, html[data-camixel-theme] body.premium-ui :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui {
  --eizo-gutter: clamp(18px, 3vw, 32px);
  --eizo-card-image: 240px;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui :where(.container, .nav-container) {
  width: min(100% - clamp(32px, 6vw, 96px), 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-content {
  text-align: left !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero h1 {
  letter-spacing: -.045em !important;
  text-align: left !important;
  max-width: 15ch !important;
  margin: 0 0 18px !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero :where(p, .hero-subtitle) {
  text-align: left !important;
  max-width: 66ch !important;
  margin-left: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero :where(.hero-actions, .hero-buttons) {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-inner {
  width: 100% !important;
  max-width: 1240px !important;
  padding-inline: var(--eizo-gutter) !important;
  grid-template-columns: auto minmax(240px, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(22px, 4vw, 54px) !important;
  margin-inline: auto !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-logo-box {
  width: 190px !important;
  min-width: 190px !important;
  min-height: 92px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-logo-text {
  text-align: left !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-stats {
  grid-template-columns: repeat(4, minmax(72px, 1fr)) !important;
  align-items: start !important;
  gap: clamp(14px, 2.2vw, 28px) !important;
  margin: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-stat {
  text-align: center !important;
  min-width: 72px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro, html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(32px, 6vw, 72px) !important;
  width: 100% !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :where(.prod-intro-img, .prod-intro-text), html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid > * {
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-text {
  text-align: left !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container > .section-header {
  text-align: left !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container > .section-header :where(h2, p) {
  text-align: left !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px) !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn {
  white-space: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search, html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 0 18px !important;
  padding: 0 2px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row :where(.lineup-note, .lineup-result-count) {
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid, #flexscanGrid), html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 26px !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card {
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img, html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-img {
  flex: 0 0 var(--eizo-card-image) !important;
  width: 100% !important;
  height: var(--eizo-card-image) !important;
  min-height: var(--eizo-card-image) !important;
  max-height: var(--eizo-card-image) !important;
  aspect-ratio: auto !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 24px !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui {
  --eizo-card-image: 220px;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  display: block !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-badge {
  z-index: 2 !important;
  width: max-content !important;
  max-width: calc(100% - 28px) !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 14px auto auto 14px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body {
  text-align: left !important;
  flex-direction: column !important;
  flex: auto !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 22px !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body :where(h3, h4, p, .model-specs, .model-commerce-meta, .model-actions) {
  text-align: left !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body > p {
  flex: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-specs {
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
  gap: 7px !important;
  min-height: 58px !important;
  margin-top: 2px !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-spec {
  white-space: normal !important;
  align-items: center !important;
  min-height: 27px !important;
  margin: 0 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-commerce-meta {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 10px 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-commerce-meta :where(span, strong) {
  margin: 0 !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 46px !important;
  margin-top: auto !important;
  padding-top: 4px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions :where(.model-card-link, .model-spec-link) {
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-link {
  align-self: stretch !important;
  width: 100% !important;
  margin-top: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
  aspect-ratio: auto !important;
  height: clamp(540px, 46vw, 600px) !important;
  min-height: 540px !important;
  max-height: none !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-slide {
  background-image: url("../../img/eizo/eizo-medical-hero.png") !important;
  background-position: 58% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
  box-sizing: border-box !important;
  width: min(100% - 96px, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-headline {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-sub {
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  margin: 22px 0 28px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions {
  width: min(100%, 650px) !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(.eizo-brand-inner, .pitch-grid, .medical-store-head, .med-layout, .med-sidebar, .med-main, #medModelsGrid, .model-card, .model-card-img, .model-card-body) {
  box-sizing: border-box !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-logo-lockup {
  grid-template-columns: 190px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  min-width: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content {
  text-align: left !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content :where(h2, p, ul) {
  text-align: left !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
  text-align: left !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 28px !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 30px 36px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head :where(h2, p, .medical-result-count) {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
  grid-template-columns: 284px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 26px !important;
  width: 100% !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  position: sticky !important;
  top: 94px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-main {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header, html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search, html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters, html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox {
  text-align: left !important;
  width: 100% !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(.val-section, .team-section, .eizo-faq-section) .section-header {
  text-align: left !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 780px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :where(.val-section, .team-section, .eizo-faq-section) .section-header :where(h2, p) {
  text-align: left !important;
  margin-left: 0 !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-inner {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-stats {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid, #flexscanGrid), html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }
}

@media (width <= 820px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro, html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
    height: 300px !important;
    min-height: 300px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar, html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row, html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head, html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-result-count {
    justify-self: start !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
    height: auto !important;
    min-height: 690px !important;
    padding: 104px 0 72px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
    width: min(100% - 40px, 1180px) !important;
    margin-inline: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-slide {
    background-position: 61% !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content {
    max-width: none !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
    height: 300px !important;
    min-height: 300px !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui :where(.container, .nav-container) {
    width: min(100% - 28px, 1240px) !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: start !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui :is(#colorEdgeGrid, #flexscanGrid), html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group {
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    padding-bottom: 2px !important;
    overflow-x: auto !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group::-webkit-scrollbar {
    display: none !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn {
    flex: none !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions .model-spec-link {
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
    padding: 24px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero {
    min-height: 720px !important;
    padding: 112px 0 64px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-content {
    width: calc(100% - 36px) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.2rem, 11vw, 3.15rem) !important;
    line-height: 1.04 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #hero-line-1 {
    letter-spacing: .12em !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .hero-actions .btn {
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-logo-lockup {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
    height: 250px !important;
    min-height: 250px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
    width: 100% !important;
    padding: 22px 20px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar, html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card-body {
    padding: 18px !important;
  }
}

html[data-camixel-theme] body.premium-ui {
  --rsp-max: 1240px;
  --rsp-gutter: clamp(16px, 3vw, 32px);
  min-width: 320px;
  overflow-x: clip;
}

html[data-camixel-theme] body.premium-ui :where(main, section, header, footer, nav, article, aside, form) {
  min-width: 0;
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui[class*="page-"] :where(.container, .nav-container) {
  box-sizing: border-box !important;
  width: min(calc(100% - 32px),var(--rsp-max)) !important;
  max-width: var(--rsp-max) !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(img, video, canvas, iframe) {
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui :where(video, iframe) {
  display: block;
}

html[data-camixel-theme] body.premium-ui iframe[src*="youtube.com"], html[data-camixel-theme] body.premium-ui iframe[src*="youtu.be"] {
  aspect-ratio: 16 / 9;
  width: 100% !important;
  height: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(h1, h2, h3, h4, h5, h6, p, li, dd, a, button, label) {
  overflow-wrap: break-word;
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui :where(input, select, textarea, button) {
  box-sizing: border-box;
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui section[id] {
  scroll-margin-top: 86px;
}

.visually-hidden-breadcrumb {
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-eizo-medical) .hero-content, html[data-camixel-theme] body.premium-ui :where(.ptz-hero-content, .sol-hero-content, .about-hero-content, .events-hero-content, .ewaste-hero-content, .hero-inner) {
  box-sizing: border-box !important;
  width: min(100% - clamp(32px, 7vw, 96px), 1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .events-hero-content, .ewaste-hero-content, .hero-inner) > * {
  min-width: 0;
}

html[data-camixel-theme] body.premium-ui :where(.hero-actions, .cta-row, .final-cta-btns, .story-actions) {
  max-width: 100%;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui :where(.models-grid, .products-grid, .product-grid, .cat-products-grid, .ptz-categories-grid, .pillars-grid, .answer-hub-grid, .vm-cards-grid, .industries-mega-grid, .events-grid, .gallery-grid, .guidelines-grid, .values-grid, .i-grid, .trust-grid, .support-grid, .warranty-grid, .why-grid, .why-ptz-grid, .advantage-grid, .arch-grid, .eco-grid, .shift-grid, .cb-grid, .cv-grid, .val-grid, .team-grid, .ptz-events-grid, .footer-grid) {
  align-items: stretch !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.models-grid, .products-grid, .product-grid, .cat-products-grid, .ptz-categories-grid, .pillars-grid, .answer-hub-grid, .vm-cards-grid, .industries-mega-grid, .events-grid, .gallery-grid, .guidelines-grid, .values-grid, .i-grid, .trust-grid, .support-grid, .warranty-grid, .why-grid, .why-ptz-grid, .advantage-grid, .arch-grid, .eco-grid, .shift-grid, .cb-grid, .cv-grid, .val-grid, .team-grid, .ptz-events-grid, .footer-grid) > * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.who-grid, .ewaste-grid, .contact-grid-new, .contact-grid-eizo, .contact-support-grid, .lead-grid, .support-request-layout, .solution-final-grid, .cat-hero-grid, .pitch-grid, .sol-form-container) {
  box-sizing: border-box !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.who-grid, .ewaste-grid, .contact-grid-new, .contact-grid-eizo, .contact-support-grid, .lead-grid, .support-request-layout, .solution-final-grid, .cat-hero-grid, .pitch-grid, .sol-form-container) > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card, .product-card, .commerce-card, .ptz-cat-card, .solution-card, .event-card, .news-card, .support-card, .warranty-card) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-body, .product-card-body, .card-body, .event-card-body, .news-card-body) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.model-card-link, .product-card .btn, .ptz-cat-card > .btn, .solution-card .card-link-text, .event-card .btn, .news-card .btn) {
  margin-top: auto !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card > :where(.vm-badge, h3, p, .btn) {
  box-sizing: border-box !important;
  width: calc(100% - 44px) !important;
  max-width: calc(100% - 44px) !important;
  margin-left: 22px !important;
  margin-right: 22px !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card > .vm-badge {
  width: max-content !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .catalogue-toolbar {
  box-sizing: border-box !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui :where(.lineup-toolbar, .lineup-results-row, .medical-store-head, .med-layout, .med-sidebar, .med-main, #colorEdgeGrid, #flexscanGrid, #medModelsGrid), html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui :where(.model-card-img, .model-card-body, .model-specs, .model-commerce-meta, .model-actions) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.compare-table-wrap, .table-wrap, .spec-table-wrap) {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #3da57f8c #ffffff0f;
  scrollbar-width: thin;
  position: relative;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto hidden !important;
}

html[data-camixel-theme] body.premium-ui :where(.compare-table, .spec-table) {
  width: 100% !important;
  min-width: 720px !important;
}

html[data-camixel-theme] body.premium-ui :where(.contact-form, .contact-form-new, .contact-form-eizo, .cx-form, .sol-builder-form, .lead-form-wrap, .form-wrap, .experience-form-shell) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body.premium-ui :where(.contact-form, .contact-form-new, .contact-form-eizo, .cx-form, .sol-builder-form, .lead-form-wrap, .form-wrap, .experience-form-shell) :where(input, select, textarea, button[type="submit"]) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.form-row, .form-row-new, .form-grid-2, .frow, .ux-form-row) {
  min-width: 0 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section {
  box-sizing: border-box !important;
  width: min(100% - 32px, 1240px) !important;
  max-width: 1240px !important;
  margin: 48px auto 24px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section > .container {
  width: 100% !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 clamp(24px, 3vw, 40px) !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
  box-sizing: border-box !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 26px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
  box-sizing: border-box !important;
  width: 210px !important;
  min-width: 210px !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  padding: 16px 20px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box img {
  object-fit: contain !important;
  width: 170px !important;
  max-width: 100% !important;
  height: 64px !important;
  max-height: 64px !important;
  display: block !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text :where(h2, p) {
  overflow-wrap: normal !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats {
  grid-template-columns: repeat(4, minmax(74px, 1fr)) !important;
  align-items: start !important;
  gap: 20px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
  grid-template-columns: repeat(3, minmax(78px, 1fr)) !important;
  align-items: start !important;
  gap: 22px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero {
  box-sizing: border-box !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 720px !important;
  max-height: none !important;
  padding: 118px 0 82px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-content {
  width: min(100% - 64px, 1180px) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-headline {
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  margin: 0 0 22px !important;
  font-size: clamp(2.9rem, 5vw, 4.2rem) !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-sub {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  margin: 0 0 28px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .hero-actions {
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .commerce-zone > .container {
  box-sizing: border-box !important;
  width: min(100% - 32px, 1240px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  box-sizing: border-box !important;
  padding: 0 0 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 22px 20px 16px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  margin: 16px 20px 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  margin: 4px 20px 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  box-sizing: border-box !important;
  border-top: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 20px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section-title {
  text-align: left !important;
  margin: 0 0 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox {
  text-align: left !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 7px !important;
  line-height: 1.35 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox input[type="checkbox"] {
  opacity: 1 !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  display: grid !important;
  position: relative !important;
  inset: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox .checkmark {
  display: none !important;
}

@media (width <= 1239px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

@media (width <= 980px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-stats {
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .hero {
    min-height: 0 !important;
    padding: 112px 0 76px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .hero-content {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .hero-headline {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.3rem, 11vw, 3.25rem) !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section {
    width: calc(100% - 28px) !important;
    margin-top: 28px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
    padding: 0 20px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .commerce-zone > .container {
    width: calc(100% - 28px) !important;
  }
}

@media (width <= 620px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
    width: 200px !important;
    min-width: 200px !important;
    height: 92px !important;
    min-height: 92px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats, html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 14px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui :where(.models-grid, .products-grid, .product-grid, .cat-products-grid, .ptz-categories-grid), html[data-camixel-theme] body.page-ewaste.premium-ui .models-grid, html[data-camixel-theme] body.page-eizo.premium-ui :where(#colorEdgeGrid, #flexscanGrid), html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.pillars-grid, .answer-hub-grid, .vm-cards-grid, .industries-mega-grid, .events-grid, .gallery-grid, .guidelines-grid, .values-grid, .i-grid, .trust-grid, .support-grid, .warranty-grid, .why-grid, .why-ptz-grid, .advantage-grid, .arch-grid, .eco-grid, .shift-grid, .cb-grid, .cv-grid, .val-grid, .team-grid, .ptz-events-grid), html[data-camixel-theme] body.premium-ui .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar, .catalogue-toolbar) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-result-count, .medical-result-count, .catalogue-result-count) {
    white-space: normal !important;
    place-self: start !important;
    max-width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.who-grid, .ewaste-grid, .contact-grid-new, .contact-grid-eizo, .contact-support-grid, .lead-grid, .support-request-layout, .solution-final-grid, .cat-hero-grid, .pitch-grid, .sol-form-container) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui {
    --rsp-gutter: 16px;
  }

  html[data-camixel-theme] body.premium-ui[class*="page-"] :where(.container, .nav-container) {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.premium-ui:not(.page-eizo-medical) .hero-content, html[data-camixel-theme] body.premium-ui :where(.ptz-hero-content, .sol-hero-content, .about-hero-content, .events-hero-content, .ewaste-hero-content, .hero-inner) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-content, .ptz-hero-content, .sol-hero-content, .about-hero-content, .events-hero-content, .ewaste-hero-content, .hero-inner) > :where(h1, .hero-title, .ptz-hero-title, .sol-hero-heading) {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.05rem, 10vw, 3.2rem) !important;
    line-height: 1.05 !important;
  }

  html[data-camixel-theme] body.premium-ui .hero-scroll-hint {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions, .cta-row, .final-cta-btns) {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions, .cta-row, .final-cta-btns) :where(.btn, a, button) {
    box-sizing: border-box !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.models-grid, .products-grid, .product-grid, .cat-products-grid, .ptz-categories-grid), html[data-camixel-theme] body.page-ewaste.premium-ui .models-grid, html[data-camixel-theme] body.page-eizo.premium-ui :where(#colorEdgeGrid, #flexscanGrid), html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-ptzoptics.premium-ui section#products .ptz-categories-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.pillars-grid, .answer-hub-grid, .vm-cards-grid, .industries-mega-grid, .events-grid, .gallery-grid, .guidelines-grid, .values-grid, .i-grid, .trust-grid, .support-grid, .warranty-grid, .why-grid, .why-ptz-grid, .advantage-grid, .arch-grid, .eco-grid, .shift-grid, .cb-grid, .cv-grid, .val-grid, .team-grid, .ptz-events-grid, .footer-grid), html[data-camixel-theme] body.premium-ui :where(.form-row, .form-row-new, .form-grid-2, .frow, .ux-form-row) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.contact-form, .contact-form-new, .contact-form-eizo, .cx-form, .sol-builder-form, .lead-form-wrap, .form-wrap, .experience-form-shell) {
    width: 100% !important;
    padding-left: clamp(18px, 5vw, 24px) !important;
    padding-right: clamp(18px, 5vw, 24px) !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar .wf-arrow {
    display: none !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar > span:not(.wf-arrow) {
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    background: #ffffff09 !important;
    border-radius: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px 8px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head, html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 520px) {
  html[data-camixel-theme] body.premium-ui :where(.section-title, .events-section-header h2, .form-section-title) {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: 1.1 !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.model-card-body, .product-card-body) {
    padding: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.model-card-img, .prod-img-wrap, .product-card-image, .ptz-img-frame) {
    height: 210px !important;
    min-height: 210px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section, html[data-camixel-theme] body.page-solutions.premium-ui .sol-workflow-bar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.compare-table, .spec-table) {
    min-width: 660px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-brand {
    grid-template-columns: 88px minmax(0, 1fr) 18px !important;
  }

  html[data-camixel-theme] body.premium-ui .mega-logo-stage {
    width: 88px !important;
    min-width: 88px !important;
  }
}

@media (width <= 360px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui {
    scroll-behavior: auto !important;
  }
}

html[data-camixel-theme] body.premium-ui #navbar, html[data-camixel-theme] body.premium-ui #navbar.scrolled {
  height: var(--cx-header) !important;
  min-height: var(--cx-header) !important;
  transition: background-color .16s, border-color .16s !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav) {
  isolation: isolate;
}

html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link).active, html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link)[aria-current="page"] {
  color: #fff !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 10px !important;
  font-weight: 720 !important;
  box-shadow: inset 0 -2px #3da57f !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link).active:after, html[data-camixel-theme] body.premium-ui #nav-links > :is(.nav-link, .nav-item > .nav-link)[aria-current="page"]:after {
  display: none !important;
}

@media (width >= 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav) {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > :is(#brands-nav, #company-nav):after {
    content: "" !important;
    pointer-events: auto !important;
    width: calc(100% + 24px) !important;
    height: 14px !important;
    position: absolute !important;
    top: 100% !important;
    left: -12px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    width: min(720px, 100vw - 32px) !important;
    max-height: calc(100dvh - var(--cx-header) - 20px) !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 8px) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:is(:hover, :focus-within, .brands-open) > #brands-mega-menu {
    transform: translate(-50%) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #company-nav > .company-dropdown {
    min-width: 224px !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translate(-50%, 8px) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #company-nav:is(:hover, :focus-within, .company-open) > .company-dropdown {
    transform: translate(-50%) !important;
  }
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui #nav-links.open {
    overscroll-behavior: contain;
    box-sizing: border-box !important;
    max-height: calc(100dvh - var(--cx-header)) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open > :is(#brands-nav, #company-nav) {
    position: static !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav > .company-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 10px !important;
    animation: none !important;
    position: static !important;
    transform: none !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav:not(.brands-open) > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav:not(.company-open) > .company-dropdown {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu, html[data-camixel-theme] body.premium-ui #nav-links.open #company-nav.company-open > .company-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav.brands-open > #brands-mega-menu {
    display: block !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #navbar, html[data-camixel-theme] body.premium-ui #navbar.scrolled {
    transition: none !important;
  }
}

html[data-camixel-theme] body.premium-ui #camixel-page-transition {
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  background: #0b0b0b;
  transition: opacity .17s;
  position: fixed;
  inset: 0;
}

html[data-camixel-theme] body.premium-ui.page-leaving #camixel-page-transition {
  opacity: 1;
}

html[data-camixel-theme] body.premium-ui.page-entering main, html[data-camixel-theme] body.premium-ui.page-entering .footer {
  animation: .24s ease-out both camixel-page-enter;
}

@keyframes camixel-page-enter {
  0% {
    opacity: .72;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #camixel-page-transition, html[data-camixel-theme] body.premium-ui.page-entering main, html[data-camixel-theme] body.premium-ui.page-entering .footer {
    transition: none !important;
    animation: none !important;
  }
}

html[data-camixel-theme] body.premium-ui main {
  overflow-x: clip;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
  letter-spacing: -.06em !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 26px #0000004d !important;
  max-inline-size: min(15ch, 100%) !important;
  font-family: SF Pro Display, SF Pro Text, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif !important;
  font-size: clamp(2.45rem, 5.25vw, 5.7rem) !important;
  font-weight: 760 !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 .text-accent {
  text-shadow: 0 0 30px #3da57f33 !important;
}

.career-submit-status {
  color: var(--ap-text-2, var(--text-muted));
  margin: 14px 0 0;
  font-size: .92rem;
  line-height: 1.5;
}

.career-submit-status.is-success {
  color: #dff8e9;
  background: #3da57f1a;
  border: 1px solid #3da57f4d;
  border-radius: 12px;
  padding: 13px 15px;
}

@supports (content-visibility: auto) {
  html[data-camixel-theme] body.premium-ui main > section:not(:first-of-type) {
    content-visibility: auto;
    contain-intrinsic-size: auto 820px;
  }
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui.navigation-open {
    overflow: hidden;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open {
    width: 100% !important;
    height: calc(100dvh - 76px) !important;
    max-height: none !important;
    padding: 14px max(16px, env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    position: fixed !important;
    inset: 76px 0 0 !important;
    overflow-y: auto !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open #brands-nav > #brands-mega-menu {
    max-height: min(62dvh, 560px) !important;
    overflow-y: auto !important;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
    letter-spacing: -.055em !important;
    max-inline-size: 12ch !important;
    font-size: clamp(2.25rem, 10.5vw, 3.4rem) !important;
    line-height: 1.01 !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) :is(p, .hero-subtitle) {
    max-inline-size: 38rem;
  }
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 16% 78%, #d3ffe4fa 0 8%, #0000 29%), linear-gradient(112deg, #f7fff9 0%, #d9ffea 24%, #3da57f 49%, #2d7d61 72%, #3da57f 100%);
  background-position: 0%;
  background-size: 190% 190%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 13s ease-in-out infinite alternate camixel-hero-spectrum;
  color: #0000 !important;
  text-shadow: 0 4px 28px #3da57f26 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 .text-accent {
  background: inherit;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  color: #0000 !important;
}

@keyframes camixel-hero-spectrum {
  to {
    background-position: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 {
    animation: none;
  }
}

:root {
  --px-green: #3da57f;
  --px-green-hi: #3da57f;
  --px-ink: #f4f7f5;
  --px-dim: #c7d0c9;
  --px-muted: #8a9a94;
  --px-line: #ffffff1a;
  --px-card: #ffffff09;
  --px-radius: 18px;
  --px-section: clamp(76px, 8vw, 120px);
}

@font-face {
  font-family: SF Pro Display;
  src: url("../../fonts/sf-pro-display-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("../../fonts/sf-pro-display-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("../../fonts/sf-pro-display-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html[data-camixel-theme] body.premium-ui, html[data-camixel-theme] body.premium-ui button, html[data-camixel-theme] body.premium-ui input, html[data-camixel-theme] body.premium-ui select, html[data-camixel-theme] body.premium-ui textarea {
  font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif !important;
}

#main-content > section, section#main-content ~ section {
  padding-top: var(--px-section) !important;
  padding-bottom: var(--px-section) !important;
}

#main-content > section[id], section#main-content ~ section[id] {
  scroll-margin-top: 150px;
}

html[data-camixel-theme] body.premium-ui h1 {
  text-wrap: balance;
  letter-spacing: -.04em !important;
  line-height: 1.05 !important;
}

html[data-camixel-theme] body.premium-ui h2 {
  text-wrap: balance;
  letter-spacing: -.03em !important;
  line-height: 1.12 !important;
}

html[data-camixel-theme] body.premium-ui .section-desc, html[data-camixel-theme] body.premium-ui .section-sub {
  max-width: 62ch !important;
  line-height: 1.65 !important;
}

.px-eyebrow {
  color: #3da57f !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  background: #3da57f14 !important;
  border: 1px solid #3da57f59 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 16px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
}

.px-eyebrow:before {
  content: "" !important;
  background: #3da57f !important;
  border-radius: 50% !important;
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 4px #3da57f33 !important;
}

body.premium-ui .btn-primary {
  color: #050505 !important;
  background: linear-gradient(115deg, #3da57f, #3da57f 60%, #3da57f) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 50px !important;
  padding: 0 30px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 30px #3da57f52 !important;
}

body.premium-ui .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 44px #3da57f6b !important;
}

body.premium-ui .btn-ghost {
  color: #fff !important;
  background: none !important;
  border: 1px solid #ffffff3d !important;
  border-radius: 999px !important;
  min-height: 50px !important;
  padding: 0 28px !important;
}

body.premium-ui .btn-ghost:hover {
  background: #3da57f1a !important;
  border-color: #3da57f !important;
}

.px-buy {
  color: #3da57f !important;
  white-space: nowrap !important;
  background: #3da57f1a !important;
  border: 1px solid #3da57f59 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.px-buy:before {
  content: "" !important;
  background: #3da57f !important;
  border-radius: 50% !important;
  width: 7px !important;
  height: 7px !important;
}

.px-island {
  z-index: 900 !important;
  pointer-events: none !important;
  justify-content: center !important;
  padding: 10px 16px 6px !important;
  display: flex !important;
  position: sticky !important;
  top: 88px !important;
}

.px-island-inner {
  pointer-events: auto !important;
  -webkit-backdrop-filter: blur(20px) !important;
  scrollbar-width: none !important;
  background: #000000e0 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 2px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 6px !important;
  transition: gap .25s, padding .25s, box-shadow .25s !important;
  display: flex !important;
  overflow-x: auto !important;
  box-shadow: 0 14px 36px #0000008c !important;
}

.px-island-inner::-webkit-scrollbar {
  display: none !important;
}

.px-island-inner:hover {
  gap: 6px !important;
  padding: 6px 12px !important;
  box-shadow: 0 18px 44px #000000a6, 0 0 0 1px #3da57f40 !important;
}

.px-island a {
  color: #c7d0c9 !important;
  white-space: nowrap !important;
  border: 1px solid #0000 !important;
  border-radius: 999px !important;
  flex: none !important;
  padding: 8px 14px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.px-island a:hover {
  color: #fff !important;
  background: #ffffff14 !important;
}

.px-island a.is-live {
  color: #3da57f !important;
  background: #3da57f29 !important;
  border-color: #3da57f66 !important;
}

.px-island .px-island-cta {
  color: #050505 !important;
  background: #3da57f !important;
  margin-left: 4px !important;
}

.px-quote {
  background: linear-gradient(120deg, #3da57fb3, #5ee7ff66, #3da57f26) !important;
  border-radius: 24px !important;
  margin-top: 60px !important;
  padding: 1px !important;
}

.px-quote-inner {
  text-align: center !important;
  background: radial-gradient(600px 300px at 85% 20%, #3da57f24, #0000 60%), #0c0c0c !important;
  border-radius: 23px !important;
  padding: clamp(32px, 5vw, 60px) !important;
}

.px-quote-inner h2 {
  color: #fff !important;
  letter-spacing: -.03em !important;
  max-width: 24ch !important;
  margin: 14px auto 12px !important;
  font-size: clamp(1.7rem, 3.4vw, 2.6rem) !important;
  line-height: 1.12 !important;
}

.px-quote-inner p {
  color: #aebbb4 !important;
  max-width: 60ch !important;
  margin: 0 auto !important;
  line-height: 1.65 !important;
}

.px-quote-btns {
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 28px !important;
  margin-bottom: 26px !important;
  display: flex !important;
}

body.premium-ui p.px-fine {
  color: #8a9a94 !important;
  margin: 0 !important;
  font-size: 12px !important;
}

.px-specs {
  background: #ffffff06 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 20px !important;
  margin-top: 44px !important;
  overflow: hidden !important;
}

.px-specs table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-size: 14px !important;
}

.px-specs th, .px-specs td {
  text-align: left !important;
  vertical-align: top !important;
  padding: 16px 22px !important;
}

.px-specs th {
  color: #8a9a94 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  width: 32% !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.px-specs td {
  color: #f1f5f3 !important;
  line-height: 1.6 !important;
}

.px-specs tr + tr th, .px-specs tr + tr td {
  border-top: 1px solid #ffffff14 !important;
}

.px-shots {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 30px !important;
  display: grid !important;
}

.px-shot {
  background: #ffffff08 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 18px !important;
  margin: 0 !important;
  transition: transform .2s, border-color .2s !important;
  overflow: hidden !important;
}

.px-shot:hover {
  border-color: #3da57f80 !important;
  transform: translateY(-4px) !important;
}

.px-shot img {
  object-fit: cover !important;
  width: 100% !important;
  height: 210px !important;
  display: block !important;
}

.px-shot figcaption {
  color: #8a9a94 !important;
  padding: 14px 18px 16px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

.px-shot figcaption strong {
  color: #fff !important;
  margin-bottom: 2px !important;
  font-size: 14px !important;
  display: block !important;
}

.px-gallery-head {
  color: #fff !important;
  letter-spacing: -.025em !important;
  margin: 72px 0 8px !important;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem) !important;
}

.px-gallery-sub {
  color: #8a9a94 !important;
  margin: 0 !important;
  font-size: 13.5px !important;
}

body.premium-ui #navbar .nav-cta-link {
  border-radius: 999px !important;
}

body.premium-ui .micro-family {
  color: #8a9a94 !important;
  border-top: 1px solid #ffffff14 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 18px !important;
  margin-top: 18px !important;
  padding: 16px 0 22px !important;
  font-size: 12.5px !important;
  display: flex !important;
}

body.premium-ui .micro-family strong {
  color: #c7d0c9 !important;
  font-weight: 700 !important;
}

body.premium-ui .micro-family a {
  color: #3da57f !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.premium-ui .micro-family a:hover {
  text-decoration: underline !important;
}

html[data-camixel-theme] body.premium-ui .prod-img-wrap, html[data-camixel-theme] body.premium-ui .model-card-img, html[data-camixel-theme] body.premium-ui .ptz-img-frame {
  aspect-ratio: 4 / 3 !important;
  background: #eef1ef !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 28px !important;
  display: flex !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .prod-img-wrap img, html[data-camixel-theme] body.premium-ui .model-card-img img, html[data-camixel-theme] body.premium-ui .ptz-img-frame img {
  object-fit: contain !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 230px !important;
}

html[data-camixel-theme] body.premium-ui .product-card.commerce-card, html[data-camixel-theme] body.premium-ui .model-card.commerce-card, html[data-camixel-theme] body.premium-ui .ptz-cat-card.commerce-card {
  flex-direction: column !important;
  height: 100% !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .model-card .model-card-link, html[data-camixel-theme] body.premium-ui .ptz-cat-card .btn {
  margin-top: auto !important;
}

html[data-camixel-theme] body.page-sennheiser .detail-img {
  background: #0e0e0e !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 340px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-sennheiser .detail-img img {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 440px !important;
}

html[data-camixel-theme] body.premium-ui .cat-tabs-inner {
  background: #ffffff0a !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  gap: 6px !important;
  padding: 6px !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab-btn {
  box-shadow: none !important;
  color: #c7d0c9 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab-btn:hover {
  color: #fff !important;
  background: #ffffff0f !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab-btn.active {
  color: #050505 !important;
  background: #3da57f !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab-icon {
  opacity: .45 !important;
  background: currentColor !important;
  border-radius: 50% !important;
  flex: none !important;
  width: 8px !important;
  height: 8px !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab-btn.active .cat-tab-icon {
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui .product-card.commerce-card, html[data-camixel-theme] body.premium-ui .model-card.commerce-card, html[data-camixel-theme] body.premium-ui .ptz-cat-card.commerce-card, html[data-camixel-theme] body.premium-ui .eco-card {
  text-align: left !important;
  background: #fff !important;
  border: 1px solid #e2e8e3 !important;
  border-radius: 24px !important;
  align-items: stretch !important;
  padding: 0 0 24px !important;
  transition: transform .22s, box-shadow .22s !important;
  overflow: hidden !important;
  box-shadow: 0 18px 44px #00000059 !important;
}

html[data-camixel-theme] body.premium-ui .product-card.commerce-card:hover, html[data-camixel-theme] body.premium-ui .model-card.commerce-card:hover, html[data-camixel-theme] body.premium-ui .ptz-cat-card.commerce-card:hover, html[data-camixel-theme] body.premium-ui .eco-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 28px 60px #00000073 !important;
}

html[data-camixel-theme] body.premium-ui .prod-img-wrap.prod-img-wrap, html[data-camixel-theme] body.premium-ui .model-card-img.model-card-img, html[data-camixel-theme] body.premium-ui .ptz-img-frame.ptz-img-frame {
  aspect-ratio: 4 / 3 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 26px !important;
}

html[data-camixel-theme] body.premium-ui .prod-img-wrap.prod-img-wrap img, html[data-camixel-theme] body.premium-ui .model-card-img.model-card-img img, html[data-camixel-theme] body.premium-ui .ptz-img-frame.ptz-img-frame img {
  mix-blend-mode: multiply !important;
  filter: none !important;
  max-height: 210px !important;
  transition: transform .25s !important;
}

html[data-camixel-theme] body.premium-ui .product-card.commerce-card:hover img, html[data-camixel-theme] body.premium-ui .model-card.commerce-card:hover img, html[data-camixel-theme] body.premium-ui .ptz-cat-card.commerce-card:hover img {
  transform: scale(1.04) !important;
}

html[data-camixel-theme] body.premium-ui .model-card h3, html[data-camixel-theme] body.premium-ui .model-card h4, html[data-camixel-theme] body.premium-ui .ptz-cat-card h3, html[data-camixel-theme] body.premium-ui .product-card h4, html[data-camixel-theme] body.premium-ui .eco-card h3, html[data-camixel-theme] body.premium-ui .eco-card h4 {
  color: #121212 !important;
  letter-spacing: -.015em !important;
  text-align: left !important;
  min-height: calc(18px + 2.7em) !important;
  margin: 0 !important;
  padding: 18px 22px 0 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.premium-ui .model-card .model-card-body, html[data-camixel-theme] body.premium-ui .ptz-cat-card > p, html[data-camixel-theme] body.premium-ui .eco-card > p {
  text-align: left !important;
  align-items: stretch !important;
  padding: 0 22px !important;
}

html[data-camixel-theme] body.premium-ui .model-card .model-card-body p, html[data-camixel-theme] body.premium-ui .ptz-cat-card > p, html[data-camixel-theme] body.premium-ui .eco-card > p, html[data-camixel-theme] body.premium-ui .eco-card li {
  color: #5b6660 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  min-height: 3.1em !important;
  margin: 8px 0 18px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .model-card-badge, html[data-camixel-theme] body.premium-ui .vm-badge {
  box-shadow: none !important;
  color: #2d7d61 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  background: #ddf0e4 !important;
  border: 0 !important;
  border-radius: 999px !important;
  align-self: flex-start !important;
  margin: 16px 22px 0 !important;
  padding: 6px 12px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.premium-ui .model-card .model-card-link, html[data-camixel-theme] body.premium-ui .ptz-cat-card .btn, html[data-camixel-theme] body.premium-ui .eco-card .btn {
  width: auto !important;
  min-height: 46px !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #121212 !important;
  border: 0 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: auto 22px 0 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui .product-card .prod-tag {
  color: #2d7d61 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  background: #ddf0e4 !important;
  border: 0 !important;
  border-radius: 999px !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: calc(100% - 44px) !important;
  margin: 10px 22px 0 !important;
  padding: 6px 12px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui a.product-card.commerce-card {
  padding-bottom: 24px !important;
  text-decoration: none !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui a.product-card.commerce-card:after {
  content: "View product ↗" !important;
  color: #2d7d61 !important;
  margin: 12px 22px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: block !important;
  position: static !important;
}

html[data-camixel-theme] body.premium-ui .cat-tabs, html[data-camixel-theme] body.premium-ui .cat-tabs-inner, html[data-camixel-theme] body.premium-ui .sol-filter-container, html[data-camixel-theme] body.premium-ui .lineup-filter-group {
  -webkit-backdrop-filter: blur(20px) !important;
  scrollbar-width: none !important;
  background: #000000e0 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: 6px !important;
  transition: gap .25s, padding .25s, box-shadow .25s !important;
  display: flex !important;
  overflow-x: auto !important;
  box-shadow: 0 14px 36px #0000008c !important;
}

html[data-camixel-theme] body.premium-ui .cat-tabs::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .cat-tabs-inner::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .sol-filter-container::-webkit-scrollbar, html[data-camixel-theme] body.premium-ui .lineup-filter-group::-webkit-scrollbar {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui .cat-tabs:hover, html[data-camixel-theme] body.premium-ui .cat-tabs-inner:hover, html[data-camixel-theme] body.premium-ui .sol-filter-container:hover, html[data-camixel-theme] body.premium-ui .lineup-filter-group:hover {
  gap: 6px !important;
  padding: 6px 12px !important;
  box-shadow: 0 18px 44px #000000a6, 0 0 0 1px #3da57f40 !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab, html[data-camixel-theme] body.premium-ui .cat-tab-btn, html[data-camixel-theme] body.premium-ui .sol-filter-btn, html[data-camixel-theme] body.premium-ui .lineup-filter-btn, html[data-camixel-theme] body.premium-ui .brand-tab {
  min-height: 0 !important;
  box-shadow: none !important;
  color: #c7d0c9 !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: none !important;
  padding: 9px 16px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab:hover, html[data-camixel-theme] body.premium-ui .cat-tab-btn:hover, html[data-camixel-theme] body.premium-ui .sol-filter-btn:hover, html[data-camixel-theme] body.premium-ui .lineup-filter-btn:hover, html[data-camixel-theme] body.premium-ui .brand-tab:hover {
  color: #fff !important;
  background: #ffffff14 !important;
  border-bottom: 0 !important;
}

html[data-camixel-theme] body.premium-ui .cat-tab.active, html[data-camixel-theme] body.premium-ui .cat-tab-btn.active, html[data-camixel-theme] body.premium-ui .sol-filter-btn.active, html[data-camixel-theme] body.premium-ui .lineup-filter-btn.active, html[data-camixel-theme] body.premium-ui .lineup-filter-btn.active-filter, html[data-camixel-theme] body.premium-ui .brand-tab.active {
  color: #050505 !important;
  background: #3da57f !important;
  border-bottom: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
  width: 100% !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar .lineup-filter-group {
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar .lineup-search {
  flex: 260px !important;
  max-width: 380px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search {
  background: #000000e0 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  display: flex !important;
  box-shadow: 0 14px 36px #00000080 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search svg {
  color: #8a9a94 !important;
  flex: none !important;
  width: 16px !important;
  height: 16px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input {
  box-shadow: none !important;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  width: 100% !important;
  height: 46px !important;
  padding: 0 !important;
  font-size: 13.5px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input::placeholder {
  color: #8a9a94 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search:focus-within {
  border-color: #3da57f !important;
  box-shadow: 0 14px 36px #00000080, 0 0 0 1px #3da57f66 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-result-count {
  color: #3da57f !important;
  white-space: nowrap !important;
  background: #3da57f1a !important;
  border: 1px solid #3da57f59 !important;
  border-radius: 999px !important;
  align-items: center !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

@media (prefers-reduced-motion: reduce) {
  .px-shot, #main-content .btn-primary {
    transition: none !important;
  }
}

@media (width <= 960px) {
  #main-content > section, section#main-content ~ section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-shots {
    grid-template-columns: 1fr !important;
  }

  .px-shot img {
    height: 230px !important;
  }

  .px-specs th {
    width: 38% !important;
  }

  .px-island {
    top: 70px !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
  -webkit-backdrop-filter: blur(14px) saturate(115%) !important;
  background: #040404c7 !important;
  padding: clamp(18px, 3vw, 44px) !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline .hero-line, html[data-camixel-theme] body.premium-ui .hero-headline .hero-line-accent {
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  filter: drop-shadow(0 4px 18px #000000b8) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline {
  row-gap: .08em !important;
  margin: 0 0 clamp(22px, 3vw, 32px) !important;
  padding-bottom: clamp(16px, 2vw, 24px) !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline + .hero-sub {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body.premium-ui .hero-sub + .hero-actions {
  margin-top: clamp(24px, 3vw, 32px) !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline .hero-line {
  background-image: linear-gradient(105deg, #5ee7ff 0%, #2f8cff 48%, #1d55d9 100%) !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline .hero-line-accent {
  background-image: linear-gradient(105deg, #3da57f 0% 48%, #2d7d61 100%) !important;
}

html[data-camixel-theme] body.premium-ui .hero-pill {
  color: #f4f7f5 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.solution-card, .product-card, .model-card, .event-card, .news-card, .benefit-card, .value-card) {
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui :where(.solution-card, .product-card, .model-card, .event-card, .news-card, .benefit-card, .value-card) img {
  max-width: 100% !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui :where(.solution-card, .product-card, .model-card, .event-card, .news-card, .benefit-card, .value-card) :where(h3, h4, p, strong, .card-tag, .card-link-text) {
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.solution-card, .product-card, .model-card, .event-card, .news-card, .benefit-card, .value-card) :where(.card-body, .model-card-body, .event-card-body, .news-card-body) {
  align-items: stretch !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-stats {
  grid-template-columns: repeat(3, minmax(72px, 1fr)) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
  align-items: stretch !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-content {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
  aspect-ratio: 16 / 10 !important;
  height: 100% !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui :is(#colorEdgeGrid, #flexscanGrid, #medModelsGrid) {
  grid-auto-rows: 1fr !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card {
  align-self: stretch !important;
  height: 100% !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body > p {
  flex: none !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-specs {
  min-height: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tabs-inner, .wf-tabs, .cat-tabs, .lineup-filter-group, .sol-filter-container, .brand-filter-tabs, .lineup-filters, .sol-filters, .filter-pills) {
  overscroll-behavior-inline: contain !important;
  scrollbar-width: none !important;
  width: min(100% - 32px, 1180px) !important;
  max-width: 1180px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  margin-inline: auto !important;
  padding: 8px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tabs-inner, .wf-tabs, .cat-tabs, .lineup-filter-group, .sol-filter-container, .brand-filter-tabs, .lineup-filters, .sol-filters, .filter-pills)::-webkit-scrollbar {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tabs-section, .filter-bar) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-container {
  background: none !important;
  border: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tab, .wf-tab, .cat-tab-btn, .lineup-filter-btn, .sol-filter-btn, .brand-tab, .filter-btn) {
  color: #b9c7c1 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  background: #ffffff09 !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 999px !important;
  flex: none !important;
  padding: 0 15px !important;
  transition: color .18s, background .18s, border-color .18s, transform .18s !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tab, .wf-tab, .cat-tab-btn, .lineup-filter-btn, .sol-filter-btn, .brand-tab, .filter-btn):hover {
  color: #f4fffa !important;
  background: #3da57f1a !important;
  border-color: #3da57f80 !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme] body.premium-ui :where(.cat-tab.active, .wf-tab.active, .cat-tab-btn.active, .lineup-filter-btn.active-filter, .sol-filter-btn.active, .brand-tab.active, .filter-btn.active) {
  color: #0c0c0c !important;
  background: #3da57f !important;
  border-color: #3da57f !important;
  box-shadow: 0 7px 18px #3da57f38 !important;
}

@media (width <= 640px) {
  html, body {
    overflow-x: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.container, section > .container, footer > .container, .section-shell, .section-header, .sol-hero-content, .sol-form-container) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero-content {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .solutions-grid.sol-compact {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-image {
    aspect-ratio: 16 / 10 !important;
    height: min(72vw, 300px) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .pitch-grid .pitch-image {
    order: 0 !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.form-grid-2, .solution-spec-grid, .solution-final-grid, .contact-grid-new, .contact-grid-eizo, .footer-grid) {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.premium-ui .footer > .footer-top .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions, .sol-hero-actions, .cta-actions, .final-cta-btns) {
    gap: 10px !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-actions > a, .sol-hero-actions > a, .cta-actions > a, .final-cta-btns > a) {
    width: 100% !important;
  }
}

html[data-camixel-theme] body.page-solutions.premium-ui .solution-card.filtered-out {
  display: none !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui #sol-modal-overlay.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui #sol-modal-overlay.open .sol-modal {
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal {
  color: #f4f7f5 !important;
  background: #0e0e0e !important;
  border: 1px solid #3da57f3d !important;
  box-shadow: 0 40px 100px #000000b8, 0 0 0 1px #3da57f14 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-body h2 {
  color: #f8fbff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-intro, html[data-camixel-theme] body.page-solutions.premium-ui #sol-modal-approach, html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-list li {
  color: #b8c9c1 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-section {
  background: #161616 !important;
  border-color: #ffffff1a !important;
}

@media (width <= 640px) {
  html[data-camixel-theme] body.page-solutions.premium-ui #sol-modal-overlay {
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 10px !important;
    overflow-y: auto !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui #sol-modal-overlay .sol-modal {
    border-radius: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px) !important;
    margin: 0 !important;
    overflow: hidden auto !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-img-wrap {
    height: 150px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-body {
    padding: 18px 16px 24px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-body h2 {
    overflow-wrap: anywhere !important;
    font-size: 1.55rem !important;
    line-height: 1.12 !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-section {
    margin-bottom: 14px !important;
    padding: 14px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-workflow {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-wf-stage {
    flex-wrap: wrap !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .sol-modal-wf-step {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
  }
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-heading h1, html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-heading h1 span {
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  filter: drop-shadow(0 4px 18px #000000b8) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-heading h1 {
  background-image: linear-gradient(105deg, #5ee7ff 0%, #2f8cff 48%, #1d55d9 100%) !important;
  margin: 0 0 clamp(22px, 3vw, 32px) !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-heading h1 span {
  background-image: linear-gradient(105deg, #3da57f 0% 48%, #2d7d61 100%) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-copy {
  margin-top: 0 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-hero .sol-hero-actions {
  margin-top: clamp(24px, 3vw, 32px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
  background: radial-gradient(circle at 100% 0, #3da57f2b, #0000 38%), linear-gradient(145deg, #141414, #0a0a0a 72%) !important;
  border: 1px solid #3da57f57 !important;
  border-radius: 26px !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, .85fr) !important;
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  min-height: 480px !important;
  max-height: min(720px, 100dvh - 48px) !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 40px 120px #000000a6, inset 0 1px #ffffff0d !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card:after {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(125deg, #ffffff12, #0000 22% 75%, #3da57f0d);
  position: absolute;
  inset: 0;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  background: #060606 !important;
  min-height: 480px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000 58%, #0a0a0ac7 100%), linear-gradient(#0000 62%, #0606066b);
  position: absolute;
  inset: 0;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-image-label {
  z-index: 2;
  color: #ffffffd6;
  backdrop-filter: blur(12px);
  letter-spacing: .09em;
  text-transform: uppercase;
  background: #080808b3;
  border: 1px solid #ffffff2e;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  font-size: 10px;
  font-weight: 650;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  bottom: 22px;
  left: 22px;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-image-label b {
  color: #0a0a0a;
  letter-spacing: .12em;
  background: #3da57f;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 9px;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  z-index: 2 !important;
  color: #fff !important;
  text-align: left !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: clamp(34px, 5vw, 58px) clamp(30px, 4.5vw, 52px) !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-eyebrow {
  color: #3da57f;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
  color: #fff !important;
  letter-spacing: -.045em !important;
  text-wrap: balance !important;
  max-width: 10ch !important;
  margin: 0 0 17px !important;
  font-size: clamp(30px, 3.4vw, 44px) !important;
  font-weight: 760 !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
  color: #aab7b2 !important;
  max-width: 38ch !important;
  margin: 0 0 22px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-tags {
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 28px;
  display: flex;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-tags span {
  color: #cad4d0;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #ffffff09;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 720;
  line-height: 1;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
  color: #0c0c0c !important;
  letter-spacing: .01em !important;
  background: #3da57f !important;
  border: 1px solid #3da57f !important;
  border-radius: 10px !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  font-size: 12px !important;
  font-weight: 790 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  box-shadow: 0 12px 30px #3da57f33 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta:after {
  content: "→";
  margin-left: 10px;
  font-size: 15px;
  transition: transform .16s;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta:hover:after {
  transform: translate(3px);
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-note {
  color: #75827d;
  max-width: 32ch;
  margin-top: 17px;
  font-size: 9px;
  line-height: 1.45;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-close-btn {
  z-index: 4 !important;
  color: #fff !important;
  backdrop-filter: blur(12px) !important;
  background: #070707b8 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 50% !important;
  width: 38px !important;
  height: 38px !important;
  top: 16px !important;
  right: 16px !important;
  box-shadow: 0 8px 22px #0000003d !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-close-btn:hover {
  color: #0a0a0a !important;
  background: #3da57f !important;
  transform: rotate(4deg) !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
    padding: 14px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    border-radius: 20px !important;
    width: min(520px, 100%) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 28px) !important;
    display: block !important;
    overflow: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    height: clamp(205px, 36vh, 280px) !important;
    min-height: 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap:after {
    background: linear-gradient(#0000 45%, #0a0a0ac2) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-image-label {
    bottom: 14px;
    left: 14px;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    padding: 28px 24px 30px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
    max-width: 13ch !important;
    font-size: clamp(27px, 8vw, 36px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
    font-size: 13px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-tags {
    margin-bottom: 22px;
  }
}

@media (width <= 390px) {
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    height: 190px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    padding: 24px 20px 26px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-tags span:last-child, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-note {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay *, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay :after {
    transition: none !important;
  }
}

body.page-about .about-hero {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 55vh;
  min-height: 380px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-about .about-hero-bg {
  background: linear-gradient(135deg, var(--bg-1), var(--bg-2)), radial-gradient(ellipse at 30% 60%, var(--green-dim), transparent 60%);
  position: absolute;
  inset: 0;
}

body.page-about .about-hero-bg:before {
  content: "";
  background-image: linear-gradient(var(--green-dim) 1px, transparent 1px), linear-gradient(90deg, var(--green-dim) 1px, transparent 1px);
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
  mask-image: radial-gradient(70% 50%, #000 20%, #0000 100%);
}

body.page-about .hero-inner {
  z-index: 2;
  max-width: 800px;
  padding: 0 24px;
  position: relative;
}

body.page-about .breadcrumb {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .12em;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: .7rem;
  font-weight: 600;
  display: flex;
}

body.page-about .breadcrumb a:hover {
  color: var(--green);
}

body.page-about .hero-title {
  margin: 0 0 16px;
  font-size: clamp(2.2rem, 5.5vw, 4rem);
  line-height: 1.05;
}

body.page-about .hero-subtitle {
  color: var(--text-muted);
  max-width: 600px;
  margin: 0 auto;
  font-size: clamp(.85rem, 1.2vw, 1rem);
  line-height: 1.7;
}

body.page-about .who-section {
  background: var(--bg-1);
  padding: 60px 0;
}

body.page-about .who-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  display: grid;
}

body.page-about .who-text h2 {
  margin-bottom: 20px;
}

body.page-about .who-text p {
  margin-bottom: 16px;
  font-size: .92rem;
}

body.page-about .who-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

body.page-about .who-tag {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  letter-spacing: .04em;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: .72rem;
  font-weight: 600;
}

body.page-about .who-stats {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  display: grid;
}

body.page-about .ws-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition);
  padding: 28px;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-about .ws-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-about .ws-num {
  font-size: 2rem;
  font-weight: 800;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  display: block;
}

body.page-about .ws-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 4px;
  font-size: .7rem;
}

body.page-about .timeline-section {
  background: var(--bg-0);
  padding: 48px 0;
}

body.page-about .timeline {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

body.page-about .timeline:before {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--green) 10%, var(--green) 90%, transparent);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

body.page-about .tl-item {
  width: 50%;
  padding: 0 40px 48px;
  position: relative;
}

body.page-about .tl-item:nth-child(odd) {
  text-align: right;
  padding-left: 0;
  padding-right: 48px;
  left: 0;
}

body.page-about .tl-item:nth-child(2n) {
  text-align: left;
  padding-left: 48px;
  padding-right: 0;
  left: 50%;
}

body.page-about .tl-dot {
  background: var(--green);
  border: 3px solid var(--bg-0);
  z-index: 2;
  width: 16px;
  height: 16px;
  box-shadow: 0 0 20px var(--green-glow);
  border-radius: 50%;
  position: absolute;
  top: 4px;
}

body.page-about .tl-item:nth-child(odd) .tl-dot {
  right: -8px;
}

body.page-about .tl-item:nth-child(2n) .tl-dot {
  left: -8px;
}

body.page-about .tl-year {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: .75rem;
  font-weight: 700;
  display: block;
}

body.page-about .tl-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 28px;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-about .tl-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-about .tl-card h3 {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-size: 1.1rem;
}

body.page-about .tl-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .85rem;
  line-height: 1.65;
}

body.page-about .tl-card .tl-icon {
  margin-bottom: 12px;
  font-size: 1.8rem;
  display: block;
}

body.page-about .milestone-section {
  background: var(--bg-1);
  padding: 48px 0;
}

body.page-about .ms-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
  display: grid;
}

body.page-about .ms-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-about .ms-card:before {
  content: "";
  background: linear-gradient(90deg, var(--green), transparent);
  opacity: 0;
  width: 100%;
  height: 3px;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-about .ms-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-about .ms-card:hover:before {
  opacity: 1;
}

body.page-about .ms-card .ms-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-about .ms-card h3 {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-size: 1.05rem;
}

body.page-about .ms-card p {
  color: var(--text-muted);
  font-size: .85rem;
  line-height: 1.65;
}

body.page-about .gratitude-section {
  background: var(--bg-0);
  padding: 48px 0;
}

body.page-about .gratitude-inner {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

body.page-about .gratitude-inner blockquote {
  color: var(--text-muted);
  border-left: 3px solid var(--green);
  background: var(--bg-card);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  text-align: left;
  margin: 32px 0;
  padding: 24px 32px;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.8;
}

body.page-about .thanks-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 32px;
  display: grid;
}

body.page-about .thanks-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  padding: 24px;
}

body.page-about .thanks-card:hover {
  border-color: var(--green);
}

body.page-about .thanks-card .t-icon {
  margin-bottom: 8px;
  font-size: 1.5rem;
  display: block;
}

body.page-about .thanks-card h4 {
  color: var(--text-primary);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-size: .85rem;
}

body.page-about .thanks-card p {
  color: var(--text-faint);
  margin: 0;
  font-size: .75rem;
}

body.page-about .industries-section {
  background: var(--bg-1);
  padding: 48px 0;
}

body.page-about .i-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
  display: grid;
}

body.page-about .i-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  text-align: center;
  padding: 32px;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  overflow: hidden;
}

body.page-about .i-card:before {
  content: "";
  background: var(--green);
  opacity: 0;
  width: 4px;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-about .i-card:hover {
  border-color: var(--green-glow);
  transform: scale(1.02);
}

body.page-about .i-card:hover:before {
  opacity: 1;
}

body.page-about .i-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-about .img-ph {
  border-radius: var(--radius-md);
  background: var(--bg-card);
  border: 1.5px dashed var(--green);
  width: 100%;
  color: var(--text-faint);
  font-size: .72rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .08em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-about .img-ph:before {
  content: "";
  background: repeating-linear-gradient(-45deg, var(--green-dim) 0px, var(--green-dim) 1px, transparent 1px, transparent 8px);
  position: absolute;
  inset: 0;
}

body.page-about .img-ph svg {
  opacity: .35;
  z-index: 1;
  position: relative;
}

body.page-about .img-ph span {
  z-index: 1;
  text-align: center;
  padding: 0 12px;
  position: relative;
}

body.page-about .img-ph:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
}

body.page-about .tl-img-ph {
  height: 200px;
  margin-bottom: 16px;
}

body.page-about .who-img-ph {
  border-radius: var(--radius-lg);
  height: 280px;
}

body.page-about .ic-img-ph {
  height: 110px;
  margin-bottom: 16px;
}

@media (width <= 1024px) {
  body.page-about .i-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 900px) {
  body.page-about .who-grid, body.page-about .ms-grid {
    grid-template-columns: 1fr;
  }

  body.page-about .timeline:before {
    left: 20px;
  }

  body.page-about .tl-item {
    width: 100%;
    text-align: left !important;
    padding-left: 52px !important;
    padding-right: 0 !important;
    left: 0 !important;
  }

  body.page-about .tl-dot {
    left: 12px !important;
    right: auto !important;
  }
}

@media (width <= 640px) {
  body.page-about .i-grid {
    grid-template-columns: 1fr;
  }
}

body.page-blackmagic .hero {
  max-height: none;
  padding: 0 !important;
}

body.page-blackmagic .hero-video-bg {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-blackmagic .hero-products-float {
  opacity: 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  width: 45%;
  padding: 24px;
  animation: .7s 1.2s forwards heroLineIn;
  display: grid;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

body.page-blackmagic .hero-product-chip {
  backdrop-filter: blur(12px);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  cursor: default;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  padding: 16px;
}

body.page-blackmagic .hero-product-chip:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  background: #3da57f14;
  transform: translateY(-4px);
}

body.page-blackmagic .hero-product-chip img {
  object-fit: contain;
  filter: brightness(1.1);
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
}

body.page-blackmagic .hero-product-chip .chip-name {
  color: var(--text-primary);
  letter-spacing: .03em;
  font-size: .72rem;
  font-weight: 600;
}

body.page-blackmagic .hero-product-chip .chip-cat {
  color: var(--text-faint);
  margin-top: 2px;
  font-size: .62rem;
}

body.page-blackmagic .trust-section {
  background: var(--bg-1);
}

body.page-blackmagic .trust-statement-box {
  border: 1px solid var(--border-green);
  border-radius: var(--radius-xl);
  text-align: center;
  background: linear-gradient(135deg, #3da57f14 0%, #3da57f05 100%);
  margin-bottom: 56px;
  padding: 48px 40px;
}

body.page-blackmagic .trust-statement-box p {
  color: var(--text-muted);
  max-width: 900px;
  margin: 0 auto;
  font-size: 1.05rem;
  line-height: 1.8;
}

body.page-blackmagic .trust-statement-box p strong {
  color: var(--green);
}

body.page-blackmagic .trust-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  display: grid;
}

body.page-blackmagic .trust-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition);
  align-items: flex-start;
  gap: 16px;
  padding: 28px 24px;
  display: flex;
}

body.page-blackmagic .trust-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  background: var(--bg-card-h);
  transform: translateY(-3px);
}

body.page-blackmagic .trust-check {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 36px;
  height: 36px;
  color: var(--green);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

body.page-blackmagic .trust-card h4 {
  color: var(--text-primary);
  font-size: .88rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 4px;
}

body.page-blackmagic .trust-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
}

body.page-blackmagic .eco-section {
  background: var(--bg-0);
}

body.page-blackmagic .cat-tabs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 48px;
  display: flex;
}

body.page-blackmagic .cat-tab {
  border: 1px solid var(--border);
  background: var(--bg-card);
  color: var(--text-muted);
  letter-spacing: .03em;
  transition: all var(--transition);
  cursor: pointer;
  border-radius: 100px;
  padding: 8px 18px;
  font-size: .75rem;
  font-weight: 600;
}

body.page-blackmagic .cat-tab.active, body.page-blackmagic .cat-tab:hover {
  background: var(--green);
  color: #000;
  border-color: var(--green);
}

body.page-blackmagic .cat-panel {
  animation: .5s page-blackmagic__panelFade;
  display: none;
}

body.page-blackmagic .cat-panel.active {
  display: block;
}

@keyframes page-blackmagic__panelFade {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.page-blackmagic .cat-banner {
  border-radius: var(--radius-md);
  margin-bottom: 32px;
  overflow: hidden;
}

body.page-blackmagic .cat-banner img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

body.page-blackmagic .cat-hero-grid {
  grid-template-columns: 1fr 1.3fr;
  align-items: start;
  gap: 48px;
  display: grid;
}

body.page-blackmagic .cat-info .cat-number {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: 100px;
  margin-bottom: 16px;
  padding: 4px 12px;
  font-size: .65rem;
  font-weight: 700;
  display: inline-block;
}

body.page-blackmagic .cat-info h3 {
  color: var(--text-primary);
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 800;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: -.01em;
  margin-bottom: 16px;
  line-height: 1.2;
}

body.page-blackmagic .cat-info .cat-desc {
  color: var(--text-muted);
  margin-bottom: 24px;
  font-size: .92rem;
  line-height: 1.8;
}

body.page-blackmagic .cat-info .cat-cta {
  display: inline-flex;
}

body.page-blackmagic .cat-products-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  display: grid;
}

body.page-blackmagic .product-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  cursor: pointer;
  padding: 20px 16px;
  text-decoration: none;
  display: block;
}

body.page-blackmagic .product-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  background: var(--bg-card-h);
  transform: translateY(-4px);
}

body.page-blackmagic .product-card .prod-img-wrap {
  border-radius: var(--radius-sm);
  background: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-bottom: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-blackmagic .product-card .prod-img-wrap img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  transition: transform .4s;
}

body.page-blackmagic .product-card:hover .prod-img-wrap img {
  transform: scale(1.08);
}

body.page-blackmagic .prod-placeholder {
  border-radius: var(--radius-sm);
  width: 100%;
  height: 100%;
  color: var(--green);
  background: linear-gradient(135deg, #3da57f14, #3da57f05);
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  display: flex;
}

body.page-blackmagic .product-card h4 {
  color: var(--text-primary);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-size: .78rem;
  font-weight: 600;
}

body.page-blackmagic .product-card .prod-tag {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .62rem;
}

body.page-blackmagic .workflow-section {
  background: var(--bg-1);
}

body.page-blackmagic .wf-tabs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 40px;
  display: flex;
}

body.page-blackmagic .wf-tab {
  border: 1px solid var(--border);
  background: var(--bg-card);
  color: var(--text-muted);
  transition: all var(--transition);
  cursor: pointer;
  border-radius: 100px;
  padding: 10px 22px;
  font-size: .82rem;
  font-weight: 600;
}

body.page-blackmagic .wf-tab.active, body.page-blackmagic .wf-tab:hover {
  background: var(--green);
  color: #000;
  border-color: var(--green);
}

body.page-blackmagic .wf-pane {
  animation: .4s page-blackmagic__panelFade;
  display: none;
}

body.page-blackmagic .wf-pane.active {
  display: block;
}

body.page-blackmagic .wf-flow {
  background: var(--bg-0);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 40px 32px;
  display: flex;
}

body.page-blackmagic .wf-step {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 140px;
  display: flex;
}

body.page-blackmagic .wf-step .wf-icon {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 72px;
  height: 72px;
  color: var(--green);
  box-shadow: var(--shadow-green);
  transition: all var(--transition);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  display: flex;
}

body.page-blackmagic .wf-step:hover .wf-icon {
  background: var(--green);
  color: #000;
  transform: scale(1.1);
}

body.page-blackmagic .wf-step h4 {
  color: var(--text-primary);
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
  font-size: .82rem;
}

body.page-blackmagic .wf-step p {
  color: var(--text-faint);
  margin: 0;
  font-size: .72rem;
}

body.page-blackmagic .wf-arrow {
  color: var(--green);
  opacity: .5;
  font-size: 1.4rem;
}

body.page-blackmagic .support-section {
  background: var(--bg-0);
}

body.page-blackmagic .support-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
  display: grid;
}

body.page-blackmagic .support-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  padding: 32px 24px;
}

body.page-blackmagic .support-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-blackmagic .support-icon {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 56px;
  height: 56px;
  color: var(--green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 18px;
  font-size: 1.5rem;
  display: flex;
}

body.page-blackmagic .support-card h4 {
  color: var(--text-primary);
  font-size: .88rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 8px;
}

body.page-blackmagic .support-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
}

body.page-blackmagic .bm-contact {
  background: var(--bg-1);
}

body.page-blackmagic .contact-split {
  grid-template-columns: 1fr 1.3fr;
  align-items: start;
  gap: 56px;
  display: grid;
}

body.page-blackmagic .contact-left h2 {
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
}

body.page-blackmagic .contact-left > p {
  color: var(--text-muted);
  margin-bottom: 32px;
  font-size: .92rem;
  line-height: 1.8;
}

body.page-blackmagic .coverage-badges {
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
  display: flex;
}

body.page-blackmagic .coverage-badge {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
}

body.page-blackmagic .coverage-badge .badge-dot {
  background: var(--green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

body.page-blackmagic .contact-info-block {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

body.page-blackmagic .info-row {
  align-items: center;
  gap: 14px;
  display: flex;
}

body.page-blackmagic .info-row .info-icon {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

body.page-blackmagic .info-row a, body.page-blackmagic .info-row span {
  color: var(--text-muted);
  font-size: .88rem;
}

body.page-blackmagic .info-row a:hover {
  color: var(--green);
}

body.page-blackmagic .contact-form-wrap {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 40px;
}

body.page-blackmagic .contact-form-wrap h3 {
  color: var(--text-primary);
  font-size: 1.2rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 28px;
}

body.page-blackmagic .frow {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-blackmagic .fg {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
}

body.page-blackmagic .fg label {
  letter-spacing: .06em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 600;
}

body.page-blackmagic .fg input, body.page-blackmagic .fg select, body.page-blackmagic .fg textarea {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  width: 100%;
  transition: border-color var(--transition);
  padding: 12px 14px;
  font-family: inherit;
  font-size: .88rem;
}

body.page-blackmagic .fg input:focus, body.page-blackmagic .fg select:focus, body.page-blackmagic .fg textarea:focus {
  border-color: var(--border-green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-blackmagic .fg select {
  appearance: none;
  cursor: pointer;
}

body.page-blackmagic .fg textarea {
  resize: vertical;
  min-height: 90px;
}

body.page-blackmagic .positioning-banner {
  background: linear-gradient(135deg, var(--bg-0) 0%, #3da57f14 50%, var(--bg-0) 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
  padding: 64px 24px !important;
}

body.page-blackmagic .positioning-banner p {
  color: var(--text-muted);
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(.95rem, 1.8vw, 1.2rem);
  line-height: 1.8;
}

body.page-blackmagic .positioning-banner p strong {
  color: var(--green);
}

@media (width <= 1024px) {
  body.page-blackmagic .hero-products-float {
    display: none;
  }

  body.page-blackmagic .cat-hero-grid {
    grid-template-columns: 1fr;
  }

  body.page-blackmagic .trust-grid, body.page-blackmagic .support-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-blackmagic .contact-split {
    grid-template-columns: 1fr;
  }
}

@media (width <= 768px) {
  body.page-blackmagic .trust-grid, body.page-blackmagic .frow {
    grid-template-columns: 1fr;
  }

  body.page-blackmagic .wf-flow {
    flex-direction: column;
  }

  body.page-blackmagic .wf-arrow {
    transform: rotate(90deg);
  }

  body.page-blackmagic .cat-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 600px) {
  body.page-blackmagic .support-grid, body.page-blackmagic .cat-products-grid {
    grid-template-columns: 1fr;
  }

  body.page-blackmagic .hero-actions .btn {
    justify-content: center;
    width: 100%;
  }
}

body.page-brand-kit.page-brand-kit {
  --green: #3da57f;
  --bg: #050505;
  --card: #101010;
  --text: #e8eaed;
  --muted: #8a9bb0;
  --border: #3da57f57;
}

body.page-brand-kit * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body.page-brand-kit {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  background-color: var(--bg);
  color: var(--text);
  padding: 40px;
  line-height: 1.6;
}

body.page-brand-kit .page {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  max-width: 900px;
  margin: 0 auto;
  padding: 60px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px #00000080;
}

body.page-brand-kit .page:before {
  content: "";
  z-index: 0;
  background: radial-gradient(circle, #3da57f1a 0%, #0000 70%);
  width: 300px;
  height: 300px;
  position: absolute;
  top: -100px;
  right: -100px;
}

body.page-brand-kit h1, body.page-brand-kit h2, body.page-brand-kit h3 {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.page-brand-kit .header {
  text-align: center;
  z-index: 1;
  margin-bottom: 80px;
  position: relative;
}

body.page-brand-kit .logo-placeholder {
  color: var(--green);
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 900;
}

body.page-brand-kit .tagline {
  color: var(--muted);
  font-size: 1.2rem;
  font-weight: 400;
}

body.page-brand-kit .section {
  z-index: 1;
  margin-bottom: 60px;
  position: relative;
}

body.page-brand-kit .section-title {
  color: var(--green);
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  font-size: .9rem;
  display: flex;
}

body.page-brand-kit .section-title:after {
  content: "";
  background: var(--border);
  flex-grow: 1;
  height: 1px;
}

body.page-brand-kit .mission-text {
  color: #fff;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: 600;
}

body.page-brand-kit .color-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  display: grid;
}

body.page-brand-kit .color-card {
  background: var(--card);
  border: 1px solid var(--border);
  text-align: center;
  border-radius: 12px;
  padding: 15px;
}

body.page-brand-kit .color-swatch {
  border-radius: 8px;
  height: 60px;
  margin-bottom: 10px;
}

body.page-brand-kit .color-name {
  margin-bottom: 5px;
  font-size: .8rem;
  font-weight: 700;
}

body.page-brand-kit .color-hex {
  color: var(--muted);
  font-family: monospace;
  font-size: .75rem;
}

body.page-brand-kit .typo-specimen {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 30px;
}

body.page-brand-kit .specimen-item {
  margin-bottom: 20px;
}

body.page-brand-kit .specimen-label {
  color: var(--green);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: .7rem;
  display: block;
}

body.page-brand-kit .specimen-large {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

body.page-brand-kit .specimen-body {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  font-size: 1rem;
}

body.page-brand-kit .brand-board {
  border: 1px solid var(--border);
  border-radius: 16px;
  width: 100%;
  margin-top: 40px;
}

body.page-brand-kit .footer {
  text-align: center;
  color: var(--muted);
  margin-top: 40px;
  font-size: .8rem;
}

@media print {
  body.page-brand-kit {
    background: #000;
    padding: 0;
  }

  body.page-brand-kit .page {
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: 100%;
    max-width: none;
  }
}

body.page-careers .about-hero {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 55vh;
  min-height: 380px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-careers .about-hero-bg {
  background: linear-gradient(135deg, var(--bg-1), var(--bg-2)), radial-gradient(ellipse at 30% 60%, var(--green-dim), transparent 60%);
  position: absolute;
  inset: 0;
}

body.page-careers .about-hero-bg:before {
  content: "";
  background-image: linear-gradient(var(--green-dim) 1px, transparent 1px), linear-gradient(90deg, var(--green-dim) 1px, transparent 1px);
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
  mask-image: radial-gradient(70% 50%, #000 20%, #0000 100%);
}

body.page-careers .hero-inner {
  z-index: 2;
  max-width: 800px;
  padding: 0 24px;
  position: relative;
}

body.page-careers .breadcrumb {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .12em;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: .7rem;
  font-weight: 600;
  display: flex;
}

body.page-careers .breadcrumb a:hover {
  color: var(--green);
}

body.page-careers .hero-title {
  margin: 0 0 16px;
  font-size: clamp(2.2rem, 5.5vw, 4rem);
  line-height: 1.05;
}

body.page-careers .hero-subtitle {
  color: var(--text-muted);
  max-width: 600px;
  margin: 0 auto;
  font-size: clamp(.85rem, 1.2vw, 1rem);
  line-height: 1.7;
}

body.page-careers .who-section {
  background: var(--bg-1);
  padding: 48px 0;
}

body.page-careers .who-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  display: grid;
}

body.page-careers .who-text h2 {
  margin-bottom: 20px;
}

body.page-careers .who-text p {
  margin-bottom: 16px;
  font-size: .92rem;
}

body.page-careers .who-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  display: flex;
}

body.page-careers .who-tag {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  letter-spacing: .04em;
  border-radius: 100px;
  padding: 6px 14px;
  font-size: .72rem;
  font-weight: 600;
}

body.page-careers .who-stats {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  display: grid;
}

body.page-careers .ws-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition);
  padding: 28px;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-careers .ws-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-careers .ws-num {
  font-size: 2rem;
  font-weight: 800;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  display: block;
}

body.page-careers .ws-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 4px;
  font-size: .7rem;
}

body.page-careers .timeline-section {
  background: var(--bg-0);
  padding: 48px 0;
}

body.page-careers .timeline {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

body.page-careers .timeline:before {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--green) 10%, var(--green) 90%, transparent);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

body.page-careers .tl-item {
  width: 50%;
  padding: 0 40px 48px;
  position: relative;
}

body.page-careers .tl-item:nth-child(odd) {
  text-align: right;
  padding-left: 0;
  padding-right: 48px;
  left: 0;
}

body.page-careers .tl-item:nth-child(2n) {
  text-align: left;
  padding-left: 48px;
  padding-right: 0;
  left: 50%;
}

body.page-careers .tl-dot {
  background: var(--green);
  border: 3px solid var(--bg-0);
  z-index: 2;
  width: 16px;
  height: 16px;
  box-shadow: 0 0 20px var(--green-glow);
  border-radius: 50%;
  position: absolute;
  top: 4px;
}

body.page-careers .tl-item:nth-child(odd) .tl-dot {
  right: -8px;
}

body.page-careers .tl-item:nth-child(2n) .tl-dot {
  left: -8px;
}

body.page-careers .tl-year {
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: .75rem;
  font-weight: 700;
  display: block;
}

body.page-careers .tl-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 28px;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-careers .tl-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-careers .tl-card h3 {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-size: 1.1rem;
}

body.page-careers .tl-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .85rem;
  line-height: 1.65;
}

body.page-careers .tl-card .tl-icon {
  margin-bottom: 12px;
  font-size: 1.8rem;
  display: block;
}

body.page-careers .milestone-section {
  background: var(--bg-1);
  padding: 48px 0;
}

body.page-careers .ms-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
  display: grid;
}

body.page-careers .ms-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px #0f172a0d;
}

body.page-careers .ms-card:before {
  content: "";
  background: linear-gradient(90deg, var(--green), transparent);
  opacity: 0;
  width: 100%;
  height: 3px;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-careers .ms-card:hover {
  border-color: var(--green);
  transform: translateY(-3px);
}

body.page-careers .ms-card:hover:before {
  opacity: 1;
}

body.page-careers .ms-card .ms-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-careers .ms-card h3 {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-size: 1.05rem;
}

body.page-careers .ms-card p {
  color: var(--text-muted);
  font-size: .85rem;
  line-height: 1.65;
}

body.page-careers .gratitude-section {
  background: var(--bg-0);
  padding: 48px 0;
}

body.page-careers .gratitude-inner {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

body.page-careers .gratitude-inner blockquote {
  color: var(--text-muted);
  border-left: 3px solid var(--green);
  background: var(--bg-card);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  text-align: left;
  margin: 32px 0;
  padding: 24px 32px;
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.8;
}

body.page-careers .thanks-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 32px;
  display: grid;
}

body.page-careers .thanks-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition);
  padding: 24px;
}

body.page-careers .thanks-card:hover {
  border-color: var(--green);
}

body.page-careers .thanks-card .t-icon {
  margin-bottom: 8px;
  font-size: 1.5rem;
  display: block;
}

body.page-careers .thanks-card h4 {
  color: var(--text-primary);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-size: .85rem;
}

body.page-careers .thanks-card p {
  color: var(--text-faint);
  margin: 0;
  font-size: .75rem;
}

body.page-careers .industries-section {
  background: var(--bg-1);
  padding: 48px 0;
}

body.page-careers .i-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
  display: grid;
}

body.page-careers .i-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  text-align: center;
  padding: 32px;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  overflow: hidden;
}

body.page-careers .i-card:before {
  content: "";
  background: var(--green);
  opacity: 0;
  width: 4px;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-careers .i-card:hover {
  border-color: var(--green-glow);
  transform: scale(1.02);
}

body.page-careers .i-card:hover:before {
  opacity: 1;
}

body.page-careers .i-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-careers .img-ph {
  border-radius: var(--radius-md);
  background: var(--bg-card);
  border: 1.5px dashed var(--green);
  width: 100%;
  color: var(--text-faint);
  font-size: .72rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .08em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-careers .img-ph:before {
  content: "";
  background: repeating-linear-gradient(-45deg, var(--green-dim) 0px, var(--green-dim) 1px, transparent 1px, transparent 8px);
  position: absolute;
  inset: 0;
}

body.page-careers .img-ph svg {
  opacity: .35;
  z-index: 1;
  position: relative;
}

body.page-careers .img-ph span {
  z-index: 1;
  text-align: center;
  padding: 0 12px;
  position: relative;
}

body.page-careers .img-ph:hover {
  border-color: var(--green);
  background: var(--bg-card-h);
}

body.page-careers .tl-img-ph {
  height: 200px;
  margin-bottom: 16px;
}

body.page-careers .who-img-ph {
  border-radius: var(--radius-lg);
  height: 280px;
}

body.page-careers .ic-img-ph {
  height: 110px;
  margin-bottom: 16px;
}

@media (width <= 1024px) {
  body.page-careers .i-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 900px) {
  body.page-careers .who-grid, body.page-careers .ms-grid {
    grid-template-columns: 1fr;
  }

  body.page-careers .timeline:before {
    left: 20px;
  }

  body.page-careers .tl-item {
    width: 100%;
    text-align: left !important;
    padding-left: 52px !important;
    padding-right: 0 !important;
    left: 0 !important;
  }

  body.page-careers .tl-dot {
    left: 12px !important;
    right: auto !important;
  }
}

@media (width <= 640px) {
  body.page-careers .i-grid {
    grid-template-columns: 1fr;
  }
}

body.page-community.page-community {
  --community-green: #3da57f;
  --community-green-soft: #3da57f21;
  --community-blue: #8db8ff;
  --community-bg: #090909;
  --community-panel: #121212;
  --community-panel-strong: #191919;
  --community-line: #3da57f21;
  --community-copy: #b5c0ba;
}

body.page-community {
  overflow-x: clip;
  background: var(--community-bg) !important;
  color: #f7faf8 !important;
}

.page-community main {
  padding-top: 0;
  display: block;
}

body.page-community .community-shell {
  width: min(1180px, 100% - 48px);
  margin-inline: auto;
}

body.page-community .community-section {
  padding: clamp(76px, 9vw, 118px) 0;
  position: relative;
}

body.page-community .community-section + .community-section {
  border-top: 1px solid #ffffff0d;
}

body.page-community .community-kicker {
  color: var(--community-green);
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.3;
  display: inline-flex;
}

body.page-community .community-title {
  color: #fff;
  letter-spacing: -.055em;
  max-width: 760px;
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  font-weight: 760;
  line-height: .99;
}

body.page-community .community-title span, body.page-community .community-heading span {
  color: var(--community-green);
}

body.page-community .community-lead {
  max-width: 680px;
  color: var(--community-copy);
  margin: 24px 0 0;
  font-size: clamp(1rem, 1.5vw, 1.17rem);
  line-height: 1.75;
}

body.page-community .community-section-head {
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 40px;
  display: flex;
}

body.page-community .community-heading {
  color: #fff;
  letter-spacing: -.045em;
  max-width: 720px;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 740;
  line-height: 1.06;
}

body.page-community .community-section-intro {
  max-width: 480px;
  color: var(--community-copy);
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
}

body.page-community .community-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
  display: flex;
}

body.page-community .community-button {
  background: var(--community-green);
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
  transition: transform .16s, background-color .16s, border-color .16s;
  display: inline-flex;
  color: #0e0e0e !important;
  text-decoration: none !important;
}

body.page-community .community-button:hover, body.page-community .community-button:focus-visible {
  background: #3da57f;
  transform: translateY(-2px);
}

body.page-community .community-button--secondary {
  background: #ffffff0a;
  border-color: #fff3;
  color: #f6faf8 !important;
}

body.page-community .community-button--secondary:hover, body.page-community .community-button--secondary:focus-visible {
  background: #ffffff17;
  border-color: #ffffff57;
}

body.page-community .community-hero {
  isolation: isolate;
  background: radial-gradient(circle at 18% 35%, #3da57f24, transparent 31%), radial-gradient(circle at 88% 4%, #527bcc1f, transparent 28%), var(--community-bg);
  align-items: center;
  min-height: min(800px, 100svh - 76px);
  display: grid;
  overflow: hidden;
}

body.page-community .community-hero:before {
  z-index: -1;
  opacity: .38;
  content: "";
  background-image: linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
  background-size: 54px 54px;
  position: absolute;
  inset: 0;
  mask-image: linear-gradient(#000, #0000 94%);
}

body.page-community .community-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  align-items: center;
  gap: clamp(48px, 7vw, 96px);
  padding-block: clamp(62px, 7vw, 88px);
  display: grid;
}

body.page-community .community-hero-copy {
  z-index: 2;
  position: relative;
}

body.page-community .community-hero-note {
  color: #90a098;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  font-size: 13px;
  display: flex;
}

body.page-community .community-hero-note span {
  width: 32px;
  height: 32px;
  color: var(--community-green);
  background: var(--community-green-soft);
  border: 1px solid #3da57f47;
  border-radius: 50%;
  place-items: center;
  display: inline-grid;
}

body.page-community .community-mosaic {
  min-height: 548px;
  position: relative;
}

body.page-community .community-photo {
  background: #161616;
  border: 1px solid #ffffff21;
  border-radius: 24px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 30px 80px #0000005c;
}

body.page-community .community-photo img {
  object-fit: cover;
  filter: saturate(.88) contrast(1.04);
  width: 100%;
  height: 100%;
  transition: transform .7s cubic-bezier(.2, .7, 0, 1);
  display: block;
}

body.page-community .community-photo:hover img {
  transform: scale(1.035);
}

body.page-community .community-photo--one {
  inset: 0 13% 18% 0;
}

body.page-community .community-photo--two {
  z-index: 2;
  width: 48%;
  height: 42%;
  bottom: 0;
  right: 1%;
}

body.page-community .community-photo--three {
  z-index: 3;
  width: 41%;
  height: 31%;
  top: 5%;
  right: 0;
}

body.page-community .community-photo-label {
  color: #fff;
  -webkit-backdrop-filter: blur(14px);
  background: #080808b8;
  border: 1px solid #ffffff29;
  border-radius: 14px;
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 680;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
}

body.page-community .community-proof {
  z-index: 3;
  margin-top: -28px;
  padding: 0 0 52px;
  position: relative;
}

body.page-community .community-proof-grid {
  border: 1px solid var(--community-line);
  background: #ffffff06;
  border-radius: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

body.page-community .community-proof-item {
  min-width: 0;
  padding: 25px 24px;
}

body.page-community .community-proof-item + .community-proof-item {
  border-left: 1px solid var(--community-line);
}

body.page-community .community-proof-item strong {
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  display: block;
}

body.page-community .community-proof-item span {
  color: #8e9d95;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  display: block;
}

body.page-community .community-circles {
  background: linear-gradient(#0a0a0a 0%, #0d0d0d 100%);
}

body.page-community .community-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

body.page-community .community-circle-card {
  border: 1px solid var(--community-line);
  background: linear-gradient(145deg, #ffffff0b, #ffffff03);
  border-radius: 22px;
  flex-direction: column;
  min-width: 0;
  min-height: 285px;
  padding: 28px;
  transition: transform .18s, border-color .18s, background-color .18s;
  display: flex;
}

body.page-community .community-circle-card:hover {
  background-color: #3da57f09;
  border-color: #3da57f4d;
  transform: translateY(-4px);
}

body.page-community .community-icon {
  width: 48px;
  height: 48px;
  color: var(--community-green);
  background: var(--community-green-soft);
  border: 1px solid #3da57f3d;
  border-radius: 14px;
  place-items: center;
  display: grid;
}

body.page-community .community-icon svg {
  width: 23px;
  height: 23px;
}

body.page-community .community-circle-card h3 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 34px 0 10px;
  font-size: 1.23rem;
  line-height: 1.25;
}

body.page-community .community-circle-card p {
  color: #98a79f;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

body.page-community .community-card-link {
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 26px;
  font-size: 13px;
  font-weight: 720;
  display: inline-flex;
  color: var(--community-green) !important;
  text-decoration: none !important;
}

body.page-community .community-card-link:hover {
  gap: 12px;
}

body.page-community .community-journey-grid {
  counter-reset: journey;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

body.page-community .community-step {
  counter-increment: journey;
  min-width: 0;
  padding: 0 28px 8px 0;
  position: relative;
}

body.page-community .community-step:not(:last-child):after {
  content: "";
  background: linear-gradient(90deg, #3da57fa6, #3da57f14);
  height: 1px;
  position: absolute;
  top: 21px;
  left: 54px;
  right: 0;
}

body.page-community .community-step-number {
  z-index: 1;
  width: 43px;
  height: 43px;
  color: var(--community-green);
  background: #0e0e0e;
  border: 1px solid #3da57f59;
  border-radius: 50%;
  place-items: center;
  font-size: 12px;
  font-weight: 780;
  display: grid;
  position: relative;
}

body.page-community .community-step h3 {
  color: #fff;
  margin: 24px 0 9px;
  font-size: 1.1rem;
}

body.page-community .community-step p {
  color: #92a098;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

body.page-community .community-experiences {
  background: #0c0c0c;
}

body.page-community .community-experience-grid {
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  display: grid;
}

body.page-community .community-feature {
  border: 1px solid var(--community-line);
  background: var(--community-panel);
  border-radius: 26px;
  min-height: 530px;
  position: relative;
  overflow: hidden;
}

body.page-community .community-feature img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

body.page-community .community-feature:after {
  content: "";
  background: linear-gradient(#0000 25%, #060606f0 100%);
  position: absolute;
  inset: 0;
}

body.page-community .community-feature-copy {
  z-index: 2;
  padding: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

body.page-community .community-feature-copy h3 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 0 0 9px;
  font-size: clamp(1.5rem, 3vw, 2rem);
}

body.page-community .community-feature-copy p {
  color: #c0cac4;
  max-width: 580px;
  margin: 0;
  line-height: 1.65;
}

body.page-community .community-feature-stack {
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

body.page-community .community-feature--small {
  min-height: 255px;
}

body.page-community .community-feature--small .community-feature-copy {
  padding: 26px;
}

body.page-community .community-feature--small .community-feature-copy h3 {
  font-size: 1.25rem;
}

body.page-community .community-resource-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

body.page-community .community-resource {
  border: 1px solid var(--community-line);
  background: var(--community-panel);
  border-radius: 22px;
  padding: 30px;
}

body.page-community .community-resource small {
  color: var(--community-green);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 780;
}

body.page-community .community-resource h3 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 20px 0 10px;
  font-size: 1.3rem;
}

body.page-community .community-resource p {
  color: #97a69e;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

body.page-community .community-resource .community-card-link {
  padding-top: 24px;
}

body.page-community .community-principles-grid {
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  gap: clamp(40px, 8vw, 110px);
  display: grid;
}

body.page-community .community-principle-list {
  gap: 12px;
  display: grid;
}

body.page-community .community-principle {
  border: 1px solid var(--community-line);
  background: #ffffff05;
  border-radius: 18px;
  grid-template-columns: 38px 1fr;
  gap: 15px;
  padding: 22px 24px;
  display: grid;
}

body.page-community .community-principle > span {
  width: 38px;
  height: 38px;
  color: var(--community-green);
  background: var(--community-green-soft);
  border-radius: 50%;
  place-items: center;
  font-weight: 800;
  display: grid;
}

body.page-community .community-principle h3 {
  color: #fff;
  margin: 1px 0 6px;
  font-size: 1rem;
}

body.page-community .community-principle p {
  color: #96a59d;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
}

body.page-community .community-faq-list {
  gap: 12px;
  width: min(850px, 100%);
  margin: 40px auto 0;
  display: grid;
}

body.page-community .community-faq-item {
  border: 1px solid var(--community-line);
  background: var(--community-panel);
  border-radius: 17px;
}

body.page-community .community-faq-item summary {
  color: #fff;
  cursor: pointer;
  padding: 22px 58px 22px 24px;
  font-size: 15px;
  font-weight: 680;
  line-height: 1.45;
  list-style: none;
  position: relative;
}

body.page-community .community-faq-item summary::-webkit-details-marker {
  display: none;
}

body.page-community .community-faq-item summary:after {
  color: var(--community-green);
  content: "+";
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
}

body.page-community .community-faq-item[open] summary:after {
  content: "−";
}

body.page-community .community-faq-item p {
  color: #9daba4;
  margin: -2px 24px 22px;
  font-size: 14px;
  line-height: 1.72;
}

body.page-community .community-final {
  padding: 36px 0 110px;
}

body.page-community .community-final-card {
  text-align: center;
  background: radial-gradient(circle at 50% -60%, #3da57f40, #0000 58%), #111;
  border: 1px solid #3da57f40;
  border-radius: 30px;
  padding: clamp(40px, 7vw, 74px);
}

body.page-community .community-final-card .community-heading, body.page-community .community-final-card .community-lead {
  margin-inline: auto;
}

body.page-community .community-final-card .community-actions {
  justify-content: center;
}

.page-community .community-circles, .page-community .community-section[aria-labelledby="journey-title"], .page-community .community-experiences, .page-community .community-section[aria-labelledby="resources-title"], .page-community .community-section[aria-labelledby="principles-title"], .page-community #community-faq, .page-community .community-final {
  display: none;
}

@media (width <= 1100px) {
  body.page-community .community-hero {
    min-height: auto;
  }

  body.page-community .community-hero-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-hero-copy {
    max-width: 760px;
  }

  body.page-community .community-mosaic {
    width: min(680px, 100%);
    min-height: 500px;
    margin-inline: auto;
  }

  body.page-community .community-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 860px) {
  body.page-community .community-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-community .community-proof-item:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--community-line);
  }

  body.page-community .community-proof-item:nth-child(4) {
    border-top: 1px solid var(--community-line);
  }

  body.page-community .community-journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 20px;
  }

  body.page-community .community-step:nth-child(2):after {
    display: none;
  }

  body.page-community .community-experience-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-feature-stack {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-community .community-resource-grid, body.page-community .community-principles-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-principles-copy {
    max-width: 720px;
  }
}

@media (width <= 700px) {
  body.page-community .community-shell {
    width: min(100% - 32px, 1180px);
  }

  body.page-community .community-section {
    padding: 72px 0;
  }

  body.page-community .community-section-head {
    flex-direction: column;
    align-items: start;
    gap: 18px;
    margin-bottom: 30px;
  }

  body.page-community .community-hero-grid {
    gap: 40px;
    padding-block: 52px 64px;
  }

  body.page-community .community-title {
    font-size: clamp(2.65rem, 13vw, 4.2rem);
    line-height: .98;
  }

  body.page-community .community-lead {
    font-size: 1rem;
  }

  body.page-community .community-mosaic {
    min-height: 420px;
  }

  body.page-community .community-photo--one {
    inset: 0 8% 16% 0;
  }

  body.page-community .community-photo--two {
    width: 54%;
    height: 39%;
  }

  body.page-community .community-photo--three {
    width: 44%;
    height: 28%;
    top: 4%;
    right: -2%;
  }

  body.page-community .community-photo-label {
    padding: 9px 10px;
    font-size: 11px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  body.page-community .community-card-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-circle-card {
    min-height: 250px;
  }

  body.page-community .community-journey-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  body.page-community .community-step {
    padding-right: 0;
  }

  body.page-community .community-step:after {
    display: none;
  }

  body.page-community .community-feature {
    min-height: 430px;
  }

  body.page-community .community-feature-stack {
    grid-template-columns: 1fr;
  }

  body.page-community .community-feature--small {
    min-height: 270px;
  }

  body.page-community .community-final {
    padding-bottom: 78px;
  }
}

@media (width <= 520px) {
  body.page-community .community-shell {
    width: min(100% - 24px, 1180px);
  }

  body.page-community .community-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.page-community .community-button {
    width: 100%;
  }

  body.page-community .community-mosaic {
    min-height: 350px;
  }

  body.page-community .community-photo {
    border-radius: 18px;
  }

  body.page-community .community-photo--one {
    bottom: 12%;
    right: 3%;
  }

  body.page-community .community-photo--two {
    width: 58%;
    height: 34%;
    right: 3%;
  }

  body.page-community .community-photo--three {
    display: none;
  }

  body.page-community .community-proof-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-proof {
    margin-top: -16px;
    padding-bottom: 40px;
  }

  body.page-community .community-proof-item + .community-proof-item {
    border-top: 1px solid var(--community-line);
    border-left: 0;
  }

  body.page-community .community-circle-card, body.page-community .community-resource, body.page-community .community-feature-copy {
    padding: 24px;
  }

  body.page-community .community-principle {
    padding: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-community .community-photo img, body.page-community .community-circle-card, body.page-community .community-button {
    transition: none !important;
  }
}

.page-community .sr-only {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.page-community.community-dialog-open {
  overflow: hidden;
}

body.page-community .community-forum {
  background: radial-gradient(circle at 6% 2%, #3da57f17, #0000 28%), linear-gradient(#0c0c0c, #090909 70%);
}

body.page-community .community-forum-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 42px;
  margin-bottom: 38px;
  display: flex;
}

body.page-community .community-forum-heading .community-section-intro {
  max-width: 700px;
  margin-top: 20px;
}

body.page-community .community-live-status {
  color: #3da57f;
  background: #3da57f14;
  border: 1px solid #3da57f3d;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  display: inline-flex;
}

body.page-community .community-live-status.is-local {
  color: #c2d9ff;
  background: #8db8ff14;
  border-color: #8db8ff45;
}

body.page-community .community-status-dot {
  background: var(--community-green);
  border-radius: 50%;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #3da57f1a;
}

body.page-community .community-live-status.is-local .community-status-dot {
  background: var(--community-blue);
  box-shadow: 0 0 0 5px #8db8ff1c;
}

body.page-community .community-forum-layout {
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 22px;
  display: grid;
}

body.page-community .community-forum-main {
  border: 1px solid var(--community-line);
  background: #101010db;
  border-radius: 26px;
  min-width: 0;
  overflow: hidden;
  box-shadow: 0 28px 90px #00000038;
}

body.page-community .community-forum-toolbar {
  border-bottom: 1px solid var(--community-line);
  background: #ffffff04;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 10px;
  padding: 18px;
  display: grid;
}

body.page-community .community-search-box {
  color: #74847c;
  background: #0a0a0a;
  border: 1px solid #ffffff1f;
  border-radius: 13px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 0 14px;
  display: flex;
}

body.page-community .community-search-box:focus-within {
  border-color: #3da57fb3;
  box-shadow: 0 0 0 3px #3da57f1a;
}

body.page-community .community-search-box svg {
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
}

body.page-community .community-search-box input {
  color: #fff;
  width: 100%;
  min-width: 0;
  height: 44px;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 14px;
}

body.page-community .community-search-box input::placeholder {
  color: #718078;
}

body.page-community .community-sort-box {
  color: #829189;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #0a0a0a;
  border: 1px solid #ffffff1f;
  border-radius: 13px;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  margin: 0;
  padding: 0 11px 0 14px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

body.page-community .community-sort-box select {
  color: #e4ebe7;
  height: 44px;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 0 24px 0 0;
  font-size: 12px;
  font-weight: 650;
}

body.page-community .community-new-topic, body.page-community .community-empty button {
  min-height: 46px;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 17px;
  font-size: 13px;
  font-weight: 760;
  display: inline-flex;
  border: 1px solid var(--community-green) !important;
  color: #0e0e0e !important;
  background: var(--community-green) !important;
  border-radius: 13px !important;
}

body.page-community .community-new-topic:hover, body.page-community .community-empty button:hover {
  background: #3da57f !important;
}

body.page-community .community-category-filters {
  border-bottom: 1px solid var(--community-line);
  scrollbar-width: none;
  gap: 7px;
  padding: 13px 18px;
  display: flex;
  overflow-x: auto;
}

body.page-community .community-category-filters::-webkit-scrollbar {
  display: none;
}

body.page-community .community-category-filters button {
  min-height: 33px;
  font: inherit;
  cursor: pointer;
  flex: none;
  padding: 0 13px;
  font-size: 11.5px;
  font-weight: 650;
  color: #9eaaa4 !important;
  background: #ffffff06 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
}

body.page-community .community-category-filters button:hover {
  color: #fff !important;
  background: #ffffff0f !important;
}

body.page-community .community-category-filters button.is-active {
  color: var(--community-green) !important;
  background: #3da57f1a !important;
  border-color: #3da57f52 !important;
}

body.page-community .community-results-bar {
  border-bottom: 1px solid #ffffff0e;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 51px;
  padding: 0 22px;
  display: flex;
}

body.page-community .community-results-bar strong {
  color: #e9efeb;
  font-size: 12.5px;
}

body.page-community .community-results-bar span {
  color: #718078;
  font-size: 11.5px;
}

body.page-community .community-thread-list {
  display: grid;
}

body.page-community .forum-thread-card {
  background: #ffffff02;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 15px;
  min-width: 0;
  padding: 24px 22px;
  transition: background-color .16s;
  display: grid;
}

body.page-community .forum-thread-card + .forum-thread-card {
  border-top: 1px solid #fff1;
}

body.page-community .forum-avatar {
  color: #c5d0ca;
  letter-spacing: .03em;
  background: #1c1c1c;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  place-items: center;
  width: 46px;
  height: 46px;
  font-size: 12px;
  font-weight: 800;
  display: grid;
}

body.page-community .forum-avatar.is-official {
  color: var(--community-green);
  background: #3da57f1c;
  border-color: #3da57f4d;
}

body.page-community .forum-avatar--small {
  border-radius: 11px;
  width: 37px;
  height: 37px;
  font-size: 10px;
}

body.page-community .forum-thread-main {
  min-width: 0;
}

body.page-community .forum-thread-meta {
  color: #79877f;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  display: flex;
}

body.page-community .forum-category {
  color: #3da57f;
  background: #3da57f12;
  border: 1px solid #3da57f33;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 720;
}

body.page-community .forum-author {
  color: #aab6b0;
  font-weight: 650;
}

body.page-community .forum-official {
  color: var(--community-green);
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 720;
  display: inline-flex;
}

body.page-community .forum-official svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8px;
  width: 12px;
  height: 12px;
}

body.page-community .forum-thread-title {
  width: 100%;
  font: inherit;
  letter-spacing: -.025em;
  text-align: left;
  cursor: pointer;
  margin: 13px 0 8px;
  padding: 0;
  font-size: clamp(1.05rem, 2vw, 1.23rem);
  font-weight: 720;
  line-height: 1.35;
  display: block;
  color: #fff !important;
  background: none !important;
  border: 0 !important;
}

body.page-community .forum-thread-title:hover {
  color: var(--community-green) !important;
}

body.page-community .forum-thread-excerpt {
  color: #97a59e;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 760px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.65;
  display: -webkit-box;
  overflow: hidden;
}

body.page-community .forum-thread-footer {
  align-items: center;
  gap: 7px;
  margin-top: 17px;
  display: flex;
}

body.page-community .forum-action, body.page-community .forum-open-thread, body.page-community .forum-report {
  min-height: 33px;
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0 10px;
  font-size: 11.5px;
  font-weight: 650;
  display: inline-flex;
  color: #88968f !important;
  background: #ffffff05 !important;
  border: 1px solid #ffffff17 !important;
  border-radius: 9px !important;
}

body.page-community .forum-action:hover, body.page-community .forum-open-thread:hover {
  color: var(--community-green) !important;
  background: #3da57f0f !important;
  border-color: #3da57f33 !important;
}

body.page-community .forum-action svg, body.page-community .forum-open-thread svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7px;
  width: 15px;
  height: 15px;
}

body.page-community .forum-reaction.is-active {
  color: var(--community-green) !important;
  background: #3da57f17 !important;
  border-color: #3da57f47 !important;
}

body.page-community .forum-reaction.is-active svg {
  fill: currentColor;
}

body.page-community .forum-open-thread {
  margin-left: auto;
}

body.page-community .community-loading {
  color: #829087;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 220px;
  display: flex;
}

body.page-community .community-loading[hidden] {
  display: none;
}

body.page-community .community-loading > span {
  background: var(--community-green);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: .9s ease-in-out infinite alternate page-community__community-pulse;
}

body.page-community .community-loading > span:nth-child(2) {
  animation-delay: .15s;
}

body.page-community .community-loading > span:nth-child(3) {
  animation-delay: .3s;
}

body.page-community .community-loading p {
  margin: 0 0 0 8px;
  font-size: 12px;
}

@keyframes page-community__community-pulse {
  to {
    opacity: .25;
    transform: translateY(-3px);
  }
}

body.page-community .community-empty {
  text-align: center;
  min-height: 310px;
  padding: 45px 24px;
}

body.page-community .community-empty[hidden] {
  display: none;
}

body.page-community .community-empty > span {
  width: 54px;
  height: 54px;
  color: var(--community-green);
  background: var(--community-green-soft);
  border-radius: 50%;
  place-items: center;
  margin: 0 auto 18px;
  font-size: 25px;
  display: grid;
}

body.page-community .community-empty h3 {
  color: #fff;
  margin: 0 0 8px;
}

body.page-community .community-empty p {
  color: #8b9992;
  margin: 0 0 20px;
  font-size: 13px;
}

body.page-community .community-forum-sidebar {
  gap: 14px;
  display: grid;
}

body.page-community .forum-side-card {
  border: 1px solid var(--community-line);
  background: #121212db;
  border-radius: 20px;
  padding: 23px;
}

body.page-community .forum-side-card--welcome {
  background: linear-gradient(145deg, #3da57f1c, #121212e6 60%);
  border-color: #3da57f38;
}

body.page-community .forum-side-icon {
  width: 38px;
  height: 38px;
  color: var(--community-green);
  background: #3da57f1c;
  border-radius: 12px;
  place-items: center;
  margin-bottom: 19px;
  display: grid;
}

body.page-community .forum-side-card h3 {
  color: #fff;
  letter-spacing: -.015em;
  margin: 0 0 10px;
  font-size: 1rem;
}

body.page-community .forum-side-card p {
  color: #8f9e96;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.65;
}

body.page-community .forum-side-card > button, body.page-community .forum-side-card > a {
  min-height: 36px;
  font: inherit;
  cursor: pointer;
  align-items: center;
  gap: 7px;
  margin-top: 18px;
  padding: 0;
  font-size: 12px;
  font-weight: 720;
  display: inline-flex;
  color: var(--community-green) !important;
  background: none !important;
  border: 0 !important;
  text-decoration: none !important;
}

body.page-community .forum-side-card ol {
  gap: 12px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

body.page-community .forum-side-card li {
  color: #9ba8a1;
  grid-template-columns: 25px 1fr;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  line-height: 1.45;
  display: grid;
}

body.page-community .forum-side-card li span {
  width: 25px;
  height: 25px;
  color: var(--community-green);
  background: #3da57f14;
  border-radius: 50%;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

body.page-community .community-dialog {
  color: #fff;
  background: none;
  border: 0;
  border-radius: 25px;
  width: min(760px, 100% - 32px);
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: visible;
}

body.page-community .community-dialog[open] {
  display: block;
}

body.page-community .community-dialog::backdrop {
  -webkit-backdrop-filter: blur(13px);
  background: #020202c7;
}

body.page-community .community-dialog-card {
  scrollbar-width: thin;
  scrollbar-color: #304139 transparent;
  background: #111;
  border: 1px solid #ffffff24;
  border-radius: 25px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  box-shadow: 0 35px 120px #000000a6;
}

body.page-community .community-dialog-head {
  border-bottom: 1px solid var(--community-line);
  background: #ffffff04;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 82px;
  padding: 20px 24px;
  display: flex;
}

body.page-community .community-dialog-head p, body.page-community .community-dialog-head > span {
  color: var(--community-green);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 10px;
  font-weight: 760;
}

body.page-community .community-dialog-head h2 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 0;
  font-size: 1.6rem;
}

body.page-community .community-dialog-head > button {
  cursor: pointer;
  width: 39px;
  height: 39px;
  min-height: 39px;
  padding: 0;
  font-size: 24px;
  font-weight: 300;
  color: #dce3df !important;
  background: #ffffff0a !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 50% !important;
}

body.page-community .community-dialog-head--compact {
  min-height: 63px;
  padding-block: 12px;
}

body.page-community .community-dialog-head--compact > span {
  margin: 0;
}

body.page-community .community-dialog-card--composer form, body.page-community .community-reply-form {
  padding: 25px;
}

body.page-community .community-dialog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
  display: grid;
}

body.page-community .community-dialog-field {
  min-width: 0;
}

body.page-community .community-dialog-field--full {
  grid-column: 1 / -1;
}

body.page-community .community-dialog-field label {
  color: #d6dfda;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 670;
  display: block;
}

body.page-community .community-dialog-field input, body.page-community .community-dialog-field select, body.page-community .community-dialog-field textarea {
  color: #fff;
  width: 100%;
  min-height: 48px;
  font: inherit;
  background: #0a0a0a;
  border: 1px solid #ffffff21;
  border-radius: 11px;
  outline: 0;
  margin: 0;
  padding: 12px 14px;
  font-size: 13.5px;
  line-height: 1.5;
}

body.page-community .community-dialog-field textarea {
  resize: vertical;
  min-height: 122px;
}

body.page-community .community-dialog-field input:focus, body.page-community .community-dialog-field select:focus, body.page-community .community-dialog-field textarea:focus {
  border-color: #3da57fb8;
  box-shadow: 0 0 0 3px #3da57f1a;
}

body.page-community .community-dialog-field input::placeholder, body.page-community .community-dialog-field textarea::placeholder {
  color: #647169;
}

body.page-community .community-dialog-field small {
  color: #75837b;
  margin-top: 7px;
  font-size: 10.5px;
  line-height: 1.5;
  display: block;
}

body.page-community .community-form-error {
  color: #ffac9d;
  min-height: 20px;
  margin: 15px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

body.page-community .community-dialog-actions {
  justify-content: flex-end;
  gap: 9px;
  margin-top: 5px;
  display: flex;
}

body.page-community .community-dialog-actions button, body.page-community .community-reply-submit {
  min-height: 45px;
  font: inherit;
  cursor: pointer;
  padding: 0 18px;
  font-size: 12.5px;
  font-weight: 720;
  color: #d7dfdb !important;
  background: #ffffff0a !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
}

body.page-community .community-dialog-actions button.is-primary, body.page-community .community-reply-submit {
  border-color: var(--community-green) !important;
  color: #0e0e0e !important;
  background: var(--community-green) !important;
}

body.page-community .community-dialog-actions button:disabled, body.page-community .community-reply-submit:disabled {
  opacity: .58;
  cursor: wait;
}

body.page-community #thread-dialog-content {
  padding: 27px 27px 3px;
}

body.page-community .thread-detail-top {
  color: #74827a;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  display: flex;
}

body.page-community #thread-dialog-title {
  color: #fff;
  letter-spacing: -.045em;
  margin: 18px 0;
  font-size: clamp(1.65rem, 4vw, 2.45rem);
  line-height: 1.12;
}

body.page-community .thread-detail-author {
  align-items: center;
  gap: 12px;
  display: flex;
}

body.page-community .thread-detail-author strong, body.page-community .thread-detail-author small {
  display: block;
}

body.page-community .thread-detail-author strong {
  color: #e3e9e5;
  font-size: 13px;
}

body.page-community .thread-detail-author small {
  color: #75837b;
  margin-top: 3px;
  font-size: 10.5px;
}

body.page-community .thread-detail-body {
  color: #b7c2bc;
  white-space: pre-wrap;
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 1.8;
}

body.page-community .thread-detail-actions {
  border-bottom: 1px solid var(--community-line);
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding-bottom: 24px;
  display: flex;
}

body.page-community .forum-report {
  margin-left: auto;
  color: #78867e !important;
  background: none !important;
  border: 0 !important;
}

body.page-community .thread-replies-title {
  color: #fff;
  margin: 24px 0 13px;
  font-size: 1rem;
}

body.page-community .thread-replies {
  gap: 9px;
  display: grid;
}

body.page-community .thread-reply {
  background: #ffffff05;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  grid-template-columns: 37px minmax(0, 1fr);
  gap: 11px;
  padding: 16px;
  display: grid;
}

body.page-community .thread-reply-meta {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

body.page-community .thread-reply-meta strong {
  color: #dce4df;
  font-size: 11.5px;
}

body.page-community .thread-reply-meta time {
  color: #718078;
  font-size: 10px;
}

body.page-community .thread-reply p {
  color: #a8b4ad;
  white-space: pre-wrap;
  margin: 6px 0 0;
  font-size: 12.5px;
  line-height: 1.65;
}

body.page-community .thread-no-replies {
  color: #7f8d85;
  text-align: center;
  border: 1px dashed #ffffff1a;
  border-radius: 14px;
  margin: 0;
  padding: 24px;
  font-size: 12.5px;
}

body.page-community .community-reply-form {
  border-top: 1px solid var(--community-line);
  background: #ffffff03;
  margin-top: 27px;
}

body.page-community .community-reply-form h3 {
  color: #fff;
  margin: 0 0 18px;
  font-size: 1rem;
}

body.page-community .community-reply-form .community-dialog-field + .community-dialog-field {
  margin-top: 14px;
}

body.page-community .community-reply-submit {
  width: 100%;
  margin-top: 4px;
}

body.page-community .community-toast {
  z-index: 9000;
  color: #dff8ee;
  opacity: 0;
  pointer-events: none;
  background: #141414f5;
  border: 1px solid #3da57f47;
  border-radius: 13px;
  max-width: min(390px, 100% - 28px);
  padding: 14px 18px;
  font-size: 12.5px;
  line-height: 1.5;
  transition: opacity .17s, transform .17s;
  position: fixed;
  bottom: 22px;
  right: 22px;
  transform: translateY(12px);
  box-shadow: 0 18px 55px #0000006b;
}

body.page-community .community-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

body.page-community .community-toast[data-tone="error"] {
  color: #ffd8d1;
  background: #27110ef7;
  border-color: #ff8a764d;
}

body.page-community .community-toast[data-tone="info"] {
  color: #dbe9ff;
  background: #0d1727f7;
  border-color: #8bb8ff4d;
}

body.page-community .community-hero {
  min-height: clamp(570px, 74svh, 720px);
}

body.page-community .community-hero-grid {
  grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr);
  gap: clamp(38px, 6vw, 78px);
}

body.page-community .community-mosaic {
  min-height: 500px;
}

body.page-community .community-forum {
  padding-top: clamp(68px, 8vw, 100px);
  padding-bottom: clamp(80px, 9vw, 118px);
}

body.page-community .community-forum-layout {
  gap: 26px;
}

body.page-community .community-forum-main {
  background: linear-gradient(#161616f5, #0d0d0df0);
  border-color: #3da57f29;
  border-radius: 22px;
}

body.page-community .community-forum-toolbar {
  background: #ffffff06;
  padding: 16px;
}

body.page-community .forum-thread-card {
  padding: 23px 22px;
}

body.page-community .forum-thread-card:hover {
  background: linear-gradient(90deg, #3da57f0e, #ffffff05 55%);
}

body.page-community .forum-thread-title:focus-visible, body.page-community .forum-action:focus-visible, body.page-community .forum-open-thread:focus-visible, body.page-community .forum-side-card > button:focus-visible, body.page-community .community-new-topic:focus-visible, body.page-community .community-category-filters button:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #3da57f59;
}

@media (width >= 981px) {
  body.page-community .community-forum-sidebar {
    position: sticky;
    top: 104px;
  }
}

@media (width <= 980px) {
  body.page-community .community-forum-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  body.page-community .community-forum-layout {
    grid-template-columns: 1fr;
  }

  body.page-community .community-forum-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 760px) {
  body.page-community .community-forum-main {
    border-radius: 20px;
  }

  body.page-community .community-forum-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  body.page-community .community-search-box {
    grid-column: 1 / -1;
  }

  body.page-community .community-sort-box {
    min-width: 0;
  }

  body.page-community .community-sort-box span {
    display: none;
  }

  body.page-community .community-sort-box select {
    width: 100%;
  }

  body.page-community .community-forum-sidebar, body.page-community .community-dialog-grid {
    grid-template-columns: 1fr;
  }

  body.page-community .community-dialog-field--full {
    grid-column: auto;
  }
}

@media (width <= 540px) {
  body.page-community .community-hero {
    min-height: auto;
  }

  body.page-community .community-hero-grid {
    gap: 32px;
    padding-block: 46px 54px;
  }

  body.page-community .community-mosaic {
    min-height: 320px;
  }

  body.page-community .community-forum-heading {
    margin-bottom: 26px;
  }

  body.page-community .community-live-status {
    border-radius: 12px;
    width: 100%;
  }

  body.page-community .community-forum-toolbar {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  body.page-community .community-search-box {
    grid-column: auto;
  }

  body.page-community .community-new-topic {
    width: 100%;
  }

  body.page-community .community-category-filters {
    padding-inline: 12px;
  }

  body.page-community .community-results-bar {
    padding-inline: 15px;
  }

  body.page-community .community-results-bar span {
    display: none;
  }

  body.page-community .forum-thread-card {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    padding: 20px 15px;
  }

  body.page-community .forum-avatar {
    border-radius: 11px;
    width: 38px;
    height: 38px;
    font-size: 10px;
  }

  body.page-community .forum-thread-meta {
    gap: 6px;
  }

  body.page-community .forum-official {
    order: 3;
    width: 100%;
  }

  body.page-community .forum-thread-title {
    margin-top: 11px;
  }

  body.page-community .forum-thread-footer {
    flex-wrap: wrap;
  }

  body.page-community .forum-open-thread {
    width: 100%;
    margin: 4px 0 0;
  }

  body.page-community .community-dialog {
    width: calc(100% - 16px);
    max-height: calc(100dvh - 16px);
  }

  body.page-community .community-dialog-card {
    border-radius: 18px;
    max-height: calc(100dvh - 16px);
  }

  body.page-community .community-dialog-head {
    min-height: 70px;
    padding: 14px 16px;
  }

  body.page-community .community-dialog-head h2 {
    font-size: 1.35rem;
  }

  body.page-community .community-dialog-card--composer form, body.page-community .community-reply-form {
    padding: 18px 16px;
  }

  body.page-community #thread-dialog-content {
    padding: 21px 16px 3px;
  }

  body.page-community #thread-dialog-title {
    font-size: 1.65rem;
  }

  body.page-community .community-dialog-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  body.page-community .community-dialog-actions button {
    width: 100%;
  }

  body.page-community .community-toast {
    max-width: none;
    bottom: 14px;
    left: 14px;
    right: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-community .community-loading > span {
    animation: none;
  }

  body.page-community .community-toast {
    transition: none;
  }
}

body.page-eizo .hero {
  max-height: none;
}

body.page-eizo .eizo-brand-section {
  background: var(--bg-1);
  border-bottom: 1px solid var(--border);
  padding: 0;
}

body.page-eizo .eizo-brand-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  display: flex;
}

body.page-eizo .eizo-logo-lockup {
  align-items: center;
  gap: 24px;
  display: flex;
}

body.page-eizo .eizo-logo-box {
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  display: flex;
}

body.page-eizo .eizo-logo-box img {
  width: auto;
  height: 65px;
  display: block;
}

body.page-eizo .eizo-logo-text h2 {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 800;
}

body.page-eizo .eizo-logo-text p {
  color: var(--text-muted);
  margin: 0;
  font-size: .85rem;
}

body.page-eizo .eizo-brand-stats {
  flex-wrap: wrap;
  gap: 40px;
  display: flex;
}

body.page-eizo .eizo-stat {
  text-align: center;
}

body.page-eizo .eizo-stat strong {
  font-size: 1.8rem;
  font-weight: 800;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  display: block;
}

body.page-eizo .eizo-stat span {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: .72rem;
}

body.page-eizo .cat-tabs-section {
  background: var(--bg-0);
  z-index: 100;
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 80px;
  padding: 0 !important;
}

body.page-eizo .cat-tabs-inner {
  scrollbar-width: none;
  align-items: center;
  gap: 0;
  display: flex;
  overflow-x: auto;
}

body.page-eizo .cat-tabs-inner::-webkit-scrollbar {
  display: none;
}

body.page-eizo .cat-tab-btn {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  transition: all var(--transition);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 20px 32px;
  font-size: .82rem;
  font-weight: 700;
  display: flex;
}

body.page-eizo .cat-tab-btn:hover {
  color: var(--text-primary);
  background: var(--bg-card-h);
}

body.page-eizo .cat-tab-btn.active {
  color: var(--green);
  border-bottom-color: var(--green);
  background: #3da57f0d;
}

body.page-eizo .cat-tab-icon {
  font-size: 1.1rem;
}

body.page-eizo .cat-panel {
  display: none;
}

body.page-eizo .cat-panel.active {
  animation: .45s page-eizo__panelFade;
  display: block;
}

@keyframes page-eizo__panelFade {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.page-eizo .prod-section {
  padding: 64px 0;
}

body.page-eizo .prod-intro {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  margin-bottom: 64px;
  display: grid;
}

body.page-eizo .prod-intro-img {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  height: 320px;
  position: relative;
  overflow: hidden;
}

body.page-eizo .prod-intro-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.page-eizo .prod-intro-text .section-tag {
  margin-bottom: 16px;
}

body.page-eizo .prod-intro-text h2 {
  color: var(--text-primary);
  margin-bottom: 16px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
}

body.page-eizo .prod-intro-text p {
  color: var(--text-muted);
  margin-bottom: 24px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-eizo .prod-features {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

body.page-eizo .prod-feature-tag {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  color: var(--green);
  letter-spacing: .05em;
  border-radius: 100px;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 600;
}

body.page-eizo .lineup-toolbar {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: #ffffff06;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  align-items: center;
  gap: 18px;
  margin-bottom: 40px;
  padding: 22px;
  display: grid;
}

body.page-eizo .lineup-filter-group {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

body.page-eizo .lineup-filter-btn {
  letter-spacing: .05em;
  color: var(--text-muted);
  border: 1px solid var(--border);
  transition: all var(--transition);
  border-radius: 100px;
  min-height: 40px;
  padding: 9px 17px;
  font-size: .76rem;
  font-weight: 700;
}

body.page-eizo .lineup-filter-btn:hover, body.page-eizo .lineup-filter-btn.active-filter {
  background: var(--green-dim);
  color: var(--green);
  border-color: var(--green);
}

body.page-eizo .lineup-search {
  width: 100%;
  position: relative;
}

body.page-eizo .lineup-search svg {
  width: 16px;
  height: 16px;
  color: var(--text-muted);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

body.page-eizo .lineup-search input {
  border: 1px solid var(--border);
  background: var(--bg-0);
  width: 100%;
  min-height: 42px;
  color: var(--text-primary);
  transition: border-color var(--transition), box-shadow var(--transition);
  border-radius: 100px;
  padding: 10px 16px 10px 40px;
  font-size: .85rem;
}

body.page-eizo .lineup-search input:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-eizo .lineup-note {
  color: var(--text-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: -18px 0 30px;
  font-size: .82rem;
  display: flex;
}

body.page-eizo .lineup-note strong {
  color: var(--text-primary);
  font-weight: 700;
}

body.page-eizo .models-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

body.page-eizo .model-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

body.page-eizo .model-card:hover {
  border-color: var(--border-green);
  box-shadow: 0 20px 60px #0006, var(--shadow-green);
  transform: translateY(-6px);
}

body.page-eizo .model-card-img {
  background: #fff;
  height: 200px;
  position: relative;
  overflow: hidden;
}

body.page-eizo .model-card-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 16px;
  transition: transform .6s;
}

body.page-eizo .model-card:hover .model-card-img img {
  transform: scale(1.06);
}

body.page-eizo .model-card-badge {
  background: var(--green);
  color: #000;
  letter-spacing: .1em;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: .65rem;
  font-weight: 700;
  position: absolute;
  top: 12px;
  left: 12px;
}

body.page-eizo .model-card-body {
  flex-direction: column;
  flex: 1;
  padding: 24px;
  display: flex;
}

body.page-eizo .model-card-body h4 {
  color: var(--text-primary);
  font-size: 1.05rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 8px;
}

body.page-eizo .model-card-body p {
  color: var(--text-muted);
  flex: 1;
  margin-bottom: 16px;
  font-size: .82rem;
  line-height: 1.6;
}

body.page-eizo .model-specs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

body.page-eizo .model-spec {
  color: var(--text-faint);
  border: 1px solid var(--border);
  background: #ffffff0a;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: .7rem;
}

body.page-eizo .model-card-link {
  color: var(--green);
  transition: gap var(--transition);
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  font-weight: 600;
  display: inline-flex;
}

body.page-eizo .model-card-link:hover {
  gap: 10px;
}

body.page-eizo .model-actions {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  display: flex;
}

body.page-eizo .model-spec-link {
  color: var(--text-muted);
  transition: color var(--transition);
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
}

body.page-eizo .model-spec-link:hover {
  color: var(--green);
}

body.page-eizo .val-section {
  background: var(--bg-1);
  padding: 64px 0;
}

body.page-eizo .val-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
  display: grid;
}

body.page-eizo .val-card {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--border);
  transition: all var(--transition);
  padding: 32px 24px;
}

body.page-eizo .val-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-eizo .val-icon {
  margin-bottom: 16px;
  font-size: 2.2rem;
  display: block;
}

body.page-eizo .eizo-contact {
  background: var(--bg-0);
  padding: 64px 0;
}

body.page-eizo .contact-grid-eizo {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 48px;
  display: grid;
}

body.page-eizo .contact-info-eizo h2 {
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 800;
}

body.page-eizo .contact-info-eizo p {
  color: var(--text-muted);
  margin-bottom: 32px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-eizo .contact-chips {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  display: flex;
}

body.page-eizo .contact-chip {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .8rem;
  display: flex;
}

body.page-eizo .contact-chip-dot {
  background: var(--green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

body.page-eizo .contact-form-eizo {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 40px;
}

body.page-eizo .form-row {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-eizo .form-grp {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
}

body.page-eizo .form-grp label {
  letter-spacing: .05em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 600;
}

body.page-eizo .form-grp input, body.page-eizo .form-grp select, body.page-eizo .form-grp textarea {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  transition: border-color var(--transition);
  width: 100%;
  padding: 12px 16px;
  font-family: inherit;
  font-size: .9rem;
}

body.page-eizo .form-grp input:focus, body.page-eizo .form-grp select:focus, body.page-eizo .form-grp textarea:focus {
  border-color: var(--border-green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-eizo .form-grp select {
  appearance: none;
  cursor: pointer;
}

body.page-eizo .form-grp textarea {
  resize: vertical;
  min-height: 100px;
}

@media (width <= 900px) {
  body.page-eizo .prod-intro {
    grid-template-columns: 1fr;
  }

  body.page-eizo .models-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-eizo .eizo-brand-inner {
    flex-direction: column;
    gap: 32px;
  }

  body.page-eizo .contact-grid-eizo {
    grid-template-columns: 1fr;
  }

  body.page-eizo .val-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-eizo .lineup-toolbar {
    grid-template-columns: 1fr;
  }
}

@media (width <= 600px) {
  body.page-eizo .models-grid, body.page-eizo .val-grid, body.page-eizo .form-row {
    grid-template-columns: 1fr;
  }

  body.page-eizo .cat-tab-btn {
    padding: 16px 20px;
    font-size: .72rem;
  }
}

html[data-camixel-theme] body.page-eizo.premium-ui {
  --eizo-ink: #1c1c1c;
  --eizo-muted: #66736f;
  --eizo-line: #dce4e1;
  --eizo-soft: #f3f7f5;
  --eizo-green: #2d7d61;
  --eizo-green-dark: #333;
  --eizo-blue: #1975b8;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-section {
  z-index: 40 !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  background: #fffffff0 !important;
  border-top: 1px solid #ffffff0f !important;
  border-bottom: 1px solid #1c1c1c1c !important;
  padding: 12px 0 !important;
  position: sticky !important;
  top: 74px !important;
  box-shadow: 0 10px 30px #1a1a1a14 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  border: 1px solid var(--eizo-line) !important;
  background: #f5f8f7 !important;
  border-radius: 14px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 5px !important;
  display: flex !important;
  overflow-x: auto !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn {
  color: #4f5f5a !important;
  min-height: 42px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 10px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 20px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn:is(:hover, :focus-visible) {
  color: var(--eizo-green) !important;
  background: #fff !important;
  border-color: #cbd9d4 !important;
  outline: none !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn.active {
  border-color: var(--eizo-green) !important;
  color: #fff !important;
  background: var(--eizo-green) !important;
  box-shadow: 0 7px 18px #2d7d6133 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-icon {
  opacity: .75 !important;
  background: currentColor !important;
  border-radius: 50% !important;
  width: 7px !important;
  height: 7px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone {
  color: var(--eizo-ink) !important;
  background: radial-gradient(circle at 8% 4%, #1975b80e, #0000 22%), linear-gradient(#f8faf9 0%, #eef4f1 100%) !important;
  padding: clamp(56px, 7vw, 94px) 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container {
  width: min(1240px, 100% - 40px) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro {
  border: 1px solid var(--eizo-line) !important;
  background: #fff !important;
  border-radius: 24px !important;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 0 clamp(60px, 7vw, 86px) !important;
  display: grid !important;
  overflow: hidden !important;
  box-shadow: 0 24px 65px #2626261a !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
  background: radial-gradient(circle at 50% 45%, #1975b81f, #0000 55%), linear-gradient(145deg, #edf4f6, #e5efeb) !important;
  min-height: 360px !important;
  padding: 36px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img img {
  object-fit: contain !important;
  filter: none !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 340px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-text {
  color: var(--eizo-ink) !important;
  background: #fff !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: clamp(34px, 5vw, 62px) !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :is(.prod-intro-text, .section-header) h2, html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-title {
  color: var(--eizo-ink) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :is(.prod-intro-text, .section-header) p, html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-desc {
  color: var(--eizo-muted) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .text-accent, html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-tag {
  color: var(--eizo-green) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-feature-tag {
  color: #375249 !important;
  background: #f4f8f6 !important;
  border: 1px solid #d7e4df !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .btn-primary {
  border-color: var(--eizo-green) !important;
  color: #fff !important;
  background: var(--eizo-green) !important;
  box-shadow: 0 10px 24px #2d7d6133 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .btn-primary:hover {
  border-color: var(--eizo-green-dark) !important;
  color: #fff !important;
  background: var(--eizo-green-dark) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-header {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 34px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
  border: 1px solid var(--eizo-line) !important;
  background: #ffffffeb !important;
  border-radius: 16px !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 12px !important;
  padding: 14px !important;
  display: flex !important;
  position: relative !important;
  box-shadow: 0 9px 30px #26262612 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-group {
  scrollbar-width: thin !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  display: flex !important;
  overflow-x: auto !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn {
  color: #4b5d57 !important;
  min-height: 38px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  background: #f8faf9 !important;
  border: 1px solid #d7e1de !important;
  border-radius: 9px !important;
  flex: none !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn:is(:hover, :focus-visible) {
  color: var(--eizo-green) !important;
  background: #fff !important;
  border-color: #85aa9e !important;
  outline: none !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search {
  flex: 0 300px !important;
  min-width: 230px !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search svg {
  color: #71817c !important;
  pointer-events: none !important;
  width: 17px !important;
  height: 17px !important;
  position: absolute !important;
  top: 50% !important;
  left: 13px !important;
  transform: translateY(-50%) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input {
  width: 100% !important;
  min-height: 42px !important;
  color: var(--eizo-ink) !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #cfdbd7 !important;
  border-radius: 10px !important;
  padding: 0 14px 0 40px !important;
  font-size: 12px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input:focus {
  border-color: var(--eizo-green) !important;
  outline: 3px solid #2d7d611f !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 2px 24px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-note {
  color: #74817d !important;
  margin: 0 !important;
  font-size: 11.5px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-result-count {
  color: #53655f !important;
  white-space: nowrap !important;
  flex: none !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .models-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  gap: 22px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card {
  border: 1px solid var(--eizo-line) !important;
  min-width: 0 !important;
  height: 100% !important;
  color: var(--eizo-ink) !important;
  background: #fff !important;
  border-radius: 18px !important;
  flex-direction: column !important;
  transition: transform .19s, box-shadow .19s, border-color .19s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 8px 25px #28282813 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card[hidden] {
  display: none !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card:hover {
  border-color: #a9beb7 !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 44px #28282824 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img {
  aspect-ratio: 4 / 3 !important;
  background: radial-gradient(circle at 50% 47%, #1975b816, #0000 48%), linear-gradient(160deg, #f9fbfa, #eef3f1) !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e9e6 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 260px !important;
  padding: 34px 28px 26px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img:after {
  content: "Official EIZO product" !important;
  color: #84918d !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  position: absolute !important;
  bottom: 11px !important;
  right: 14px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img img {
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  width: 100% !important;
  max-width: 92% !important;
  height: 100% !important;
  max-height: 205px !important;
  margin: auto !important;
  transition: transform .22s !important;
  display: block !important;
  transform: scale(1) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card:hover .model-card-img img {
  transform: scale(1.035) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-badge {
  z-index: 2 !important;
  color: #fff !important;
  letter-spacing: .09em !important;
  background: #1e1e1edb !important;
  border: 1px solid #fff6 !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  box-shadow: 0 5px 16px #20202024 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-body {
  color: var(--eizo-ink) !important;
  background: #fff !important;
  flex-direction: column !important;
  flex: auto !important;
  align-items: stretch !important;
  gap: 13px !important;
  padding: 22px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-body h4, html[data-camixel-theme] body.page-eizo.premium-ui .model-card-body h3 {
  color: var(--eizo-ink) !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-body > p {
  color: var(--eizo-muted) !important;
  flex: auto !important;
  margin: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.62 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-commerce-meta {
  border-top: 1px solid #e4eae8 !important;
  border-bottom: 1px solid #e4eae8 !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-commerce-availability {
  color: #52635e !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-commerce-availability i {
  background: #2d7d61 !important;
  border-radius: 50% !important;
  width: 7px !important;
  height: 7px !important;
  box-shadow: 0 0 0 3px #2d7d611f !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-commerce-meta strong {
  color: var(--eizo-green) !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-specs {
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-spec {
  color: #4d615a !important;
  background: #f4f8f6 !important;
  border: 1px solid #dce6e2 !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 5px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-link, html[data-camixel-theme] body.page-eizo.premium-ui .model-spec-link {
  text-align: center !important;
  white-space: normal !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 43px !important;
  padding: 0 11px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-link {
  border: 1px solid var(--eizo-green) !important;
  color: #fff !important;
  background: var(--eizo-green) !important;
  box-shadow: 0 7px 17px #2d7d6129 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-card-link:hover {
  border-color: var(--eizo-green-dark) !important;
  color: #fff !important;
  background: var(--eizo-green-dark) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-spec-link {
  color: #344c44 !important;
  background: #fff !important;
  border: 1px solid #c9d7d2 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui :is(#coloredge-empty-state, #flexscan-empty-state) {
  color: #596b65 !important;
  background: #ffffffbf !important;
  border: 1px dashed #bbc9c4 !important;
  border-radius: 16px !important;
  margin: 28px 0 0 !important;
  padding: 42px 24px !important;
}

@media (width <= 1000px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
    min-height: 300px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .models-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search {
    flex-basis: auto !important;
    width: 100% !important;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-section {
    top: 68px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn {
    min-height: 39px !important;
    padding: 0 14px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone > .container {
    width: min(100% - 28px, 1240px) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro {
    border-radius: 18px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
    min-height: 230px !important;
    padding: 22px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-text {
    padding: 28px 22px 32px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .models-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
    padding: 11px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .lineup-results-row {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 7px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img {
    min-height: 235px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .model-card-body {
    padding: 19px !important;
  }
}

@media (width <= 380px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.page-eizo.premium-ui .model-card, html[data-camixel-theme] body.page-eizo.premium-ui .model-card-img img {
    transition: none !important;
  }
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui {
  --ez-bg: #070b0c;
  --ez-surface: #101617;
  --ez-surface-2: #151d1e;
  --ez-surface-3: #202020;
  --ez-line: #bfdcd124;
  --ez-line-strong: #3da57f6b;
  --ez-text: #f5f8f7;
  --ez-muted: #a6b4af;
  --ez-faint: #7f908a;
  --ez-green: #3da57f;
  --ez-green-hover: #3da57f;
  --ez-green-ink: #0f0f0f;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
  background: radial-gradient(circle at 20% 20%, #285fff21, #0000 34%), #060606 !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 16px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 250px !important;
  min-width: 250px !important;
  min-height: 104px !important;
  padding: 20px 24px !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 18px 44px #00000057, inset 0 0 0 1px #ffffff06 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box img {
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  width: 205px !important;
  max-width: 100% !important;
  height: 80px !important;
  max-height: 80px !important;
  display: block !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-logo-lockup {
  align-items: center !important;
  gap: 24px !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .commerce-zone {
  color: var(--ez-text) !important;
  background: radial-gradient(circle at 12% 0%, #3da57f14, transparent 26%), radial-gradient(circle at 90% 12%, #2b61ff12, transparent 24%), linear-gradient(180deg, #0a0f10, var(--ez-bg)) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :is(.prod-intro, .prod-intro-text), html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
  border-color: var(--ez-line) !important;
  color: var(--ez-text) !important;
  background: linear-gradient(145deg, #151d1efa, #0c1213fa) !important;
  box-shadow: 0 24px 64px #0000004d !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
  border-color: var(--ez-line) !important;
  background: radial-gradient(circle at 50% 45%, #3da57f26, #0000 52%), linear-gradient(145deg, #202020, #101718) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :is(.prod-intro-text, .section-header) h2, html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-title, html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head h2 {
  color: var(--ez-text) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone :is(.prod-intro-text, .section-header) p, html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .section-desc, html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head p {
  color: var(--ez-muted) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .medical-promo .medical-promo-content {
  max-width: 720px;
  margin-inline: auto;
  text-align: center !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .medical-promo .medical-promo-content .section-title, html[data-camixel-theme] body.page-eizo.premium-ui .medical-promo .medical-promo-content p {
  text-align: center !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .medical-promo .medical-promo-content .section-title {
  margin-bottom: 16px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .medical-promo .medical-promo-content > .btn {
  justify-content: center !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-feature-tag {
  border-color: var(--ez-line) !important;
  color: #c7d6d1 !important;
  background: #ffffff09 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-section {
  border-color: var(--ez-line) !important;
  background: #070b0cf2 !important;
  box-shadow: 0 14px 35px #00000047 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  border-color: var(--ez-line) !important;
  background: var(--ez-surface) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn {
  color: var(--ez-muted) !important;
  background: none !important;
  border-color: #0000 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn:is(:hover, :focus-visible) {
  border-color: var(--ez-line) !important;
  color: var(--ez-text) !important;
  background: var(--ez-surface-2) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn.active {
  border-color: var(--ez-green) !important;
  color: var(--ez-green-ink) !important;
  background: var(--ez-green) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-toolbar {
  border-color: var(--ez-line) !important;
  background: #101617f0 !important;
  box-shadow: 0 14px 34px #0003 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn {
  border-color: var(--ez-line) !important;
  color: var(--ez-muted) !important;
  background: var(--ez-surface-2) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn:is(:hover, :focus-visible) {
  border-color: var(--ez-line-strong) !important;
  color: var(--ez-text) !important;
  background: var(--ez-surface-3) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-filter-btn.active-filter {
  border-color: var(--ez-green) !important;
  color: var(--ez-green-ink) !important;
  background: var(--ez-green) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input {
  border-color: var(--ez-line) !important;
  color: var(--ez-text) !important;
  background: #0b1112 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-search input::placeholder, html[data-camixel-theme] body.page-eizo.premium-ui :is(.lineup-note, .lineup-result-count) {
  color: var(--ez-faint) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .lineup-note strong {
  color: #c6d3cf !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .models-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card {
  border: 1px solid var(--ez-line) !important;
  min-width: 0 !important;
  height: 100% !important;
  color: var(--ez-text) !important;
  background: linear-gradient(155deg, #141c1d, #0e1415) !important;
  border-radius: 18px !important;
  flex-direction: column !important;
  transition: transform .19s, border-color .19s, box-shadow .19s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 12px 34px #0000003d !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card:is([hidden], .hidden) {
  display: none !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card:hover {
  border-color: var(--ez-line-strong) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 50px #00000057, 0 0 0 1px #3da57f0d !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img {
  aspect-ratio: 4 / 3 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ez-line) !important;
  background: radial-gradient(circle at 50% 48%, #3da57f21, #0000 48%), linear-gradient(150deg, #262626, #111819) !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 210px !important;
  padding: 24px 20px 22px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img:after {
  content: "Official EIZO product" !important;
  color: #73857f !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  position: absolute !important;
  bottom: 11px !important;
  right: 14px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img img {
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  width: 100% !important;
  max-width: 92% !important;
  height: 100% !important;
  max-height: 172px !important;
  margin: auto !important;
  padding: 0 !important;
  display: block !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-badge {
  z-index: 2 !important;
  color: var(--ez-green-ink) !important;
  background: var(--ez-green) !important;
  letter-spacing: .09em !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  box-shadow: 0 7px 18px #0000003d !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body {
  color: var(--ez-text) !important;
  background: none !important;
  flex-direction: column !important;
  flex: auto !important;
  align-items: stretch !important;
  gap: 11px !important;
  padding: 18px !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body :is(h3, h4) {
  color: var(--ez-text) !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-body > p {
  color: var(--ez-muted) !important;
  flex: auto !important;
  margin: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.56 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-commerce-meta {
  border-top: 1px solid var(--ez-line) !important;
  border-bottom: 1px solid var(--ez-line) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 39px !important;
  padding: 7px 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-commerce-availability {
  color: #b7c6c1 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-commerce-meta strong {
  color: var(--ez-green) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-specs {
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-spec {
  border: 1px solid var(--ez-line) !important;
  color: #bac9c4 !important;
  background: #ffffff09 !important;
  border-radius: 7px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 5px !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-link, html[data-camixel-theme] body.page-eizo.premium-ui .model-spec-link {
  text-align: center !important;
  white-space: nowrap !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  transform: none !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-link {
  border: 1px solid var(--ez-green) !important;
  color: var(--ez-green-ink) !important;
  background: var(--ez-green) !important;
  box-shadow: 0 8px 20px #3da57f29 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-link:hover {
  border-color: var(--ez-green-hover) !important;
  color: var(--ez-green-ink) !important;
  background: var(--ez-green-hover) !important;
  transform: none !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-spec-link {
  border: 1px solid var(--ez-line) !important;
  color: #d6e1dd !important;
  background: var(--ez-surface-2) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .model-spec-link:hover {
  border-color: var(--ez-line-strong) !important;
  color: var(--ez-text) !important;
  background: var(--ez-surface-3) !important;
  text-decoration: none !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .commerce-zone > .container {
  width: min(1280px, 100% - 40px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
  border: 1px solid var(--ez-line) !important;
  border-radius: 20px !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 28px !important;
  margin: 0 0 28px !important;
  padding: clamp(24px, 3vw, 38px) !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head h2 {
  letter-spacing: -.035em !important;
  max-width: 720px !important;
  margin: 8px 0 !important;
  font-size: clamp(25px, 3vw, 40px) !important;
  line-height: 1.12 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head p {
  max-width: 700px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-result-count {
  border: 1px solid var(--ez-line) !important;
  color: #c6d4cf !important;
  white-space: nowrap !important;
  background: #ffffff09 !important;
  border-radius: 999px !important;
  flex: none !important;
  padding: 9px 12px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
  grid-template-columns: 286px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 24px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  border: 1px solid var(--ez-line) !important;
  width: 100% !important;
  color: var(--ez-text) !important;
  background: linear-gradient(155deg, var(--ez-surface-2), var(--ez-surface)) !important;
  border-radius: 18px !important;
  padding: 0 0 8px !important;
  position: sticky !important;
  top: 98px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 38px #0000003d !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header {
  border-bottom: 1px solid var(--ez-line) !important;
  background: #ffffff06 !important;
  padding: 22px 22px 16px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :is(.sidebar-title, .filter-section-title) {
  color: var(--ez-text) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-subtitle {
  color: var(--ez-faint) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search {
  margin: 16px 20px 8px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search input {
  border: 1px solid var(--ez-line) !important;
  width: 100% !important;
  min-height: 42px !important;
  color: var(--ez-text) !important;
  background: #0a1011 !important;
  border-radius: 10px !important;
  padding: 0 14px 0 40px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search input::placeholder {
  color: var(--ez-faint) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
  border: 1px solid var(--ez-line) !important;
  color: #bfd0ca !important;
  background: #ffffff08 !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  width: calc(100% - 40px) !important;
  min-height: 36px !important;
  margin: 4px 20px 8px !important;
  font-size: 10.5px !important;
  font-weight: 750 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters:hover {
  border-color: var(--ez-line-strong) !important;
  color: var(--ez-green) !important;
  background: #3da57f0f !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  border-bottom: 1px solid var(--ez-line) !important;
  background: none !important;
  padding: 15px 20px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox {
  min-height: 31px !important;
  color: var(--ez-muted) !important;
  background: none !important;
  border: 1px solid #0000 !important;
  border-radius: 7px !important;
  margin: 0 0 4px !important;
  padding: 6px 7px 6px 31px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox:is(:hover, :has(input:checked)) {
  border-color: var(--ez-line) !important;
  color: var(--ez-text) !important;
  background: #ffffff09 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .checkmark {
  background: #091011 !important;
  border-color: #c0d6ce40 !important;
  top: 50% !important;
  left: 7px !important;
  transform: translateY(-50%) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .custom-checkbox input:checked ~ .checkmark {
  border-color: var(--ez-green) !important;
  background: var(--ez-green) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-main {
  width: 100% !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  align-items: stretch !important;
  gap: 18px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui #med-empty-state {
  border: 1px dashed var(--ez-line) !important;
  color: var(--ez-muted) !important;
  background: var(--ez-surface) !important;
  border-radius: 16px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui #med-empty-state h3 {
  color: var(--ez-text) !important;
}

@media (width <= 1180px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .models-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 980px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    position: static !important;
    top: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 10px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section-title {
    grid-column: 1 / -1 !important;
  }
}

@media (width <= 820px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .models-grid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-logo-lockup {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
    width: 220px !important;
    min-width: 220px !important;
    min-height: 90px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img {
    min-height: 205px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .commerce-zone > .container {
    width: min(100% - 28px, 1280px) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-store-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 24px 20px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    gap: 16px !important;
  }
}

@media (width <= 560px) {
  html[data-camixel-theme] body.page-eizo.premium-ui .models-grid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (width <= 480px) {
  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section, html[data-camixel-theme] body.page-eizo.premium-ui .model-actions {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .model-actions, html[data-camixel-theme] body.page-eizo.premium-ui .model-actions :is(.model-card-link, .model-spec-link) {
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card {
    transition: none !important;
  }
}

body.page-eizo-medical .hero {
  max-height: none;
}

body.page-eizo-medical .eizo-brand-section {
  background: var(--bg-1);
  border-bottom: 1px solid var(--border);
  padding: 0;
}

body.page-eizo-medical .eizo-brand-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 48px;
  display: flex;
}

body.page-eizo-medical .eizo-logo-lockup {
  align-items: center;
  gap: 24px;
  display: flex;
}

body.page-eizo-medical .eizo-logo-box {
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  display: flex;
}

body.page-eizo-medical .eizo-logo-box img {
  width: auto;
  height: 65px;
  display: block;
}

body.page-eizo-medical .eizo-logo-text h2 {
  color: var(--text-primary);
  margin-bottom: 4px;
  font-size: 1.6rem;
  font-weight: 800;
}

body.page-eizo-medical .eizo-logo-text p {
  color: var(--text-muted);
  margin: 0;
  font-size: .85rem;
}

body.page-eizo-medical .eizo-brand-stats {
  flex-wrap: wrap;
  gap: 40px;
  display: flex;
}

body.page-eizo-medical .eizo-stat {
  text-align: center;
}

body.page-eizo-medical .eizo-stat strong {
  font-size: 1.8rem;
  font-weight: 800;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--green);
  display: block;
}

body.page-eizo-medical .eizo-stat span {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: .72rem;
}

body.page-eizo-medical .med-layout {
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

body.page-eizo-medical .med-sidebar {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  width: 300px;
  padding: 0;
  position: sticky;
  top: 100px;
  overflow: hidden;
  box-shadow: 0 10px 40px #0000000a;
}

body.page-eizo-medical .sidebar-header {
  border-bottom: 1px solid var(--border);
  background: var(--bg-1);
  padding: 24px 24px 16px;
}

body.page-eizo-medical .sidebar-title {
  color: var(--text-primary);
  letter-spacing: -.02em;
  margin-bottom: 4px;
  font-size: 1.1rem;
  font-weight: 800;
}

body.page-eizo-medical .sidebar-subtitle {
  color: var(--text-muted);
  font-size: .8rem;
}

body.page-eizo-medical .sidebar-search {
  margin: 16px 24px 8px;
  position: relative;
}

body.page-eizo-medical .sidebar-search input {
  border: 1px solid var(--border);
  background: var(--bg-1);
  width: 100%;
  transition: border var(--transition);
  border-radius: 100px;
  padding: 12px 16px 12px 40px;
  font-size: .85rem;
}

body.page-eizo-medical .sidebar-search input:focus {
  border-color: var(--green);
  outline: none;
}

body.page-eizo-medical .sidebar-search svg {
  width: 16px;
  height: 16px;
  color: var(--text-muted);
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

body.page-eizo-medical .filter-section {
  border-bottom: 1px solid var(--border);
  padding: 16px 24px;
}

body.page-eizo-medical .filter-section:last-child {
  border-bottom: none;
}

body.page-eizo-medical .filter-section-title {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-muted);
  margin-bottom: 12px;
  font-size: .85rem;
  font-weight: 700;
}

body.page-eizo-medical .custom-checkbox {
  cursor: pointer;
  color: var(--text-primary);
  user-select: none;
  transition: color var(--transition);
  align-items: center;
  margin-bottom: 10px;
  padding-left: 28px;
  font-size: .85rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

body.page-eizo-medical .custom-checkbox:hover {
  color: var(--green);
}

body.page-eizo-medical .custom-checkbox input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

body.page-eizo-medical .checkmark {
  background-color: var(--bg-1);
  border: 1px solid var(--border);
  width: 18px;
  height: 18px;
  transition: all var(--transition);
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 0;
}

body.page-eizo-medical .custom-checkbox:hover input ~ .checkmark {
  border-color: var(--green-dim);
}

body.page-eizo-medical .custom-checkbox input:checked ~ .checkmark {
  background-color: var(--green);
  border-color: var(--green);
}

body.page-eizo-medical .checkmark:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 9px;
  display: none;
  position: absolute;
  top: 2px;
  left: 6px;
  transform: rotate(45deg);
}

body.page-eizo-medical .custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

body.page-eizo-medical .filter-count {
  background: var(--bg-1);
  border: 1px solid var(--border);
  color: var(--text-faint);
  border-radius: 100px;
  margin-left: auto;
  padding: 2px 6px;
  font-size: .7rem;
}

body.page-eizo-medical .custom-checkbox input:checked ~ .filter-count {
  background: var(--green-dim);
  color: var(--green);
  border-color: var(--green-dim);
}

body.page-eizo-medical .med-main {
  flex-grow: 1;
}

body.page-eizo-medical .prod-section {
  background: var(--bg-0);
  padding: 64px 0;
}

body.page-eizo-medical .prod-intro {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 48px;
  margin-bottom: 64px;
  display: grid;
}

body.page-eizo-medical .prod-intro-img {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  height: 320px;
  position: relative;
  overflow: hidden;
}

body.page-eizo-medical .prod-intro-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.page-eizo-medical .prod-intro-text .section-tag {
  margin-bottom: 16px;
}

body.page-eizo-medical .prod-intro-text h2 {
  color: var(--text-primary);
  margin-bottom: 16px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
}

body.page-eizo-medical .prod-intro-text p {
  color: var(--text-muted);
  margin-bottom: 24px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-eizo-medical .prod-features {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

body.page-eizo-medical .prod-feature-tag {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  color: var(--green);
  letter-spacing: .05em;
  border-radius: 100px;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 600;
}

body.page-eizo-medical .models-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  display: grid;
}

body.page-eizo-medical .model-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

body.page-eizo-medical .model-card.hidden {
  display: none !important;
}

body.page-eizo-medical .model-card:hover {
  border-color: var(--border-green);
  box-shadow: 0 20px 60px #00000014, var(--shadow-green);
  transform: translateY(-6px);
}

body.page-eizo-medical .model-card-img {
  background: #fff;
  height: 280px;
  position: relative;
  overflow: hidden;
}

body.page-eizo-medical .model-card-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: transform .6s;
}

body.page-eizo-medical .model-card:hover .model-card-img img {
  transform: scale(1.06);
}

body.page-eizo-medical .model-card-badge {
  background: var(--green);
  color: #000;
  letter-spacing: .1em;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: .65rem;
  font-weight: 700;
  position: absolute;
  top: 12px;
  left: 12px;
}

body.page-eizo-medical .model-card-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
  display: flex;
}

body.page-eizo-medical .model-card-body h4 {
  color: var(--text-primary);
  font-size: 1.05rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 8px;
}

body.page-eizo-medical .model-card-body p {
  color: var(--text-muted);
  flex-grow: 1;
  margin-bottom: 16px;
  font-size: .82rem;
  line-height: 1.6;
}

body.page-eizo-medical .model-specs {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

body.page-eizo-medical .model-spec {
  color: var(--text-muted);
  border: 1px solid var(--border);
  background: #ffffff0a;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: .7rem;
}

body.page-eizo-medical .model-card-link {
  color: var(--green);
  transition: gap var(--transition);
  align-items: center;
  gap: 6px;
  margin-top: auto;
  font-size: .8rem;
  font-weight: 600;
  display: inline-flex;
}

body.page-eizo-medical .model-card-link:hover {
  gap: 10px;
}

body.page-eizo-medical .val-section {
  background: var(--bg-1);
  border-top: 1px solid var(--border);
  padding: 64px 0;
}

body.page-eizo-medical .val-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
  display: grid;
}

body.page-eizo-medical .val-card {
  background: var(--bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--border);
  transition: all var(--transition);
  padding: 32px 24px;
}

body.page-eizo-medical .val-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-eizo-medical .val-icon {
  margin-bottom: 16px;
  font-size: 2.2rem;
  display: block;
}

body.page-eizo-medical .eizo-contact {
  background: var(--bg-0);
  padding: 64px 0;
}

body.page-eizo-medical .contact-grid-eizo {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 48px;
  display: grid;
}

body.page-eizo-medical .contact-info-eizo h2 {
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 800;
}

body.page-eizo-medical .contact-info-eizo p {
  color: var(--text-muted);
  margin-bottom: 32px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-eizo-medical .contact-chips {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  display: flex;
}

body.page-eizo-medical .contact-chip {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .8rem;
  display: flex;
}

body.page-eizo-medical .contact-chip-dot {
  background: var(--green);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

body.page-eizo-medical .contact-form-eizo {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 40px;
}

body.page-eizo-medical .form-row {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-eizo-medical .form-grp {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
}

body.page-eizo-medical .form-grp label {
  letter-spacing: .05em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 600;
}

body.page-eizo-medical .form-grp input, body.page-eizo-medical .form-grp select, body.page-eizo-medical .form-grp textarea {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  transition: border-color var(--transition);
  width: 100%;
  padding: 12px 16px;
  font-family: inherit;
  font-size: .9rem;
}

body.page-eizo-medical .form-grp input:focus, body.page-eizo-medical .form-grp select:focus, body.page-eizo-medical .form-grp textarea:focus {
  border-color: var(--border-green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-eizo-medical .form-grp select {
  appearance: none;
  cursor: pointer;
}

body.page-eizo-medical .form-grp textarea {
  resize: vertical;
  min-height: 100px;
}

@media (width <= 900px) {
  body.page-eizo-medical .pitch-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  body.page-eizo-medical .pitch-image {
    order: -1 !important;
    height: 300px !important;
  }

  body.page-eizo-medical .prod-intro {
    grid-template-columns: 1fr;
  }

  body.page-eizo-medical .models-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-eizo-medical .eizo-brand-inner {
    flex-direction: column;
    gap: 32px;
  }

  body.page-eizo-medical .contact-grid-eizo {
    grid-template-columns: 1fr;
  }

  body.page-eizo-medical .val-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 600px) {
  body.page-eizo-medical .models-grid, body.page-eizo-medical .val-grid, body.page-eizo-medical .form-row {
    grid-template-columns: 1fr;
  }
}

body.page-events .events-hero {
  text-align: center;
  isolation: isolate;
  background-color: #020617;
  background-image: linear-gradient(#0206171f 0%, #020617c7 100%), url("../../img/camixel/news-activities-hero-bg.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #ffffff0d;
  padding: 180px 20px 100px;
  position: relative;
  overflow: hidden;
}

body.page-events .events-hero:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle, #3da57f1c 0%, #0000 60%);
  width: 100%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%);
}

body.page-events .events-hero-content {
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

body.page-events .events-hero h1 {
  letter-spacing: -.03em;
  margin-bottom: 24px;
  font-size: clamp(3rem, 5vw, 4.5rem);
  line-height: 1.1;
}

body.page-events .events-hero p {
  color: var(--text-muted);
  max-width: 600px;
  margin: 0 auto 40px;
  font-size: 1.25rem;
}

body.page-events .events-section {
  background: var(--bg-1);
  padding: 100px 20px;
}

body.page-events .events-section.alt {
  background: var(--bg-2);
}

body.page-events .events-section-header {
  text-align: center;
  margin-bottom: 60px;
}

body.page-events .events-section-header h2 {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4vw, 2.75rem);
}

body.page-events .events-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

body.page-events .news-card {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  flex-direction: column;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

body.page-events .news-card:hover {
  border-color: #3da57f57;
  transform: translateY(-5px);
  box-shadow: 0 20px 40px #0000004d;
}

body.page-events .news-card-img {
  background: #111;
  justify-content: center;
  align-items: center;
  height: 220px;
  display: flex;
  position: relative;
}

body.page-events .news-card-img img {
  object-fit: cover;
  opacity: .8;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
}

body.page-events .news-card:hover .news-card-img img {
  opacity: 1;
}

body.page-events .news-card-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 30px;
  display: flex;
}

body.page-events .news-date {
  color: var(--green);
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: .85rem;
  font-weight: 600;
  display: flex;
}

body.page-events .news-card-body h3 {
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 1.3;
}

body.page-events .news-card-body p {
  color: var(--text-muted);
  flex-grow: 1;
  margin-bottom: 24px;
  font-size: .95rem;
  line-height: 1.6;
}

body.page-events .event-card {
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 16px;
  flex-direction: column;
  transition: all .3s;
  display: flex;
  overflow: hidden;
}

body.page-events .event-card:hover {
  border-color: #3da57f57;
  transform: translateY(-5px);
  box-shadow: 0 20px 40px #0000004d;
}

body.page-events .event-card-img {
  background: #111;
  justify-content: center;
  align-items: center;
  height: 220px;
  display: flex;
  position: relative;
}

body.page-events .event-card-img img {
  object-fit: cover;
  opacity: .8;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
}

body.page-events .event-card:hover .event-card-img img {
  opacity: 1;
}

body.page-events .event-card-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 30px;
  display: flex;
}

body.page-events .event-date {
  color: var(--green);
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: .85rem;
  font-weight: 600;
  display: flex;
}

body.page-events .event-link {
  color: var(--text);
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
  display: inline-flex;
}

body.page-events .event-link:hover {
  color: var(--green);
}

body.page-events .contact-form input[type="text"], body.page-events .contact-form input[type="tel"], body.page-events .contact-form input[type="email"] {
  transition: border-color .3s, background .3s;
}

body.page-events .contact-form input:focus {
  border-color: var(--green);
  background: #ffffff0d;
  outline: none;
}

body.page-events .social-hub {
  grid-template-columns: repeat(3, 160px);
  justify-content: center;
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
}

@media (width <= 600px) {
  body.page-events .social-hub {
    grid-template-columns: repeat(2, 160px);
  }
}

@media (width <= 400px) {
  body.page-events .social-hub {
    grid-template-columns: repeat(1, 160px);
  }
}

body.page-events .social-hub-card {
  width: 160px;
  height: 160px;
  color: var(--text);
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-events .social-hub-card:before {
  content: "";
  background: linear-gradient(135deg, var(--hover-color, #fff) 0%, transparent 100%);
  opacity: 0;
  z-index: 0;
  border-radius: 20px;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

body.page-events .social-hub-card:hover {
  border-color: var(--hover-color, #fff);
  box-shadow: 0 15px 30px #0006, 0 0 20px var(--hover-shadow, #fff3);
  transform: translateY(-8px) scale(1.05);
}

body.page-events .social-hub-card:hover:before {
  opacity: .1;
}

body.page-events .social-hub-icon {
  z-index: 1;
  width: 48px;
  height: 48px;
  color: var(--hover-color, #fff);
  margin-bottom: 12px;
  transition: transform .4s;
  position: relative;
}

body.page-events .social-hub-card:hover .social-hub-icon {
  transform: scale(1.1);
}

body.page-events .social-hub-title {
  z-index: 1;
  text-align: center;
  margin-bottom: 4px;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
}

body.page-events .social-hub-platform {
  z-index: 1;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .75rem;
  position: relative;
}

body.page-events .gallery-grid {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

body.page-events .gallery-card {
  cursor: pointer;
  aspect-ratio: 16 / 10;
  background: #111;
  border: 1px solid #ffffff0f;
  border-radius: 20px;
  transition: transform .45s cubic-bezier(.25, .46, .45, .94), box-shadow .45s;
  position: relative;
  overflow: hidden;
}

body.page-events .gallery-card:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: 0 28px 56px #00000080, 0 0 0 1px #3da57f57;
}

body.page-events .gallery-card img.card-cover {
  object-fit: cover;
  opacity: .88;
  width: 100%;
  height: 100%;
  transition: transform .7s, opacity .4s;
}

body.page-events .gallery-card:hover img.card-cover {
  opacity: 1;
  transform: scale(1.1);
}

body.page-events .gallery-card .photo-count {
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  letter-spacing: .02em;
  background: #0000008c;
  border: 1px solid #ffffff1a;
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 16px;
  left: 16px;
}

body.page-events .gallery-card .gallery-overlay {
  background: linear-gradient(#0000 0%, #0000001a 55%, #000000e0 100%);
  flex-direction: column;
  justify-content: flex-end;
  padding: 28px;
  transition: background .4s;
  display: flex;
  position: absolute;
  inset: 0;
}

body.page-events .gallery-card:hover .gallery-overlay {
  background: linear-gradient(#0000 0%, #0003 50%, #000000eb 100%);
}

body.page-events .gallery-overlay h3 {
  color: #fff;
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  transition: transform .35s;
  transform: translateY(6px);
}

body.page-events .gallery-card:hover .gallery-overlay h3 {
  transform: translateY(0);
}

body.page-events .gallery-overlay span {
  color: var(--green, #3da57f);
  letter-spacing: .04em;
  opacity: 0;
  font-size: .82rem;
  font-weight: 500;
  transition: opacity .35s 60ms, transform .35s 60ms;
  transform: translateY(10px);
}

body.page-events .gallery-card:hover .gallery-overlay span {
  opacity: 1;
  transform: translateY(0);
}

body.page-events .gallery-card .view-album-hint {
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  opacity: 0;
  background: #3da57f33;
  border: 1px solid #3da57f59;
  border-radius: 100px;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: .78rem;
  font-weight: 600;
  transition: opacity .3s, transform .3s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  transform: translateY(-6px);
}

body.page-events .gallery-card:hover .view-album-hint {
  opacity: 1;
  transform: translateY(0);
}

body.page-events .album-viewer {
  z-index: 10000;
  -webkit-backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  background: #050a14f5;
  flex-direction: column;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

body.page-events .album-viewer.active {
  opacity: 1;
  visibility: visible;
}

body.page-events .album-topbar {
  border-bottom: 1px solid #ffffff0f;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px;
  display: flex;
}

body.page-events .album-topbar-info {
  flex-direction: column;
  display: flex;
}

body.page-events .album-topbar-title {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
}

body.page-events .album-topbar-meta {
  color: var(--green, #3da57f);
  margin-top: 2px;
  font-size: .82rem;
}

body.page-events .album-topbar-close {
  color: #fff;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.3rem;
  transition: all .25s;
  display: flex;
}

body.page-events .album-topbar-close:hover {
  background: #ffffff1a;
  border-color: #3da57f80;
}

body.page-events .album-main {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding: 20px 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-events .album-main-img {
  object-fit: contain;
  user-select: none;
  border-radius: 10px;
  max-width: 100%;
  max-height: 100%;
  transition: opacity .3s, transform .4s cubic-bezier(.25, .46, .45, .94);
  box-shadow: 0 20px 60px #00000080;
}

body.page-events .album-main-img.fading {
  opacity: 0;
  transform: scale(.96);
}

body.page-events .album-counter {
  -webkit-backdrop-filter: blur(10px);
  color: #ffffffb3;
  letter-spacing: .05em;
  background: #00000080;
  border: 1px solid #ffffff14;
  border-radius: 100px;
  padding: 6px 18px;
  font-size: .82rem;
  font-weight: 600;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
}

body.page-events .album-nav {
  color: #fff;
  cursor: pointer;
  z-index: 2;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  font-size: 1.5rem;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

body.page-events .album-nav:hover {
  background: #3da57f1f;
  border-color: #3da57f80;
  transform: translateY(-50%) scale(1.08);
}

body.page-events .album-prev {
  left: 20px;
}

body.page-events .album-next {
  right: 20px;
}

body.page-events .album-thumbstrip {
  scrollbar-width: thin;
  scrollbar-color: #3da57f57 transparent;
  border-top: 1px solid #ffffff0f;
  flex-shrink: 0;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px 20px;
  display: flex;
  overflow-x: auto;
}

body.page-events .album-thumbstrip::-webkit-scrollbar {
  height: 4px;
}

body.page-events .album-thumbstrip::-webkit-scrollbar-thumb {
  background: #3da57f57;
  border-radius: 4px;
}

body.page-events .album-thumb {
  cursor: pointer;
  opacity: .45;
  border: 2px solid #0000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 72px;
  height: 50px;
  transition: all .25s;
  overflow: hidden;
}

body.page-events .album-thumb:hover {
  opacity: .8;
  border-color: #fff3;
}

body.page-events .album-thumb.active {
  opacity: 1;
  border-color: var(--green, #3da57f);
  box-shadow: 0 0 12px #3da57f57;
}

body.page-events .album-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (width <= 768px) {
  body.page-events .gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  body.page-events .album-main {
    padding: 16px;
  }

  body.page-events .album-nav {
    display: none;
  }

  body.page-events .album-topbar {
    padding: 16px 20px;
  }

  body.page-events .album-thumbstrip {
    gap: 8px;
    padding: 12px 16px;
  }

  body.page-events .album-thumb {
    width: 56px;
    height: 40px;
  }
}

@keyframes page-events__fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.page-ewaste .ewaste-hero {
  background: var(--bg-0);
  align-items: center;
  min-height: 60vh;
  padding: 120px 0 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-ewaste .ewaste-hero-bg {
  background: radial-gradient(circle at 70% 30%, var(--green-dim) 0%, transparent 70%);
  opacity: .4;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body.page-ewaste .ewaste-content-section {
  border-bottom: 1px solid var(--border);
  padding: 80px 0;
}

body.page-ewaste .ewaste-content-section:last-of-type {
  border-bottom: none;
}

body.page-ewaste .ewaste-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
  display: grid;
}

body.page-ewaste .ewaste-text h2 {
  color: var(--text-primary);
  margin-bottom: 24px;
  font-size: 2.5rem;
  font-weight: 800;
}

body.page-ewaste .ewaste-text p {
  color: var(--text-muted);
  margin-bottom: 20px;
  font-size: 1.05rem;
  line-height: 1.8;
}

body.page-ewaste .benefit-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px;
}

body.page-ewaste .benefit-card:hover {
  border-color: var(--green);
  box-shadow: var(--shadow-green);
  transform: translateY(-5px);
}

body.page-ewaste .benefit-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-ewaste .benefit-card h3 {
  color: var(--text-primary);
  margin-bottom: 12px;
  font-size: 1.25rem;
}

body.page-ewaste .guidelines-grid {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 40px;
  display: grid;
}

body.page-ewaste .guideline-box {
  background: var(--bg-1);
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  padding: 40px;
}

body.page-ewaste .guideline-box h3 {
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  display: flex;
}

body.page-ewaste .dos h3 {
  color: var(--green);
}

body.page-ewaste .donts h3 {
  color: #ff5c5c;
}

body.page-ewaste .guideline-list {
  padding: 0;
  list-style: none;
}

body.page-ewaste .guideline-list li {
  color: var(--text-muted);
  margin-bottom: 16px;
  padding-left: 28px;
  font-size: .95rem;
  line-height: 1.5;
  position: relative;
}

body.page-ewaste .guideline-list li:before {
  content: "→";
  color: inherit;
  opacity: .7;
  position: absolute;
  left: 0;
}

body.page-ewaste .contact-banner {
  background: linear-gradient(135deg, var(--bg-card), #1c1c1c);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--border-green);
  margin-top: 40px;
  padding: 60px;
}

body.page-ewaste .contact-banner h2 {
  margin-bottom: 16px;
  font-size: 2rem;
}

body.page-ewaste .toll-free {
  color: var(--green);
  font-size: 2.5rem;
  font-weight: 900;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  margin: 20px 0;
  display: block;
}

@media (width <= 900px) {
  body.page-ewaste .ewaste-grid, body.page-ewaste .guidelines-grid {
    grid-template-columns: 1fr;
  }

  body.page-ewaste .ewaste-hero {
    text-align: center;
    padding: 100px 0 60px;
  }

  body.page-ewaste .ewaste-text h2 {
    font-size: 2rem;
  }
}

body.page-ptzoptics .ptz-hero-content {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 55%;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

body.page-ptzoptics .ptz-hero-title {
  text-wrap: balance;
  margin-left: 0;
}

body.page-ptzoptics .ptz-hero-content .hero-actions {
  justify-content: flex-start;
  width: 100%;
}

body.page-ptzoptics .ptz-hero-content .hero-pill {
  margin-left: 0;
}

@media (width <= 1200px) {
  body.page-ptzoptics .ptz-hero-content {
    max-width: 65%;
  }
}

@media (width <= 992px) {
  body.page-ptzoptics .ptz-hero-content {
    max-width: 80%;
  }
}

@media (width <= 768px) {
  body.page-ptzoptics .ptz-hero-content {
    text-align: center;
    align-items: center;
    max-width: 100%;
  }

  body.page-ptzoptics .ptz-hero-content .hero-actions {
    justify-content: center;
  }

  body.page-ptzoptics .ptz-hero-content > div[style*="background"] {
    text-align: left;
  }
}

.page-ptzoptics .lead-section {
  background: var(--cx-cream);
  padding: 72px 0 24px;
}

.page-ptzoptics .lead-grid {
  grid-template-columns: 1fr 1.35fr;
  align-items: start;
  gap: 56px;
  margin-top: 42px;
  display: grid;
}

.page-ptzoptics .lead-info h2 {
  color: var(--cx-text);
  margin: 0 0 18px;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.12;
}

.page-ptzoptics .lead-info p {
  color: var(--cx-copy);
  margin: 0 0 26px;
  font-size: .96rem;
  line-height: 1.75;
}

.page-ptzoptics .target-chips {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

.page-ptzoptics .target-chip {
  border: 1px solid var(--cx-line);
  min-height: 36px;
  color: var(--cx-copy);
  background: #ffffff05;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.page-ptzoptics .lead-form-wrap {
  background: var(--cx-surface);
  border: 1px solid var(--cx-line);
  box-shadow: none;
  border-radius: 12px;
  padding: 32px 30px;
}

.page-ptzoptics .lead-form-wrap h3 {
  color: var(--cx-text);
  margin: 0 0 22px;
  font-size: 1.15rem;
  font-weight: 700;
}

.page-ptzoptics .frow {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.page-ptzoptics .fg {
  flex-direction: column;
  gap: 7px;
  margin-bottom: 16px;
  display: flex;
}

.page-ptzoptics .fg label {
  color: var(--cx-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 720;
}

.page-ptzoptics .fg input, .page-ptzoptics .fg select, .page-ptzoptics .fg textarea {
  border: 1px solid var(--cx-line-strong);
  width: 100%;
  min-height: 46px;
  color: var(--cx-text);
  font: inherit;
  box-shadow: none;
  background: #0e0e0e;
  border-radius: 6px;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.4;
}

.page-ptzoptics .fg textarea {
  resize: vertical;
  min-height: 110px;
}

.page-ptzoptics .fg input:focus, .page-ptzoptics .fg select:focus, .page-ptzoptics .fg textarea:focus {
  background: #101010;
  border-color: #3da57fa6;
  outline: none;
  box-shadow: 0 0 0 3px #3da57f14;
}

.page-ptzoptics .ptz-cta-banner .hero-actions, .page-ptzoptics .hero-actions, .page-ptzoptics .final-cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-ptzoptics .ptz-cat-card > .btn, .page-ptzoptics .btn, .page-ptzoptics .ptz-cta-banner .btn, .page-ptzoptics .lead-form-wrap button[type="submit"] {
  white-space: nowrap;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  text-decoration: none;
  display: inline-flex;
}

.page-ptzoptics .ptz-cat-card > .btn {
  align-self: center;
  width: calc(100% - 40px);
}

.page-ptzoptics .faq-section {
  padding-top: 56px;
}

.page-ptzoptics .faq-header {
  margin-bottom: 18px;
}

.page-ptzoptics .faq-list {
  border-top: 1px solid var(--cx-line-strong);
}

.page-ptzoptics .faq-item {
  border-bottom: 1px solid var(--cx-line);
  box-shadow: none;
  background: none;
  border-radius: 0;
}

.page-ptzoptics .faq-question {
  min-height: 74px;
  color: var(--cx-text);
  letter-spacing: -.015em;
  padding: 24px 56px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
}

.page-ptzoptics .faq-item:before {
  content: attr(data-faq-index);
  color: var(--cx-green);
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 760;
  position: absolute;
  top: 26px;
  left: 0;
}

.page-ptzoptics .faq-question:before, .page-ptzoptics .faq-question:after {
  background: var(--cx-green-strong);
  right: 10px;
}

.page-ptzoptics .faq-answer {
  color: var(--cx-copy);
  padding: 0 56px 24px;
  font-size: 13.5px;
  line-height: 1.75;
}

.page-ptzoptics .faq-answer a {
  color: var(--cx-green-2);
}

@media (width <= 1024px) {
  .page-ptzoptics .lead-grid {
    grid-template-columns: 1fr;
  }
}

@media (width <= 640px) {
  .page-ptzoptics .frow {
    grid-template-columns: 1fr;
  }

  .page-ptzoptics .lead-form-wrap {
    padding: 24px 18px;
  }

  .page-ptzoptics .faq-question, .page-ptzoptics .faq-answer {
    padding-left: 24px;
    padding-right: 40px;
  }

  .page-ptzoptics .faq-item:before {
    top: 24px;
    left: 0;
  }
}

@media (width <= 480px) {
  .page-ptzoptics .ptz-cat-card > .btn, .page-ptzoptics .btn, .page-ptzoptics .ptz-cta-banner .btn, .page-ptzoptics .lead-form-wrap button[type="submit"] {
    width: 100%;
  }
}

html[data-camixel-theme] body.page-ptzoptics .ptz-events-section {
  background: radial-gradient(circle at 15% 10%, #4e91ff1f, #0000 32%), radial-gradient(circle at 88% 86%, #3da57f1a, #0000 30%), #070c0d;
  border-block: 1px solid #ffffff12;
  position: relative;
  overflow: hidden;
  padding: 96px 0 !important;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-events-section:before {
  content: "EVENTS";
  color: #ffffff06;
  letter-spacing: -.08em;
  pointer-events: none;
  white-space: nowrap;
  font-size: clamp(76px, 15vw, 190px);
  font-weight: 850;
  line-height: 1;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translate(-50%);
}

html[data-camixel-theme] body.page-ptzoptics .ptz-events-section .section-header {
  z-index: 1;
  max-width: 760px;
  position: relative;
  margin: 0 auto 42px !important;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-events-grid {
  z-index: 1;
  grid-template-rows: repeat(3, minmax(190px, 1fr));
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 14px;
  display: grid;
  position: relative;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot {
  min-width: 0;
  min-height: 190px;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot-video {
  grid-row: 1 / span 3;
  min-height: 598px;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder {
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-height: inherit;
  color: #fff;
  background: linear-gradient(#ffffff04, #ffffff0b), repeating-linear-gradient(135deg, #0000 0 16px, #ffffff05 16px 17px);
  border: 1px dashed #3da57f52;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 7px;
  padding: 24px;
  transition: border-color .18s, background-color .18s, transform .18s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 38px #0003;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder:before {
  content: "";
  z-index: -1;
  background: radial-gradient(circle at 50% 38%, #4e91ff21, #0000 38%);
  position: absolute;
  inset: 0;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot:not(.ptz-event-slot-video) .ptz-event-placeholder:before {
  background: radial-gradient(circle at 70% 24%, #3da57f1a, #0000 42%);
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder:hover {
  background-color: #ffffff06;
  border-color: #3da57f9e;
  transform: translateY(-3px);
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-format {
  color: #3da57f;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: #0308098f;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  align-items: center;
  min-height: 29px;
  padding: 0 10px;
  font-size: 9px;
  font-weight: 820;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: 18px;
  left: 18px;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-icon {
  color: #3da57f7a;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot-video .ptz-event-icon {
  color: #89b9ffb8;
  width: 86px;
  height: 86px;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder-copy {
  text-align: left;
  gap: 3px;
  max-width: 560px;
  display: grid;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder-copy strong {
  color: #f4f8f6;
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 1.25;
}

html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder-copy span {
  color: #9aa8a2;
  font-size: 12px;
  line-height: 1.45;
}

@media (width <= 900px) {
  html[data-camixel-theme] body.page-ptzoptics .ptz-events-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot-video {
    grid-area: auto / 1 / auto / -1;
    min-height: 430px;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot:not(.ptz-event-slot-video):last-child {
    grid-column: 1 / -1;
  }
}

@media (width <= 620px) {
  html[data-camixel-theme] body.page-ptzoptics .ptz-events-section {
    padding: 72px 0 !important;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-events-section .section-header {
    margin-bottom: 30px !important;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-events-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot, html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot:not(.ptz-event-slot-video):last-child {
    grid-column: auto;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot-video {
    min-height: 330px;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-slot:not(.ptz-event-slot-video) {
    min-height: 220px;
  }

  html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder {
    border-radius: 16px;
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.page-ptzoptics .ptz-event-placeholder {
    transition: none;
  }
}

body.page-sennheiser .hero {
  max-height: none;
  padding: 0 !important;
}

body.page-sennheiser .senn-wave-bar {
  background: var(--green);
  border-radius: 3px;
  width: 3px;
  margin: 0 2px;
  animation: 1.2s ease-in-out infinite page-sennheiser__wavePulse;
  display: inline-block;
}

@keyframes page-sennheiser__wavePulse {
  0%, to {
    opacity: .4;
    height: 8px;
  }

  50% {
    opacity: 1;
    height: 32px;
  }
}

body.page-sennheiser .wave-viz {
  align-items: center;
  gap: 2px;
  margin: 0 0 28px;
  display: flex;
}

body.page-sennheiser .shift-section {
  background: var(--bg-1);
}

body.page-sennheiser .shift-grid {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 64px;
  display: grid;
}

body.page-sennheiser .shift-text .section-tag {
  margin-bottom: 16px;
}

body.page-sennheiser .shift-text h2 {
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  line-height: 1.2;
}

body.page-sennheiser .shift-text > p {
  color: var(--text-muted);
  margin-bottom: 32px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-sennheiser .transition-list {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

body.page-sennheiser .transition-item {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: all var(--transition);
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px;
  display: flex;
}

body.page-sennheiser .transition-item:hover {
  border-color: var(--border-green);
  background: var(--bg-card-h);
}

body.page-sennheiser .transition-arrow {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.2rem;
}

body.page-sennheiser .transition-item p {
  color: var(--text-muted);
  margin: 0;
  font-size: .88rem;
  line-height: 1.6;
}

body.page-sennheiser .transition-from {
  color: var(--text-faint);
  font-weight: 500;
  text-decoration: line-through;
}

body.page-sennheiser .transition-to {
  color: var(--green);
  font-weight: 600;
}

body.page-sennheiser .shift-visual {
  position: relative;
}

body.page-sennheiser .shift-img-wrap {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  height: 420px;
  position: relative;
  overflow: hidden;
}

body.page-sennheiser .shift-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.page-sennheiser .shift-img-overlay {
  background: linear-gradient(135deg, #05050599 0%, #0000 60%);
  position: absolute;
  inset: 0;
}

body.page-sennheiser .shift-badge {
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-md);
  background: #050505e6;
  padding: 16px 20px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

body.page-sennheiser .shift-badge strong {
  color: var(--green);
  font-size: 1.1rem;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  display: block;
}

body.page-sennheiser .shift-badge span {
  color: var(--text-muted);
  font-size: .78rem;
}

body.page-sennheiser .ecosystem-section {
  background: var(--bg-0);
}

body.page-sennheiser .eco-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 56px;
  display: grid;
}

body.page-sennheiser .eco-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition);
  padding: 32px 28px;
  position: relative;
  overflow: hidden;
}

body.page-sennheiser .eco-card:before {
  content: "";
  background: radial-gradient(circle at top left, var(--green-dim), transparent 70%);
  opacity: 0;
  transition: opacity var(--transition);
  position: absolute;
  inset: 0;
}

body.page-sennheiser .eco-card:hover:before, body.page-sennheiser .eco-card.active:before {
  opacity: 1;
}

body.page-sennheiser .eco-card:hover, body.page-sennheiser .eco-card.active {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-sennheiser .eco-icon {
  border-radius: var(--radius-md);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 56px;
  height: 56px;
  transition: all var(--transition);
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.6rem;
  display: flex;
}

body.page-sennheiser .eco-card:hover .eco-icon, body.page-sennheiser .eco-card.active .eco-icon {
  background: var(--green);
}

body.page-sennheiser .eco-card h3 {
  color: var(--text-primary);
  font-size: 1.05rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 8px;
}

body.page-sennheiser .eco-card p {
  color: var(--text-muted);
  margin: 0 0 16px;
  font-size: .8rem;
  line-height: 1.6;
}

body.page-sennheiser .eco-badge {
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: .65rem;
  font-weight: 700;
}

body.page-sennheiser .eco-badge.flagship {
  background: var(--green);
  color: #000;
}

body.page-sennheiser .eco-badge.broadcast {
  color: #60a5fa;
  background: #3b82f633;
  border: 1px solid #3b82f64d;
}

body.page-sennheiser .eco-badge.enterprise {
  color: #c084fc;
  background: #a855f726;
  border: 1px solid #a855f74d;
}

body.page-sennheiser .eco-badge.pro {
  color: #fbbf24;
  background: #f59e0b26;
  border: 1px solid #f59e0b4d;
}

body.page-sennheiser .eco-badge.creator {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

body.page-sennheiser .eco-badge.cinema {
  color: #3da57f;
  background: #2d7d6126;
  border: 1px solid #2d7d614d;
}

body.page-sennheiser .detail-section {
  background: var(--bg-1);
  overflow: hidden;
  padding: 0 !important;
}

body.page-sennheiser .detail-panel {
  padding: 80px 0;
  animation: .5s page-sennheiser__panelFade;
  display: none;
}

body.page-sennheiser .detail-panel.active {
  display: block;
}

@keyframes page-sennheiser__panelFade {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.page-sennheiser .detail-inner {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

body.page-sennheiser .detail-content .detail-tag {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: 100px;
  margin-bottom: 20px;
  padding: 5px 14px;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

body.page-sennheiser .detail-content h2 {
  color: var(--text-primary);
  margin-bottom: 16px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
}

body.page-sennheiser .detail-content .detail-desc {
  color: var(--text-muted);
  margin-bottom: 28px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-sennheiser .detail-content .positioning {
  color: var(--green);
  border-left: 3px solid var(--green);
  margin-bottom: 28px;
  padding-left: 16px;
  font-size: 1rem;
  font-style: italic;
}

body.page-sennheiser .feature-list {
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

body.page-sennheiser .feature-item {
  color: var(--text-muted);
  align-items: center;
  gap: 12px;
  font-size: .88rem;
  display: flex;
}

body.page-sennheiser .feature-dot {
  background: var(--green);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

body.page-sennheiser .best-for-wrap {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  margin-bottom: 28px;
  padding: 20px 24px;
}

body.page-sennheiser .best-for-wrap h4 {
  letter-spacing: .12em;
  color: var(--text-faint);
  margin-bottom: 12px;
  font-size: .7rem;
}

body.page-sennheiser .best-for-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

body.page-sennheiser .best-chip {
  color: var(--text-muted);
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 100px;
  padding: 5px 12px;
  font-size: .75rem;
}

body.page-sennheiser .detail-img {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  height: 100%;
  min-height: 380px;
  position: relative;
  overflow: hidden;
}

body.page-sennheiser .detail-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.page-sennheiser .detail-img-overlay {
  background: linear-gradient(#0000 40%, #050505b3 100%);
  position: absolute;
  inset: 0;
}

body.page-sennheiser .detail-img-caption {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

body.page-sennheiser .detail-img-caption h4 {
  color: #fff;
  margin-bottom: 4px;
  font-size: 1rem;
}

body.page-sennheiser .detail-img-caption p {
  color: var(--text-muted);
  margin: 0;
  font-size: .78rem;
}

body.page-sennheiser .arch-section {
  background: var(--bg-0);
}

body.page-sennheiser .arch-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

body.page-sennheiser .arch-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 36px;
}

body.page-sennheiser .arch-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-sennheiser .arch-icon {
  margin-bottom: 20px;
  font-size: 2rem;
  display: block;
}

body.page-sennheiser .arch-card h3 {
  color: var(--text-primary);
  font-size: 1.15rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 16px;
}

body.page-sennheiser .arch-steps {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

body.page-sennheiser .arch-step {
  color: var(--text-muted);
  align-items: center;
  gap: 12px;
  font-size: .83rem;
  display: flex;
}

body.page-sennheiser .arch-step-num {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  width: 22px;
  height: 22px;
  color: var(--green);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .65rem;
  font-weight: 700;
  display: flex;
}

body.page-sennheiser .compare-section {
  background: var(--bg-1);
}

body.page-sennheiser .compare-table-wrap {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  margin-top: 56px;
  overflow-x: auto;
}

body.page-sennheiser .compare-table {
  border-collapse: collapse;
  width: 100%;
}

body.page-sennheiser .compare-table th {
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  background: var(--bg-0);
  color: var(--text-muted);
  padding: 20px 24px;
  font-size: .82rem;
  font-weight: 700;
}

body.page-sennheiser .compare-table th.col-label {
  text-align: left;
  color: var(--text-faint);
}

body.page-sennheiser .compare-table th.col-featured {
  color: var(--green);
  background: #3da57f14;
  position: relative;
}

body.page-sennheiser .col-featured-badge {
  letter-spacing: .1em;
  background: var(--green);
  color: #000;
  border-radius: 100px;
  width: fit-content;
  margin: 4px auto 0;
  padding: 2px 8px;
  font-size: .6rem;
  font-weight: 700;
  display: block;
}

body.page-sennheiser .compare-table td {
  border-bottom: 1px solid var(--border);
  color: var(--text-muted);
  text-align: center;
  padding: 16px 24px;
  font-size: .85rem;
}

body.page-sennheiser .compare-table td.row-label {
  text-align: left;
  color: var(--text-primary);
  background: var(--bg-0);
  font-size: .82rem;
  font-weight: 600;
}

body.page-sennheiser .compare-table td.col-featured {
  color: var(--green);
  background: #3da57f0a;
  font-weight: 600;
}

body.page-sennheiser .compare-table tr:last-child td {
  border-bottom: none;
}

body.page-sennheiser .compare-table tr:hover td {
  background: #ffffff05;
}

body.page-sennheiser .check {
  color: var(--green);
}

body.page-sennheiser .cross {
  color: var(--text-faint);
}

body.page-sennheiser .partial {
  color: #fbbf24;
}

body.page-sennheiser .advantage-section {
  background: var(--bg-0);
}

body.page-sennheiser .advantage-grid {
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 64px;
  margin-top: 56px;
  display: grid;
}

body.page-sennheiser .advantage-points {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

body.page-sennheiser .advantage-point {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

body.page-sennheiser .adv-icon {
  border-radius: var(--radius-md);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.3rem;
  display: flex;
}

body.page-sennheiser .adv-text h4 {
  color: var(--text-primary);
  font-size: .95rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 6px;
}

body.page-sennheiser .adv-text p {
  color: var(--text-muted);
  margin: 0;
  font-size: .83rem;
  line-height: 1.6;
}

body.page-sennheiser .advantage-statement {
  background: linear-gradient(135deg, var(--bg-1), var(--bg-2));
  border: 1px solid var(--border-green);
  border-radius: var(--radius-xl);
  text-align: center;
  padding: 48px 40px;
}

body.page-sennheiser .advantage-statement blockquote {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  color: var(--text-primary);
  margin-bottom: 24px;
  line-height: 1.4;
}

body.page-sennheiser .advantage-statement blockquote span {
  color: var(--green);
}

body.page-sennheiser .senn-logo-box {
  border-radius: var(--radius-sm);
  background: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 12px 24px;
  display: inline-flex;
}

body.page-sennheiser .senn-logo-box img {
  width: auto;
  height: 32px;
}

body.page-sennheiser .lead-section {
  background: var(--bg-1);
}

body.page-sennheiser .lead-grid {
  grid-template-columns: 1fr 1.4fr;
  align-items: start;
  gap: 64px;
  margin-top: 56px;
  display: grid;
}

body.page-sennheiser .lead-info h2 {
  color: var(--text-primary);
  margin-bottom: 20px;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
}

body.page-sennheiser .lead-info p {
  color: var(--text-muted);
  margin-bottom: 32px;
  font-size: .95rem;
  line-height: 1.8;
}

body.page-sennheiser .target-chips {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  display: flex;
}

body.page-sennheiser .target-chip {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: .78rem;
  display: flex;
}

body.page-sennheiser .lead-form-wrap {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 40px;
}

body.page-sennheiser .lead-form-wrap h3 {
  color: var(--text-primary);
  font-size: 1.2rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 28px;
}

body.page-sennheiser .frow {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-sennheiser .fg {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
}

body.page-sennheiser .fg label {
  letter-spacing: .06em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 600;
}

body.page-sennheiser .fg input, body.page-sennheiser .fg select, body.page-sennheiser .fg textarea {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  width: 100%;
  transition: border-color var(--transition);
  padding: 11px 14px;
  font-family: inherit;
  font-size: .88rem;
}

body.page-sennheiser .fg input:focus, body.page-sennheiser .fg select:focus, body.page-sennheiser .fg textarea:focus {
  border-color: var(--border-green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-sennheiser .fg select {
  appearance: none;
  cursor: pointer;
}

body.page-sennheiser .fg textarea {
  resize: vertical;
  min-height: 90px;
}

body.page-sennheiser .final-cta {
  background: linear-gradient(135deg, var(--bg-0) 0%, #3da57f14 50%, var(--bg-0) 100%);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

body.page-sennheiser .final-cta h2 {
  color: var(--text-primary);
  margin-bottom: 16px;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
}

body.page-sennheiser .final-cta p {
  color: var(--text-muted);
  margin-bottom: 40px;
  font-size: 1rem;
}

body.page-sennheiser .final-cta-btns {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (width <= 1024px) {
  body.page-sennheiser .eco-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-sennheiser .detail-inner {
    grid-template-columns: 1fr;
  }

  body.page-sennheiser .detail-img {
    min-height: 280px;
  }

  body.page-sennheiser .advantage-grid, body.page-sennheiser .lead-grid {
    grid-template-columns: 1fr;
  }
}

@media (width <= 768px) {
  body.page-sennheiser .shift-grid, body.page-sennheiser .arch-grid {
    grid-template-columns: 1fr;
  }

  body.page-sennheiser .compare-table th, body.page-sennheiser .compare-table td {
    padding: 12px 14px;
    font-size: .75rem;
  }

  body.page-sennheiser .frow {
    grid-template-columns: 1fr;
  }
}

@media (width <= 600px) {
  body.page-sennheiser .eco-grid {
    grid-template-columns: 1fr;
  }

  body.page-sennheiser .final-cta-btns {
    flex-direction: column;
  }
}

html[data-camixel-theme] body.page-sennheiser .eco-grid {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

html[data-camixel-theme] body.page-sennheiser .eco-card {
  overflow: hidden;
  border-radius: 16px !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 310px !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-sennheiser .eco-card .eco-icon {
  color: #3da57f !important;
  letter-spacing: .12em !important;
  background: linear-gradient(145deg, #3da57f21, #111111e0 68%) !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff17 !important;
  border-radius: 0 !important;
  flex: 0 0 124px !important;
  width: 100% !important;
  height: 124px !important;
  min-height: 124px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 780 !important;
}

html[data-camixel-theme] body.page-sennheiser .ecosystem-section .eco-grid .eco-card .eco-icon:before, html[data-camixel-theme] body.page-sennheiser .ecosystem-section .eco-grid .eco-card .eco-icon:after {
  content: none !important;
}

html[data-camixel-theme] body.page-sennheiser .eco-card h3 {
  color: #f5f8f6 !important;
  margin: 19px 22px 8px !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.page-sennheiser .eco-card p {
  min-height: 42px;
  color: #aab8b0 !important;
  margin: 0 22px 18px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.page-sennheiser .eco-card .eco-badge {
  color: #3da57f !important;
  letter-spacing: .08em !important;
  background: #3da57f1a !important;
  border: 1px solid #3da57f3d !important;
  border-radius: 999px !important;
  align-self: flex-start !important;
  width: max-content !important;
  max-width: calc(100% - 44px) !important;
  min-height: 0 !important;
  margin: auto 22px 20px !important;
  padding: 6px 10px !important;
  font-size: 10px !important;
}

@media (width <= 1024px) {
  html[data-camixel-theme] body.page-sennheiser .eco-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (width <= 600px) {
  html[data-camixel-theme] body.page-sennheiser .eco-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-sennheiser .eco-card {
    min-height: 286px !important;
  }
}

body.page-support .hero {
  max-height: none;
  padding: 0 !important;
}

body.page-support .support-brands-strip {
  opacity: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  animation: .7s 1.1s forwards heroLineIn;
  display: flex;
}

body.page-support .support-pill {
  border: 1px solid var(--border);
  letter-spacing: .05em;
  color: var(--text-muted);
  background: #ffffff0f;
  border-radius: 100px;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;
}

body.page-support .support-pill .dot {
  background: var(--green);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

body.page-support .why-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

body.page-support .why-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 36px 32px;
}

body.page-support .why-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-5px);
}

body.page-support .why-icon {
  margin-bottom: 20px;
  font-size: 2rem;
  display: block;
}

body.page-support .why-card h3 {
  color: var(--text-primary);
  font-size: 1.05rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 10px;
}

body.page-support .why-card p {
  color: var(--text-muted);
  margin: 0;
  font-size: .85rem;
  line-height: 1.7;
}

body.page-support .warranty-section {
  background: var(--bg-1);
}

body.page-support .warranty-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 56px;
  display: grid;
}

body.page-support .warranty-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: all var(--transition);
  padding: 32px 28px;
}

body.page-support .warranty-card:hover {
  border-color: var(--border-green);
}

body.page-support .warranty-brand {
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  display: flex;
}

body.page-support .warranty-brand-icon {
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.6rem;
  display: flex;
}

body.page-support .warranty-brand h4 {
  color: var(--text-primary);
  font-size: .9rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}

body.page-support .warranty-items {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

body.page-support .warranty-item {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

body.page-support .warranty-item-name {
  color: var(--text-muted);
  font-size: .82rem;
}

body.page-support .warranty-badge {
  color: var(--green);
  background: var(--green-dim);
  border: 1px solid var(--border-green);
  white-space: nowrap;
  border-radius: 100px;
  padding: 3px 10px;
  font-size: .7rem;
  font-weight: 700;
}

body.page-support .warranty-note {
  text-align: center;
  margin-top: 40px;
}

body.page-support .form-section {
  background: var(--bg-1);
}

body.page-support .form-wrap {
  background: var(--bg-0);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  max-width: 900px;
  margin: 56px auto 0;
  padding: 48px;
}

body.page-support .form-block {
  margin-bottom: 36px;
}

body.page-support .form-block-title {
  letter-spacing: .15em;
  color: var(--green);
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

body.page-support .frow2 {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-support .frow3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.page-support .fg {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
}

body.page-support .fg label {
  letter-spacing: .06em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 600;
}

body.page-support .fg input, body.page-support .fg select, body.page-support .fg textarea {
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  width: 100%;
  transition: border-color var(--transition);
  padding: 11px 14px;
  font-family: inherit;
  font-size: .88rem;
}

body.page-support .fg input:focus, body.page-support .fg select:focus, body.page-support .fg textarea:focus {
  border-color: var(--border-green);
  box-shadow: 0 0 0 3px var(--green-dim);
  outline: none;
}

body.page-support .fg select {
  appearance: none;
  cursor: pointer;
}

body.page-support .fg textarea {
  resize: vertical;
  min-height: 100px;
}

body.page-support .radio-group {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

body.page-support .radio-opt {
  color: var(--text-muted);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  display: flex;
}

body.page-support .radio-opt input[type="radio"] {
  accent-color: var(--green);
  width: 16px;
  height: 16px;
}

body.page-support .file-upload-area {
  border: 2px dashed var(--border);
  border-radius: var(--radius-md);
  text-align: center;
  cursor: pointer;
  transition: all var(--transition);
  padding: 28px;
}

body.page-support .file-upload-area:hover {
  border-color: var(--border-green);
  background: var(--green-dim);
}

body.page-support .file-upload-area p {
  color: var(--text-faint);
  margin: 8px 0 0;
  font-size: .82rem;
}

body.page-support .file-upload-area span {
  font-size: 1.8rem;
}

body.page-support .contact-support-section {
  background: var(--bg-1);
}

body.page-support .contact-support-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 56px;
  display: grid;
}

body.page-support .cs-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition);
  padding: 32px;
}

body.page-support .cs-card:hover {
  border-color: var(--border-green);
  box-shadow: var(--shadow-green);
  transform: translateY(-4px);
}

body.page-support .cs-icon {
  margin-bottom: 16px;
  font-size: 2rem;
  display: block;
}

body.page-support .cs-card h4 {
  color: var(--text-primary);
  font-size: .9rem;
  font-weight: 700;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 8px;
}

body.page-support .cs-card p {
  color: var(--text-muted);
  margin-bottom: 16px;
  font-size: .82rem;
  line-height: 1.6;
}

body.page-support .cs-link {
  color: var(--green);
  font-size: .88rem;
  font-weight: 600;
}

body.page-support .cs-link:hover {
  text-decoration: underline;
}

body.page-support .closer-section {
  background: var(--bg-0);
  border-top: 1px solid var(--border);
  text-align: center;
}

body.page-support .closer-section h2 {
  color: var(--text-primary);
  margin-bottom: 16px;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  font-weight: 800;
}

body.page-support .closer-section p {
  color: var(--text-muted);
  max-width: 580px;
  margin: 0 auto 40px;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.8;
}

@media (width <= 900px) {
  body.page-support .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-support .warranty-grid, body.page-support .frow2, body.page-support .frow3 {
    grid-template-columns: 1fr;
  }

  body.page-support .form-wrap {
    padding: 28px 20px;
  }

  body.page-support .contact-support-grid {
    grid-template-columns: 1fr;
  }
}

@media (width <= 600px) {
  body.page-support .why-grid {
    grid-template-columns: 1fr;
  }
}

body.page-careers {
  overflow-x: clip;
}

body.page-careers .career-positions, body.page-careers .career-apply-section {
  padding-block: clamp(64px, 8vw, 108px);
}

body.page-careers .career-positions {
  padding-bottom: clamp(48px, 6vw, 80px);
}

body.page-careers .career-positions .section-header, body.page-careers .career-apply-section .contact-header-new {
  text-align: center;
  max-width: 680px;
  margin-inline: auto;
}

body.page-careers .career-apply-section .contact-header-new {
  margin-bottom: clamp(34px, 5vw, 56px);
}

body.page-careers .career-roles-grid {
  margin-top: clamp(28px, 4vw, 44px);
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  display: grid !important;
}

body.page-careers .career-role-card {
  min-height: 258px;
  box-shadow: none;
  background: linear-gradient(145deg, #1e1e1efa, #101010fa);
  border-color: #c8e1d524;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  text-align: left !important;
  padding: clamp(24px, 3vw, 32px) !important;
}

body.page-careers .career-role-card:before {
  width: 3px;
}

body.page-careers .career-role-card h3 {
  max-width: 28ch;
  color: var(--text-primary);
  margin: 0;
  font-size: clamp(1.1rem, 1.6vw, 1.28rem);
  line-height: 1.25;
}

body.page-careers .career-role-location {
  color: var(--green);
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: .75rem;
  font-weight: 720;
  line-height: 1.3;
}

body.page-careers .career-role-card p {
  max-width: 50ch;
  color: var(--text-muted);
  margin: 16px 0 24px;
  font-size: .92rem;
  line-height: 1.65;
}

body.page-careers .career-role-card .btn {
  border-radius: 999px;
  min-height: 42px;
  margin-top: auto;
  padding-inline: 16px;
}

body.page-careers .career-application-shell {
  margin-inline: auto;
  grid-template-columns: minmax(0, 840px) !important;
  justify-content: center !important;
  width: min(100%, 840px) !important;
  display: grid !important;
}

body.page-careers .career-application-shell > .contact-form-new {
  background: linear-gradient(145deg, #151515, #0e0e0e);
  border-color: #c8e1d529;
  border-radius: 18px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(24px, 4vw, 42px);
}

body.page-careers .career-application-shell .form-title-new {
  color: #f4f8f5;
  margin-bottom: 28px;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  line-height: 1.25;
}

body.page-careers #career-form {
  gap: 18px;
  display: grid;
}

body.page-careers #career-form .form-row-new {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

body.page-careers #career-form .form-group-new {
  min-width: 0;
  margin: 0;
}

body.page-careers #career-form label {
  color: #cbd6d0;
  margin: 0 0 8px;
  font-size: .84rem;
  font-weight: 650;
  line-height: 1.35;
  display: block;
}

body.page-careers #career-form :is(input, select, textarea) {
  color: #f2f7f3;
  background-color: #0d0d0d;
  border-color: #c8e1d52e;
  width: 100%;
  min-height: 50px;
}

body.page-careers #career-form input[type="file"] {
  cursor: pointer;
  padding: 8px;
}

body.page-careers #career-form input[type="file"]::file-selector-button {
  color: #141414;
  background: var(--green);
  min-height: 32px;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 7px;
  margin-right: 12px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 750;
}

body.page-careers #career-form .form-help {
  color: var(--text-faint);
  margin-top: 8px;
  font-size: .76rem;
  line-height: 1.45;
  display: block;
}

body.page-careers #career-form .form-field-label {
  color: #cbd6d0;
  margin: 0 0 8px;
  font-size: .84rem;
  font-weight: 650;
  line-height: 1.35;
  display: block;
}

body.page-careers #career-form .career-file-input {
  clip-path: inset(50%);
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

body.page-careers #career-form .career-file-picker {
  color: #f4f7f5;
  cursor: pointer;
  background: linear-gradient(135deg, #111, #0d0d0d);
  border: 1px solid #c8e1d529;
  border-radius: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 64px;
  padding: 10px 10px 10px 12px;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
  display: grid;
}

body.page-careers #career-form .career-file-icon {
  color: #3da57f;
  background: #3da57f14;
  border: 1px solid #3da57f38;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

body.page-careers #career-form .career-file-icon svg {
  width: 19px;
  height: 19px;
}

body.page-careers #career-form .career-file-picker:hover, body.page-careers #career-form .career-file-input:focus + .career-file-picker {
  background: #121212;
  border-color: #3da57fc2;
  box-shadow: 0 0 0 3px #3da57f1c;
}

body.page-careers #career-form .career-file-picker.is-invalid {
  border-color: #e97979;
  box-shadow: 0 0 0 3px #e979791c;
}

body.page-careers #career-form .career-file-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

body.page-careers #career-form .career-file-copy strong {
  color: #edf4ef;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .88rem;
  font-weight: 680;
  line-height: 1.3;
  overflow: hidden;
}

body.page-careers #career-form .career-file-copy small {
  color: #91a099;
  font-size: .72rem;
  line-height: 1.3;
}

body.page-careers #career-form .career-file-action {
  color: #3da57f;
  white-space: nowrap;
  background: #3da57f1a;
  border: 1px solid #3da57f52;
  border-radius: 8px;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

html[data-camixel-theme] body.premium-ui :is(.hero .hero-headline, .hero .hero-title, .hero h1, .hero h2, .ptz-hero .ptz-hero-title, .sol-hero h1, .about-hero .hero-title, .events-hero h1, .ewaste-hero .hero-headline) {
  text-wrap: balance;
  text-shadow: 0 2px 20px #0000002e;
  font-family: var(--cx-font, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif) !important;
  letter-spacing: -.055em !important;
  font-weight: 760 !important;
  line-height: .97 !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .sol-hero, .about-hero, .events-hero, .ewaste-hero) .text-accent {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(110deg, #3da57f 0% 52%, #3da57f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #3da57f !important;
}

html[data-camixel-theme] body.page-events.premium-ui section.events-hero {
  isolation: isolate;
  background: #0c0c0c !important;
  place-items: center !important;
  min-height: clamp(430px, 57vw, 650px) !important;
  padding: clamp(112px, 12vw, 168px) 0 clamp(78px, 9vw, 118px) !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-hero-backdrop {
  z-index: 0;
  background: radial-gradient(circle at 17% 28%, #3da57f3d, #0000 28%), linear-gradient(105deg, #080808f5 0%, #08080894 50%, #080808c2 100%), url("../../img/camixel/news-activities-hero-bg.jpg") 50% / cover no-repeat;
  position: absolute;
  inset: 0;
  transform: scale(1.025);
}

html[data-camixel-theme] body.page-events.premium-ui section.events-hero:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0c0c0c00 0%, #0c0c0c 100%);
  height: 38%;
  position: absolute;
  inset: auto 0 0;
}

html[data-camixel-theme] body.page-events.premium-ui .events-hero-content {
  z-index: 2 !important;
  text-align: center !important;
  width: min(100% - 40px, 860px) !important;
  margin: 0 auto !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-hero-content .section-tag {
  color: #3da57f;
  backdrop-filter: blur(12px);
  background: #0a0a0a8f;
  border: 1px solid #3da57f47;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  margin-bottom: 20px;
  padding: 0 12px;
  display: inline-flex;
  box-shadow: 0 12px 32px #0000002e;
}

html[data-camixel-theme] body.page-events.premium-ui .events-hero-content h1 {
  max-width: 14ch !important;
  margin: 0 auto 20px !important;
  font-size: clamp(3.1rem, 7vw, 6.4rem) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-hero-content p {
  color: #eff9f4db !important;
  max-width: 56ch !important;
  margin: 0 auto !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  aspect-ratio: 3 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  background: #0b0b0b !important;
  border-bottom: 1px solid #3da57f33 !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  min-height: 210px;
  padding: clamp(26px, 4vw, 42px) clamp(26px, 5vw, 54px) !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-events.premium-ui section.events-hero {
    min-height: 500px !important;
    padding: 110px 0 72px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content h1 {
    font-size: clamp(3rem, 14vw, 4.6rem) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    max-height: calc(100dvh - 24px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    aspect-ratio: 3 !important;
    height: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    min-height: 0;
    padding: 24px 22px 28px !important;
  }
}

body.page-careers #career-form select {
  cursor: pointer;
}

body.page-careers #career-form textarea {
  min-height: 134px;
}

body.page-careers #career-form .submit-btn-new {
  border-radius: 999px;
  justify-self: start;
  width: auto;
  min-width: min(100%, 235px);
  min-height: 52px;
  margin-top: 6px;
  padding-inline: 22px;
}

@media (width <= 760px) {
  body.page-careers .about-hero {
    height: auto;
    min-height: 420px;
    padding-block: 82px 54px;
  }

  body.page-careers .hero-inner {
    width: min(100%, 640px);
    padding-inline: 20px;
  }

  body.page-careers .career-roles-grid, body.page-careers #career-form .form-row-new {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.page-careers .career-role-card {
    min-height: 0;
  }

  body.page-careers .career-application-shell .contact-form-new {
    padding: 24px 20px;
  }

  body.page-careers #career-form .submit-btn-new {
    justify-self: stretch;
    width: 100%;
  }

  body.page-careers #career-form .career-file-picker {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 9px;
  }

  body.page-careers #career-form .career-file-action {
    padding-inline: 10px;
  }
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .commerce-zone > .container, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui section#eizo-brand.eizo-brand-section {
  width: min(100% - clamp(32px, 5vw, 64px), 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (width <= 720px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .commerce-zone > .container, html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section {
    width: calc(100% - 32px) !important;
  }
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .trust-grid > .trust-card {
  width: 100% !important;
  max-width: none !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .hero-headline .hero-line:first-child, html[data-camixel-theme] body.page-blackmagic.premium-ui .hero-headline .hero-line-accent {
  -webkit-text-fill-color: transparent !important;
  color: #0000 !important;
  filter: drop-shadow(0 3px 14px #00000052) !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .hero-headline .hero-line:first-child {
  background-image: linear-gradient(105deg, #5ee7ff 0%, #2f8cff 48%, #1d55d9 100%) !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .hero-headline .hero-line-accent {
  background-image: linear-gradient(105deg, #3da57f 0% 48%, #2d7d61 100%) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui section#eizo-brand.eizo-brand-section {
  min-height: 0 !important;
  margin-top: clamp(32px, 4vw, 52px) !important;
  margin-bottom: 32px !important;
  padding: 24px 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
  grid-template-columns: minmax(440px, .96fr) minmax(420px, 1.04fr) !important;
  gap: clamp(26px, 3vw, 44px) !important;
  padding-inline: clamp(22px, 3vw, 38px) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
  grid-template-columns: 190px minmax(0, 1fr) !important;
  gap: 22px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
  width: 190px !important;
  min-width: 190px !important;
  height: 98px !important;
  min-height: 98px !important;
  padding: 14px 16px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box img {
  width: 172px !important;
  height: 68px !important;
  max-height: 68px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text h2 {
  font-size: clamp(1.7rem, 2.25vw, 2.2rem) !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-text p {
  max-width: 30ch !important;
  margin-top: 8px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats, html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-stat {
  align-content: center !important;
  min-width: 0 !important;
  padding: 8px clamp(10px, 1.4vw, 18px) !important;
  display: grid !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-stat + .eizo-stat {
  border-left: 1px solid #ffffff1a !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }
}

@media (width <= 620px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section {
    padding-block: 20px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-lockup {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-logo-box {
    width: 190px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .eizo-brand-section .eizo-brand-stats, html[data-camixel-theme] body.page-eizo-medical.premium-ui .eizo-brand-section .eizo-brand-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 0 !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-stat:nth-child(odd) {
    border-left: 0 !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
  border-color: #3da57f66 !important;
  border-radius: 22px !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  width: min(960px, 100%) !important;
  min-height: 420px !important;
  max-height: min(620px, 100dvh - 40px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  height: 100% !important;
  min-height: 420px !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  border-bottom: 0 !important;
  border-right: 1px solid #3da57f2e !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  object-fit: cover !important;
  object-position: 30% center !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  justify-content: flex-start !important;
  min-height: 420px !important;
  padding: clamp(34px, 4.4vw, 52px) clamp(30px, 4vw, 46px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-title {
  max-width: 11ch !important;
  font-size: clamp(31px, 3.2vw, 42px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
  max-width: 29ch !important;
  margin-bottom: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
  border-radius: 999px !important;
  align-self: flex-start !important;
  min-width: 218px !important;
  min-height: 50px !important;
  margin-top: auto !important;
  padding-inline: 22px !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
  pointer-events: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay.active {
  pointer-events: auto !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    width: min(520px, 100%) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 28px) !important;
    display: block !important;
    overflow: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap, html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    height: clamp(190px, 32vh, 260px) !important;
    min-height: 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
    border-bottom: 1px solid #3da57f2e !important;
    border-right: 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
    object-position: center !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    min-height: 0 !important;
    padding: 26px 22px 24px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-desc {
    margin-bottom: 22px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1080px, 100%) !important;
  min-height: 0 !important;
  max-height: min(620px, 100dvh - 36px) !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
  aspect-ratio: 3 !important;
  background: #0a0a0a !important;
  border: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap:after {
  background: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
  background: #0d0d0d !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 20px clamp(22px, 3vw, 34px) 24px !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay :is(.event-popup-eyebrow, .event-popup-title, .event-popup-desc) {
  display: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
  align-self: center !important;
  width: auto !important;
  min-width: 244px !important;
  margin: 0 !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-card {
    width: min(560px, 100%) !important;
    max-height: calc(100dvh - 28px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-img-wrap {
    aspect-ratio: 3 !important;
    height: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-content {
    padding: 18px 20px 20px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay .event-popup-cta {
    width: min(100%, 300px) !important;
  }
}

html[data-camixel-theme] {
  --cx-header: 80px;
  color-scheme: dark;
}

html[data-camixel-theme] body.premium-ui {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.65;
  color: #f5f8f6 !important;
  background: #080808 !important;
}

html[data-camixel-theme] body.premium-ui ::selection {
  color: #0d0d0d;
  background: #3da57f;
}

html[data-camixel-theme] body.premium-ui :where(.container, .nav-container) {
  width: min(100% - 48px, 1240px) !important;
}

html[data-camixel-theme] body.premium-ui #navbar, html[data-camixel-theme] body.premium-ui #navbar.scrolled {
  backdrop-filter: blur(18px) saturate(125%) !important;
  background: #060606e6 !important;
  border-bottom: 1px solid #ffffff17 !important;
  width: 100% !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  box-shadow: 0 12px 34px #00000038 !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
  object-fit: contain !important;
  width: 148px !important;
  height: auto !important;
  max-height: 46px !important;
}

html[data-camixel-theme] body.premium-ui #nav-links {
  gap: clamp(4px, .8vw, 12px) !important;
}

html[data-camixel-theme] body.premium-ui :where(a, button, input, select, textarea):focus-visible {
  outline-offset: 3px !important;
  outline: 3px solid #3da57feb !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) {
  isolation: isolate;
}

html[data-camixel-theme] body.page-index.premium-ui .hero {
  min-height: min(860px, calc(100svh - var(--cx-header))) !important;
  max-height: none !important;
}

html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1, html[data-camixel-theme] body.premium-ui .hero-headline .hero-line {
  color: #f7faf8 !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  text-shadow: 0 3px 24px #0000007a !important;
  background: none !important;
  animation: none !important;
}

html[data-camixel-theme] body.premium-ui .hero-headline .hero-line-accent, html[data-camixel-theme] body.premium-ui :is(.hero, .ptz-hero, .events-hero, .solutions-hero, .sol-hero, .about-hero, .career-hero, .ewaste-hero) h1 .text-accent {
  color: #3da57f !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-content {
  width: min(100% - 48px, 1240px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-headline {
  letter-spacing: -.045em !important;
  max-width: 800px !important;
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
  font-size: clamp(3rem, 5.25vw, 4.85rem) !important;
  line-height: 1.01 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line:first-child {
  color: #3da57f !important;
  letter-spacing: .15em !important;
  margin-bottom: 12px !important;
  font-size: .27em !important;
  font-weight: 760 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-sub {
  color: #d9e1dd !important;
  text-shadow: 0 2px 18px #000000ad !important;
  max-width: 650px !important;
  font-size: clamp(1rem, 1.25vw, 1.16rem) !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn, .nav-cta-link, .answer-card-cta, .event-popup-cta, .submit-btn-new) {
  border-radius: 12px !important;
  min-height: 48px !important;
  font-weight: 700 !important;
  transition: transform .16s, background-color .16s, border-color .16s, color .16s, box-shadow .16s !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.premium-ui :where(.btn, .nav-cta-link, .answer-card-cta, .submit-btn-new):hover {
    transform: translateY(-2px) !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui :is(.section-title, .about-left h2, .ptz-spotlight-content h2, .contact-header-new h2) {
  text-wrap: balance;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .pillar-card, .ptz-spotlight-card, .industry-tile, .contact-form-new) {
  background: #121212 !important;
  border-color: #ffffff1a !important;
  box-shadow: 0 20px 55px #00000021 !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .pillar-card, .ptz-spotlight-card, .industry-tile) {
  transition: transform .18s, border-color .18s, background-color .18s !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .pillar-card, .ptz-spotlight-card, .industry-tile):hover {
    background: #161616 !important;
    border-color: #3da57f57 !important;
    transform: translateY(-4px) !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui .brands-static-strip {
  background: #101010 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 20px !important;
  gap: 12px !important;
  padding: 12px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-card {
  background: #181818 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 14px !important;
  min-height: 132px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-card + .brand-card {
  border-left: 1px solid #ffffff1a !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-card:nth-child(4) {
  background: #edf2ef !important;
  border-color: #0c0c0c1f !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-logo-img {
  object-fit: contain !important;
  max-width: min(78%, 190px) !important;
  max-height: 58px !important;
}

html[data-camixel-theme] body.premium-ui :where(input, select, textarea) {
  color: #f4f8f6 !important;
  background-color: #0d0d0d !important;
  border-color: #ffffff21 !important;
}

html[data-camixel-theme] body.premium-ui :where(input, textarea)::placeholder {
  color: #8e9b95 !important;
  opacity: 1 !important;
}

html[data-camixel-theme] body.page-index.premium-ui #eventPopupOverlay {
  display: none !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] {
    --cx-header: 72px;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
    width: 126px !important;
    max-height: 40px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open {
    background: #0a0a0a !important;
    height: calc(100dvh - 72px) !important;
    inset: 72px 0 0 !important;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body.premium-ui :where(.container, .nav-container), html[data-camixel-theme] body.page-index.premium-ui .hero-content {
    width: min(100% - 32px, 1240px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero {
    min-height: calc(100svh - var(--cx-header)) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-headline {
    letter-spacing: -.045em !important;
    max-width: 100% !important;
    font-size: clamp(2.35rem, 10.6vw, 3.4rem) !important;
    line-height: 1.02 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line:first-child {
    font-size: .3em !important;
    line-height: 1.35 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-sub {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-hub-section, .more-than-tech-section, .brands-section, .ptz-spotlight-section, .about-redesigned, .industries-redesigned, .contact-redesigned, .definition-section, .faq-section) {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .brands-static-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .brand-card {
    min-height: 108px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .answer-proof-row .btn {
    width: 100% !important;
  }
}

@media (width <= 420px) {
  html[data-camixel-theme] body.page-index.premium-ui .brands-static-strip {
    grid-template-columns: 1fr !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .brand-card {
    min-height: 94px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui *, html[data-camixel-theme] body.premium-ui :before, html[data-camixel-theme] body.premium-ui :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui {
  --ap-ink: #1d1d1f;
  --ap-copy: #515154;
  --ap-faint: #86868b;
  --ap-paper: #f5f5f7;
  --ap-white: #fff;
  --ap-black: #000;
  --ap-dark: #0b0b0d;
  --ap-dark-card: #161618;
  --ap-line-dark: #ffffff1f;
  --ap-line-light: #00000017;
  --ap-accent: #3da57f;
  background: var(--ap-black) !important;
  font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, SF Pro Text, Helvetica Neue, Arial, sans-serif !important;
}

html[data-camixel-theme] body.premium-ui #navbar, html[data-camixel-theme] body.premium-ui #navbar.scrolled {
  height: 68px !important;
  min-height: 68px !important;
  box-shadow: none !important;
  backdrop-filter: saturate(180%) blur(22px) !important;
  background: #080809c7 !important;
  border-bottom: 1px solid #ffffff1a !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-container {
  height: 68px !important;
  min-height: 68px !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
  width: 128px !important;
  max-height: 38px !important;
}

html[data-camixel-theme] body.premium-ui #nav-links .nav-link {
  color: #ffffffc2 !important;
  letter-spacing: -.005em !important;
  font-size: 13px !important;
  font-weight: 520 !important;
}

html[data-camixel-theme] body.premium-ui #nav-links .nav-link:is(:hover, :focus-visible), html[data-camixel-theme] body.premium-ui #nav-links .nav-link.active, html[data-camixel-theme] body.premium-ui #nav-links .nav-link[aria-current="page"] {
  color: #fff !important;
}

html[data-camixel-theme] body.premium-ui #nav-links .nav-link:after {
  background: #ffffffeb !important;
  height: 1px !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-cta > .nav-cta-link {
  color: #0c0c0c !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #f5f5f7 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  font-size: 13px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero {
  background: #000 !important;
  min-height: max(720px, 100svh - 68px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-overlay {
  background: linear-gradient(90deg, #000000f0 0%, #000000bd 38%, #0000002e 67%, #00000047 100%), linear-gradient(#00000014 0%, #0000 58%, #000000db 100%) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-mesh-glow, html[data-camixel-theme] body.page-index.premium-ui .hero-grid-overlay {
  display: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-content {
  width: min(100% - 64px, 1280px) !important;
  padding-top: 68px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-headline {
  text-wrap: balance;
  letter-spacing: -.064em !important;
  max-width: 850px !important;
  margin: 0 0 24px !important;
  font-size: clamp(3.7rem, 6.2vw, 6rem) !important;
  font-weight: 680 !important;
  line-height: .94 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line, html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line-accent {
  color: #f5f5f7 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 2px 30px #00000070 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line:first-child {
  color: #ffffffad !important;
  letter-spacing: .18em !important;
  margin: 0 0 18px !important;
  font-size: .18em !important;
  font-weight: 620 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-pill {
  color: #ffffffbd !important;
  letter-spacing: .12em !important;
  margin-bottom: 16px !important;
  font-size: 11px !important;
  font-weight: 620 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-pill .pill-dot {
  width: 5px !important;
  height: 5px !important;
  box-shadow: none !important;
  background: #ffffffb8 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-sub {
  color: #ffffffc2 !important;
  letter-spacing: -.015em !important;
  max-width: 620px !important;
  font-size: clamp(1.06rem, 1.35vw, 1.3rem) !important;
  font-weight: 420 !important;
  line-height: 1.48 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-actions {
  gap: 12px !important;
  margin-top: 32px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn {
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn-primary {
  color: #111 !important;
  box-shadow: none !important;
  background: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn-ghost {
  color: #fff !important;
  backdrop-filter: blur(12px) !important;
  background: #0000002e !important;
  border-color: #ffffff57 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .slide-dots {
  gap: 8px !important;
  bottom: 34px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .slide-dot {
  background: #ffffff52 !important;
  border-radius: 999px !important;
  width: 6px !important;
  height: 6px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .slide-dot.active {
  background: #f5f5f7 !important;
  width: 24px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-gradient-bar, html[data-camixel-theme] body.page-index.premium-ui .hero-scroll-hint {
  display: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.section-title, .about-left h2, .ptz-spotlight-content h2, .contact-header-new h2, .definition-section h2, .faq-section h2) {
  text-wrap: balance;
  letter-spacing: -.055em !important;
  font-size: clamp(2.5rem, 4.6vw, 4.7rem) !important;
  font-weight: 660 !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .section-tag, html[data-camixel-theme] body.page-index.premium-ui :is(.brands-section-title, .brand-announcement-tag, .contact-info-title) {
  letter-spacing: .14em !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-hub-section {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-hub-section :is(.section-title, h3, strong) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-hub-section :is(p, .answer-hub-intro) {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-hub-section .section-tag, html[data-camixel-theme] body.page-index.premium-ui .answer-card-number, html[data-camixel-theme] body.page-index.premium-ui .answer-card-cta {
  color: #2d7d61 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-card {
  border: 1px solid var(--ap-line-light) !important;
  background: var(--ap-white) !important;
  border-radius: 28px !important;
  min-height: 340px !important;
  padding: 34px !important;
  box-shadow: 0 14px 44px #0000000e !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-card-links a {
  color: #3a3a3c !important;
  background: #f5f5f7 !important;
  border-color: #0000001a !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-proof-row {
  border: 1px solid var(--ap-line-light) !important;
  color: var(--ap-ink) !important;
  background: var(--ap-white) !important;
  border-radius: 24px !important;
  padding: 24px 28px !important;
  box-shadow: 0 14px 44px #0000000b !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-proof-row span {
  color: var(--ap-faint) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .answer-proof-row .btn {
  color: #fff !important;
  background: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .more-than-tech-section {
  color: #f5f5f7 !important;
  background: var(--ap-black) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .more-than-tech-section :is(.section-title, h3, .pillar-text) {
  color: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .more-than-tech-section :is(p, .mtt-intro-p) {
  color: #a1a1a6 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .more-than-tech-section :is(.section-tag, .vm-badge) {
  color: #3da57f !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.vm-card, .pillar-card) {
  border: 1px solid var(--ap-line-dark) !important;
  background: var(--ap-dark-card) !important;
  box-shadow: none !important;
  border-radius: 28px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-card {
  padding: 38px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brands-section {
  color: var(--ap-ink) !important;
  background: var(--ap-white) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brands-section-title {
  color: var(--ap-faint) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brands-static-strip {
  background: none !important;
  border: 0 !important;
  gap: 14px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-card, html[data-camixel-theme] body.page-index.premium-ui .brand-card + .brand-card {
  border: 1px solid var(--ap-line-light) !important;
  background: #111 !important;
  border-radius: 26px !important;
  min-height: 154px !important;
  box-shadow: 0 18px 54px #0000001a !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-card:nth-child(4) {
  background: #f2f2f4 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-section {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-content :is(h2, strong) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-content p {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .brand-announcement-tag {
  color: #2d7d61 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-ft-tag {
  color: #3a3a3c !important;
  background: #fff !important;
  border-color: #0000001a !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-content .btn-primary {
  color: #fff !important;
  background: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-card {
  border: 1px solid var(--ap-line-light) !important;
  color: var(--ap-ink) !important;
  background: #fff !important;
  border-radius: 32px !important;
  padding: clamp(34px, 4vw, 54px) !important;
  box-shadow: 0 20px 58px #00000012 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-card :is(h3, .btn) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-card p {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .ptz-spotlight-card .btn {
  border-color: #0003 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-redesigned {
  color: #f5f5f7 !important;
  background: var(--ap-black) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-left :is(h2, strong) {
  color: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-left p {
  color: #a1a1a6 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-left .section-tag {
  color: #3da57f !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-left .btn {
  color: #f5f5f7 !important;
  border-color: #ffffff47 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-visual {
  border-radius: 32px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-num-item {
  border: 1px solid var(--ap-line-dark) !important;
  background: var(--ap-dark-card) !important;
  border-radius: 24px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-num-item :is(.big-num, .an-num) {
  color: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .about-num-item .num-label {
  color: #86868b !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industries-redesigned {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industries-redesigned :is(.section-title, h3) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industries-redesigned :is(.section-desc, .industry-tile p) {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industries-redesigned .section-tag {
  color: #2d7d61 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industries-mega-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industry-tile {
  grid-column: span 3;
  border: 1px solid var(--ap-line-light) !important;
  background: #fff !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 48px #0000000e !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industry-tile:nth-child(-n+2) {
  grid-column: span 6;
}

html[data-camixel-theme] body.page-index.premium-ui .industry-tile:nth-child(-n+2) .industry-tile-img {
  min-height: 300px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industry-tile-img {
  min-height: 210px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .industry-tile-content {
  padding: 26px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-redesigned {
  color: var(--ap-ink) !important;
  background: var(--ap-white) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-redesigned :is(h2, h3, strong, label, .contact-info-title) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-redesigned :is(p, a, span) {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-redesigned .section-tag {
  color: #2d7d61 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-detail {
  border-color: var(--ap-line-light) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-detail-icon, html[data-camixel-theme] body.page-index.premium-ui .contact-socials a {
  border-color: var(--ap-line-light) !important;
  background: var(--ap-paper) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-form-new {
  border: 1px solid var(--ap-line-light) !important;
  background: var(--ap-paper) !important;
  box-shadow: none !important;
  border-radius: 32px !important;
  padding: clamp(28px, 4vw, 48px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-form-new :where(input, select, textarea) {
  color: var(--ap-ink) !important;
  background: #fff !important;
  border: 1px solid #0000001c !important;
  border-radius: 14px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-form-new :where(input, textarea)::placeholder {
  color: #86868b !important;
}

html[data-camixel-theme] body.page-index.premium-ui .contact-form-new .submit-btn-new {
  color: #fff !important;
  background: var(--ap-ink) !important;
  border-radius: 999px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .definition-section {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .definition-section :is(h2, strong) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .definition-section p {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .definition-inner {
  border: 1px solid var(--ap-line-light) !important;
  background: #fff !important;
  border-radius: 30px !important;
  padding: 44px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .faq-section {
  color: #f5f5f7 !important;
  background: var(--ap-black) !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .faq-section :is(h2, .faq-question) {
  color: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .faq-section .section-tag {
  color: #3da57f !important;
}

html[data-camixel-theme] body.page-index.premium-ui .faq-item {
  border: 1px solid var(--ap-line-dark) !important;
  background: var(--ap-dark-card) !important;
  border-radius: 18px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.answer-hub-section, .more-than-tech-section, .brands-section, .ptz-spotlight-section, .about-redesigned, .industries-redesigned, .contact-redesigned, .definition-section, .faq-section) {
  padding-top: clamp(92px, 9vw, 140px) !important;
  padding-bottom: clamp(92px, 9vw, 140px) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .pillar-card, .brand-card, .ptz-spotlight-card, .industry-tile, .about-num-item) {
  transition: transform .28s cubic-bezier(.2, .7, .2, 1), box-shadow .28s, border-color .28s !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .pillar-card, .brand-card, .ptz-spotlight-card, .industry-tile, .about-num-item):hover {
    transform: translateY(-6px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .industry-tile, .ptz-spotlight-card):hover {
    box-shadow: 0 24px 70px #00000017 !important;
  }
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui #navbar, html[data-camixel-theme] body.premium-ui #navbar.scrolled, html[data-camixel-theme] body.premium-ui #navbar .nav-container {
    height: 68px !important;
    min-height: 68px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open {
    background: #080809fa !important;
    height: calc(100dvh - 68px) !important;
    padding: 40px 24px !important;
    inset: 68px 0 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .industries-mega-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .industry-tile, html[data-camixel-theme] body.page-index.premium-ui .industry-tile:nth-child(-n+2) {
    grid-column: span 1;
  }
}

@media (width <= 720px) {
  html[data-camixel-theme] body.page-index.premium-ui .hero {
    min-height: max(680px, 100svh - 68px) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-content {
    width: calc(100% - 36px) !important;
    padding-top: 52px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-headline {
    letter-spacing: -.058em !important;
    max-width: 100% !important;
    font-size: clamp(2.65rem, 12vw, 4rem) !important;
    line-height: .98 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-headline .hero-line:first-child {
    letter-spacing: .14em !important;
    font-size: .23em !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-sub {
    max-width: 34rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-actions {
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn {
    width: 100% !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui :is(.section-title, .about-left h2, .ptz-spotlight-content h2, .contact-header-new h2, .definition-section h2, .faq-section h2) {
    letter-spacing: -.048em !important;
    font-size: clamp(2.2rem, 10vw, 3.25rem) !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-hub-section, .more-than-tech-section, .brands-section, .ptz-spotlight-section, .about-redesigned, .industries-redesigned, .contact-redesigned, .definition-section, .faq-section) {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui :is(.answer-card, .vm-card, .ptz-spotlight-card, .contact-form-new) {
    border-radius: 24px !important;
    padding: 26px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .answer-card {
    min-height: 0 !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .industries-mega-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .industry-tile:nth-child(-n+2) .industry-tile-img, html[data-camixel-theme] body.page-index.premium-ui .industry-tile-img {
    min-height: 220px !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .definition-inner {
    border-radius: 24px !important;
    padding: 30px !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide, html[data-camixel-theme] body.page-index.premium-ui #industries, html[data-camixel-theme] body.page-index.premium-ui #contact, html[data-camixel-theme] body.page-index.premium-ui section.definition-section {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  background-image: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact {
  background: var(--ap-white) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #more-than-technology, html[data-camixel-theme] body.page-index.premium-ui #about, html[data-camixel-theme] body.page-index.premium-ui #faq {
  color: #f5f5f7 !important;
  background: var(--ap-black) !important;
  background-image: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #brands {
  color: var(--ap-ink) !important;
  background: var(--ap-white) !important;
  background-image: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement {
  color: var(--ap-ink) !important;
  background: var(--ap-paper) !important;
  background-image: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #industries .industry-tile {
  color: var(--ap-ink) !important;
  border-color: var(--ap-line-light) !important;
  background: var(--ap-white) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact .contact-form-new :where(input, select, textarea) {
  color: var(--ap-ink) !important;
  background: var(--ap-white) !important;
  border-color: #0000001f !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-card {
  color: var(--ap-ink) !important;
  border-color: var(--ap-line-light) !important;
  background: var(--ap-white) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-card :is(h3, strong) {
  color: var(--ap-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-card p {
  color: var(--ap-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui section.definition-section {
  color: #f5f5f7 !important;
  background: var(--ap-black) !important;
}

html[data-camixel-theme] body.page-index.premium-ui section.definition-section :is(h2, strong) {
  color: #f5f5f7 !important;
}

html[data-camixel-theme] body.page-index.premium-ui section.definition-section p {
  color: #a1a1a6 !important;
}

html[data-camixel-theme] body.page-index.premium-ui section.definition-section .definition-inner {
  border-color: var(--ap-line-dark) !important;
  background: var(--ap-dark-card) !important;
}

html[data-camixel-theme] body.page-index.premium-ui {
  --cx-primary: #3da57f;
  --cx-primary-hover: #3da57f;
  --cx-primary-ink: #0d0d0d;
  --cx-dark-0: #000;
  --cx-dark-1: #090909;
  --cx-dark-2: #121212;
  --cx-dark-3: #191919;
  --cx-dark-line: #ffffff1a;
  --cx-dark-text: #f5f7f6;
  --cx-dark-copy: #a7afa9;
  --cx-dark-muted: #747d77;
  background: var(--cx-dark-0) !important;
  color: var(--cx-dark-text) !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-cta > .nav-cta-link, html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn-primary, html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-proof-row .btn, html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement .btn-primary, html[data-camixel-theme] body.page-index.premium-ui #contact .submit-btn-new {
  color: var(--cx-primary-ink) !important;
  border-color: var(--cx-primary) !important;
  background: var(--cx-primary) !important;
  box-shadow: 0 12px 34px #3da57f29 !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-cta > .nav-cta-link:hover, html[data-camixel-theme] body.page-index.premium-ui .hero-actions .btn-primary:hover, html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-proof-row .btn:hover, html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement .btn-primary:hover, html[data-camixel-theme] body.page-index.premium-ui #contact .submit-btn-new:hover {
    background: var(--cx-primary-hover) !important;
    box-shadow: 0 16px 42px #3da57f38 !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui :where(a, button, input, select, textarea):focus-visible {
  outline-color: var(--cx-primary) !important;
}

html[data-camixel-theme] body.premium-ui #nav-links .nav-link.active:after, html[data-camixel-theme] body.premium-ui #nav-links .nav-link[aria-current="page"]:after, html[data-camixel-theme] body.page-index.premium-ui .slide-dot.active {
  background: var(--cx-primary) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide, html[data-camixel-theme] body.page-index.premium-ui #brands, html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement, html[data-camixel-theme] body.page-index.premium-ui #industries, html[data-camixel-theme] body.page-index.premium-ui #contact, html[data-camixel-theme] body.page-index.premium-ui section.definition-section {
  color: var(--cx-dark-text) !important;
  background: var(--cx-dark-1) !important;
  border-color: var(--cx-dark-line) !important;
  background-image: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #brands, html[data-camixel-theme] body.page-index.premium-ui #contact {
  background: var(--cx-dark-0) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#buyer-guide, #brands, #ptzoptics-announcement, #industries, #contact, section.definition-section) :is(.section-title, h2, h3, h4, strong, label, .contact-info-title) {
  color: var(--cx-dark-text) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#buyer-guide, #brands, #ptzoptics-announcement, #industries, #contact, section.definition-section) :is(p, .section-desc, .answer-hub-intro, .num-label) {
  color: var(--cx-dark-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#buyer-guide, #brands, #ptzoptics-announcement, #industries, #contact, section.definition-section) :is(.section-tag, .brands-section-title, .brand-announcement-tag, .answer-card-number, .answer-card-cta) {
  color: var(--cx-primary) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-card, html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-proof-row, html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement .ptz-spotlight-card, html[data-camixel-theme] body.page-index.premium-ui #industries .industry-tile, html[data-camixel-theme] body.page-index.premium-ui #contact .contact-form-new, html[data-camixel-theme] body.page-index.premium-ui section.definition-section .definition-inner {
  color: var(--cx-dark-text) !important;
  border-color: var(--cx-dark-line) !important;
  background: var(--cx-dark-2) !important;
  box-shadow: 0 24px 70px #0000003d !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#buyer-guide .answer-card, #ptzoptics-announcement .ptz-spotlight-card, #industries .industry-tile, #contact .contact-form-new, section.definition-section .definition-inner) :is(h2, h3, h4, strong, label) {
  color: var(--cx-dark-text) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#buyer-guide .answer-card, #ptzoptics-announcement .ptz-spotlight-card, #industries .industry-tile, #contact .contact-form-new, section.definition-section .definition-inner) p {
  color: var(--cx-dark-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-proof-row :is(strong, span) {
  color: var(--cx-dark-text) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-proof-row span {
  color: var(--cx-dark-muted) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #buyer-guide .answer-card-links a, html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement .ptz-ft-tag {
  color: #d9dfdb !important;
  border-color: var(--cx-dark-line) !important;
  background: var(--cx-dark-3) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #ptzoptics-announcement .ptz-spotlight-card .btn {
  color: var(--cx-dark-text) !important;
  background: none !important;
  border-color: #ffffff3d !important;
}

html[data-camixel-theme] body.page-index.premium-ui #brands .brand-card, html[data-camixel-theme] body.page-index.premium-ui #brands .brand-card + .brand-card, html[data-camixel-theme] body.page-index.premium-ui #brands .brand-card:nth-child(4) {
  border-color: var(--cx-dark-line) !important;
  background: var(--cx-dark-2) !important;
  box-shadow: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui #brands .brand-card:nth-child(4) .brand-logo-img {
  filter: brightness(1.55) saturate(.9) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact :is(.contact-detail, .contact-socials a) {
  border-color: var(--cx-dark-line) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact :is(.contact-detail-icon, .contact-socials a) {
  color: var(--cx-primary) !important;
  border-color: var(--cx-dark-line) !important;
  background: var(--cx-dark-2) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact :is(.contact-detail-body a, .contact-detail-body span) {
  color: var(--cx-dark-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact .contact-form-new :where(input, select, textarea) {
  color: var(--cx-dark-text) !important;
  border-color: var(--cx-dark-line) !important;
  background: #0a0a0a !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact .contact-form-new :where(input, textarea)::placeholder {
  color: #68716c !important;
}

html[data-camixel-theme] body.page-index.premium-ui #contact .contact-form-new :where(input, select, textarea):focus {
  border-color: var(--cx-primary) !important;
  box-shadow: 0 0 0 4px #3da57f1f !important;
}

html[data-camixel-theme] body.page-index.premium-ui #industries .industry-tile-content {
  background: var(--cx-dark-2) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #industries .industry-tile :is(h3, h4) {
  color: var(--cx-dark-text) !important;
}

html[data-camixel-theme] body.page-index.premium-ui #industries .industry-tile p {
  color: var(--cx-dark-copy) !important;
}

html[data-camixel-theme] body.page-index.premium-ui :is(#more-than-technology, #about, #faq) :is(.section-tag, .vm-badge, .faq-number, .faq-icon) {
  color: var(--cx-primary) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .hero-pill .pill-dot, html[data-camixel-theme] body.page-index.premium-ui .brand-announcement-tag .pill-dot {
  background: var(--cx-primary) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .text-accent {
  color: var(--cx-primary) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-camixel-theme] body.page-index.premium-ui #what-is-camixel {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  max-width: 13ch !important;
  font-size: clamp(2.7rem, 4.2vw, 4.15rem) !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-logo .site-logo-header {
  object-fit: contain !important;
  object-position: left center !important;
  transform-origin: 50% !important;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: 44px !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui .site-logo-footer {
  object-fit: contain !important;
  width: 220px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
    flex-basis: auto !important;
    width: auto !important;
    height: auto !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-logo .site-logo-header {
    width: 128px !important;
    max-width: 128px !important;
    height: auto !important;
    max-height: 38px !important;
    transform: none !important;
  }
}

html[data-camixel-theme] body.premium-ui {
  --cx-primary: #3da57f;
  --cx-primary-hover: #3da57f;
  --cx-primary-ink: #0d0d0d;
  --cx-canvas: #060606;
  --cx-surface-1: #0d0d0d;
  --cx-surface-2: #141414;
  --cx-surface-3: #1a1a1a;
  --cx-line: #ffffff1a;
  --cx-line-strong: #3da57f57;
  --cx-text: #f5f8f6;
  --cx-copy: #a8b3ad;
  --cx-muted: #76827b;
  color-scheme: dark;
  color: var(--cx-text) !important;
  background: var(--cx-canvas) !important;
}

html[data-camixel-theme] body.premium-ui :where(main, .main-content) {
  background-color: var(--cx-canvas);
}

html[data-camixel-theme] body.premium-ui :where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}

html[data-camixel-theme] body.premium-ui ::target-text {
  color: inherit;
  text-shadow: inherit;
  background: none;
}

html[data-camixel-theme] body.premium-ui #nav-links > .nav-link, html[data-camixel-theme] body.premium-ui #nav-links > .nav-item > .nav-link {
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: none !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > .nav-link:after, html[data-camixel-theme] body.premium-ui #nav-links > .nav-item > .nav-link:after {
  display: block !important;
  transform: scaleX(0) !important;
}

html[data-camixel-theme] body.premium-ui #nav-links > .nav-link:is(:hover, :focus-visible, .active):after, html[data-camixel-theme] body.premium-ui #nav-links > .nav-link[aria-current="page"]:after, html[data-camixel-theme] body.premium-ui #nav-links > .nav-item > .nav-link:is(:hover, :focus-visible, .active):after, html[data-camixel-theme] body.premium-ui #nav-links > .nav-item > .nav-link[aria-current="page"]:after {
  transform: scaleX(1) !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card) {
  color: var(--cx-text) !important;
  border: 1px solid var(--cx-line) !important;
  background: var(--cx-surface-2) !important;
  background-image: none !important;
  box-shadow: 0 18px 48px #00000047 !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card):hover {
  border-color: var(--cx-line-strong) !important;
  background: var(--cx-surface-3) !important;
  box-shadow: 0 26px 60px #0006 !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card) :is(h3, h4, strong, .product-title, .model-card-title) {
  color: var(--cx-text) !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card) :is(p, .product-description, .model-card-copy) {
  color: var(--cx-copy) !important;
}

html[data-camixel-theme] body.premium-ui :is(.prod-img-wrap.prod-img-wrap, .model-card-img.model-card-img, .ptz-img-frame.ptz-img-frame) {
  border-bottom: 1px solid var(--cx-line) !important;
  background: linear-gradient(145deg, #1e1e1e, #101010) !important;
}

html[data-camixel-theme] body.premium-ui :is(.prod-img-wrap.prod-img-wrap, .model-card-img.model-card-img, .ptz-img-frame.ptz-img-frame) img {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card .eco-icon {
  color: var(--cx-primary) !important;
  border-bottom-color: var(--cx-line) !important;
  background: linear-gradient(145deg, #3da57f21, #101010 72%) !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card :is(h3, p, .eco-badge) {
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-camixel-theme] body.page-ewaste.premium-ui .ewaste-hero .hero-headline, html[data-camixel-theme] body.page-ewaste.premium-ui .ewaste-hero .hero-line {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  display: block !important;
  transform: none !important;
}

html[data-camixel-theme] body.page-ewaste.premium-ui .ewaste-hero .hero-headline {
  z-index: 2 !important;
  max-width: 900px !important;
  color: var(--cx-text) !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-ewaste.premium-ui .ewaste-hero .hero-line-accent {
  color: var(--cx-primary) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

html[data-camixel-theme] body.page-brand-kit.premium-ui .brand-kit-logo {
  width: min(420px, 82%);
  height: auto;
  margin: 0 auto 24px;
  display: block;
}

html[data-camixel-theme] body.page-brand-kit.premium-ui .brand-kit-title {
  color: var(--cx-text);
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 650;
}

html[data-camixel-theme] body.page-brand-kit.premium-ui .brand-kit-back {
  color: var(--cx-primary);
  margin-bottom: 28px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

html[data-camixel-theme] body.premium-ui .footer {
  color: var(--cx-copy) !important;
  border-top-color: var(--cx-line) !important;
  background: #0a0a0a !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui #nav-links.open > .nav-link, html[data-camixel-theme] body.premium-ui #nav-links.open > .nav-item > .nav-link {
    border-bottom: 1px solid var(--cx-line) !important;
    min-height: 48px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links.open .nav-link:after {
    display: none !important;
  }
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui :where(.container, .nav-container) {
    width: min(100% - 32px, 1240px) !important;
  }

  html[data-camixel-theme] body.page-ewaste.premium-ui .ewaste-hero .hero-headline {
    font-size: clamp(2.65rem, 12vw, 4rem) !important;
  }
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card) {
  isolation: isolate;
  transform: translateZ(0);
  height: 100% !important;
  color: var(--cx-text) !important;
  background: linear-gradient(155deg, #ffffff08, #0000 44%), #0f0f0f !important;
  border: 1px solid #ffffff1b !important;
  border-radius: 20px !important;
  flex-direction: column !important;
  padding: 10px !important;
  transition: transform .22s cubic-bezier(.2, .7, .2, 1), border-color .22s, box-shadow .22s, background-color .22s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 16px 42px #00000038 !important;
}

html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: .55;
  background: radial-gradient(420px 180px at 20% 0, #3da57f17, #0000 68%);
  position: absolute;
  inset: 0;
  transition: opacity .22s !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card):hover {
    background-color: #141414 !important;
    border-color: #3da57f6b !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 24px 58px #00000061, 0 0 0 1px #3da57f14 !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card):hover:before {
    opacity: 1;
  }
}

html[data-camixel-theme] body.premium-ui :is(.prod-img-wrap.prod-img-wrap, .model-card-img.model-card-img, .ptz-img-frame.ptz-img-frame) {
  aspect-ratio: 4 / 3 !important;
  background: linear-gradient(145deg, #f1f4f2, #e3e8e5) !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(20px, 2.5vw, 30px) !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui :is(.prod-img-wrap.prod-img-wrap, .model-card-img.model-card-img, .ptz-img-frame.ptz-img-frame) img {
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  filter: drop-shadow(0 16px 22px #12121229) !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  transition: transform .28s cubic-bezier(.2, .7, .2, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card):hover :is(.prod-img-wrap, .model-card-img, .ptz-img-frame) img {
    transform: scale(1.035) !important;
  }
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .product-card.commerce-card h4 {
  min-height: 0 !important;
  color: var(--cx-text) !important;
  letter-spacing: -.018em !important;
  margin: 0 !important;
  padding: 17px 10px 11px !important;
  font-size: 15.5px !important;
  font-weight: 690 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.page-blackmagic.premium-ui .product-card.commerce-card:after {
  content: "Explore product  ↗";
  color: #3da57f;
  letter-spacing: .045em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff16;
  justify-content: space-between;
  align-items: center;
  min-height: 39px;
  margin: auto 10px 0;
  padding-top: 10px;
  font-size: 11.5px;
  font-weight: 760;
  display: flex;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-card-body {
  flex: auto;
  text-align: left !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 18px 10px 8px !important;
  display: flex !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card h4 {
  min-height: 0 !important;
  color: var(--cx-text) !important;
  letter-spacing: -.02em !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-card-body > p {
  min-height: 0 !important;
  color: var(--cx-copy) !important;
  -webkit-line-clamp: 3 !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-specs {
  gap: 6px !important;
  margin: 0 0 16px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-spec {
  color: #b9c6bf !important;
  background: #ffffff09 !important;
  border-color: #ffffff18 !important;
  border-radius: 999px !important;
  padding: 6px 9px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-actions, html[data-camixel-theme] body.page-eizo-medical.premium-ui .model-card.commerce-card .model-card-link {
  margin-top: auto !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card .vm-badge {
  color: #3da57f !important;
  letter-spacing: .09em !important;
  background: #3da57f13 !important;
  border: 1px solid #3da57f38 !important;
  border-radius: 999px !important;
  width: max-content !important;
  margin: 17px 10px 0 !important;
  padding: 6px 10px !important;
  font-size: 9.5px !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card h3 {
  min-height: 0 !important;
  color: var(--cx-text) !important;
  letter-spacing: -.02em !important;
  margin: 10px 10px 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card > p {
  min-height: 0 !important;
  color: var(--cx-copy) !important;
  -webkit-line-clamp: 3 !important;
  margin: 10px 10px 18px !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card > .btn {
  color: #3da57f !important;
  background: #3da57f0f !important;
  border-color: #3da57f52 !important;
  border-radius: 10px !important;
  width: auto !important;
  min-height: 43px !important;
  margin: auto 10px 2px !important;
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card > .btn:hover {
  color: var(--cx-primary-ink) !important;
  background: var(--cx-primary) !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card .eco-icon {
  background: radial-gradient(circle at 50% 20%, #3da57f26, #0000 62%), linear-gradient(145deg, #1a1a1a, #0b0b0b) !important;
  border: 1px solid #ffffff13 !important;
  border-radius: 14px !important;
  width: 100% !important;
  height: 118px !important;
  min-height: 118px !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card h3 {
  min-height: 0 !important;
  color: var(--cx-text) !important;
  margin: 17px 10px 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card > p {
  min-height: 0 !important;
  color: var(--cx-copy) !important;
  -webkit-line-clamp: 3 !important;
  margin: 10px 10px 16px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card .eco-badge {
  margin: auto 10px 2px !important;
}

@media (width <= 640px) {
  html[data-camixel-theme] body.premium-ui :is(.product-card.commerce-card, .model-card.commerce-card, .ptz-cat-card.commerce-card, .eco-card.eco-card) {
    border-radius: 18px !important;
    padding: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.prod-img-wrap.prod-img-wrap, .model-card-img.model-card-img, .ptz-img-frame.ptz-img-frame) {
    border-radius: 12px !important;
  }
}

:root {
  --ux-bg: #0a0a0a;
  --ux-surface: #111;
  --ux-surface-2: #161616;
  --ux-paper: #f3f1ea;
  --ux-paper-2: #e9e6dc;
  --ux-ink: #111;
  --ux-text: #f7faf8;
  --ux-muted: #a8b5ad;
  --ux-body: #4f5d55;
  --ux-green: #3da57f;
  --ux-green-strong: #3da57f;
  --ux-line: #ffffff1c;
  --ux-line-dark: #10101021;
  --ux-shadow: 0 24px 70px #0000002e;
  --ux-radius-sm: 12px;
  --ux-radius: 20px;
  --ux-radius-lg: 32px;
  --ux-container: 1200px;
  --ux-gutter: clamp(20px, 4vw, 48px);
  --ux-section: clamp(76px, 9vw, 128px);
}

html {
  scroll-padding-top: 92px;
}

body.premium-ui {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.6;
  background: var(--ux-paper) !important;
  color: var(--ux-ink) !important;
  font-family: SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
}

body.premium-ui :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--ux-green-strong) !important;
  outline-offset: 3px !important;
}

body.premium-ui :where(.container, .section-shell, .footer-container) {
  width: min(var(--ux-container), calc(100% - (var(--ux-gutter) * 2))) !important;
  max-width: var(--ux-container) !important;
  margin-inline: auto !important;
}

body.premium-ui :where(h1, h2, h3, h4) {
  text-wrap: balance;
}

body.premium-ui :where(p, li) {
  text-wrap: pretty;
}

body.premium-ui header#navbar, body.premium-ui header.nav-header {
  z-index: 1000 !important;
  height: 76px !important;
  min-height: 76px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  background: #070707eb !important;
  border-bottom: 1px solid #ffffff14 !important;
  position: sticky !important;
  top: 0 !important;
}

body.premium-ui #navbar .nav-container {
  gap: clamp(14px, 2.2vw, 34px) !important;
  width: min(100% - 40px, 1180px) !important;
  max-width: 1180px !important;
  height: 76px !important;
  min-height: 76px !important;
  margin-inline: auto !important;
}

body.premium-ui #navbar .site-logo-header {
  object-fit: contain !important;
  width: 112px !important;
  height: auto !important;
  max-height: 46px !important;
}

body.premium-ui #navbar .nav-links {
  gap: 5px !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

body.premium-ui #navbar .nav-link {
  color: #c5cec9 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px clamp(8px, .8vw, 13px) !important;
  font-size: 13px !important;
  font-weight: 590 !important;
}

body.premium-ui #navbar .nav-link:after {
  display: none !important;
}

body.premium-ui #navbar .nav-link:is(:hover, :focus-visible) {
  color: #fff !important;
  background: #ffffff12 !important;
}

body.premium-ui #navbar .nav-link.active, body.premium-ui #navbar .nav-link[aria-current="page"] {
  color: var(--ux-green) !important;
  background: #3da57f17 !important;
}

body.premium-ui #navbar .nav-cta-link {
  border: 1px solid var(--ux-green) !important;
  color: #0e0e0e !important;
  background: var(--ux-green) !important;
  min-height: 44px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  padding: 0 19px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

body.premium-ui #navbar .nav-cta-link:hover {
  background: #3da57f !important;
  transform: translateY(-1px) !important;
}

body.premium-ui #navbar .hamburger {
  border: 1px solid #ffffff24 !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 44px !important;
  height: 44px !important;
}

body.premium-ui :where(.hero, .sol-hero, .ptz-hero, .events-hero, .about-hero, .ewaste-hero) {
  background-color: var(--ux-bg) !important;
  height: auto !important;
  min-height: min(760px, 100svh - 76px) !important;
  max-height: none !important;
  overflow: hidden !important;
}

body.premium-ui :where(.hero-content, .sol-hero-content, .ptz-hero-content, .events-hero-content, .hero-inner) {
  width: min(var(--ux-container), calc(100% - (var(--ux-gutter) * 2))) !important;
  max-width: var(--ux-container) !important;
  margin-inline: auto !important;
}

body.premium-ui .hero-content {
  align-items: center !important;
  min-height: min(760px, 100svh - 76px) !important;
  padding: clamp(76px, 10vh, 118px) 0 92px !important;
  display: flex !important;
}

body.premium-ui .hero-content-slide {
  width: min(720px, 64vw) !important;
}

body.premium-ui :where(.hero-headline, .hero-title, .ptz-hero-title, .events-hero h1, .sol-hero h1, .about-hero h1, .ewaste-hero h1) {
  color: #fff !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
  max-width: 880px !important;
  margin: 0 !important;
  font-size: clamp(3rem, 5.2vw, 5.35rem) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
}

body.premium-ui .page-index .hero-headline {
  font-size: clamp(3rem, 5vw, 4.85rem) !important;
}

body.premium-ui .hero-line {
  line-height: inherit !important;
}

body.premium-ui :where(.hero-line-accent, .text-accent) {
  color: var(--ux-green) !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

body.premium-ui :where(.hero-sub, .hero-subtitle, .ptz-hero-content > p, .events-hero-content > p, .sol-hero-copy > p) {
  color: #c4cec8 !important;
  max-width: 640px !important;
  margin: 26px 0 0 !important;
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.65 !important;
}

body.premium-ui :where(.hero-pill, .sol-hero-kicker, .section-tag, .brand-announcement-tag) {
  width: fit-content !important;
  color: var(--ux-green) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  background: #3da57f14 !important;
  border: 1px solid #3da57f45 !important;
  border-radius: 999px !important;
  margin: 0 0 22px !important;
  padding: 7px 11px !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  line-height: 1.2 !important;
}

body.premium-ui .hero-actions {
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 32px !important;
  display: flex !important;
}

body.premium-ui :where(.btn, .answer-card-cta, .model-card-link) {
  border-radius: 999px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  transition: transform .18s, background-color .18s, border-color .18s !important;
  display: inline-flex !important;
}

body.premium-ui .btn-primary {
  border: 1px solid var(--ux-green) !important;
  color: #0a0a0a !important;
  background: var(--ux-green) !important;
  box-shadow: none !important;
}

body.premium-ui .btn-primary:hover {
  background: #3da57f !important;
  transform: translateY(-2px) !important;
}

body.premium-ui :where(.btn-ghost, .btn-outline, .btn-outline-sm) {
  color: #fff !important;
  background: #0a0a0a57 !important;
  border: 1px solid #ffffff47 !important;
}

body.premium-ui :where(.btn-ghost, .btn-outline, .btn-outline-sm):hover {
  background: #ffffff17 !important;
  border-color: #ffffff8c !important;
  transform: translateY(-2px) !important;
}

body.premium-ui .hero-overlay {
  background: linear-gradient(90deg, #060606f0 0%, #060606b8 46%, #0606061f 78%, #06060633 100%) !important;
}

body.premium-ui :where(.hero-grid-overlay, .hero-mesh-glow, .hero-scroll-hint) {
  display: none !important;
}

body.premium-ui .hero-controls {
  gap: 7px !important;
  bottom: 28px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}

body.premium-ui .slide-dot {
  background: #ffffff7a !important;
  border-radius: 50% !important;
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
}

body.premium-ui .slide-dot.active {
  background: var(--ux-green) !important;
  border-radius: 999px !important;
  width: 28px !important;
}

body.premium-ui .hero-pause {
  color: #fff !important;
  background: #0606068c !important;
  border: 1px solid #ffffff59 !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-left: 5px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

body.premium-ui .hero-pause:hover {
  border-color: var(--ux-green) !important;
  color: var(--ux-green) !important;
}

body.page-index :where(.answer-hub-section, .more-than-tech-section, .ptz-spotlight-section, .about-redesigned, .industries-redesigned, .contact-redesigned, .faq-section) {
  padding: var(--ux-section) 0 !important;
}

body.page-index .answer-hub-section, body.page-index .about-redesigned, body.page-index .contact-redesigned {
  background: var(--ux-paper) !important;
}

body.page-index .more-than-tech-section, body.page-index .ptz-spotlight-section {
  background: var(--ux-bg) !important;
}

body.page-index .industries-redesigned, body.page-index .brands-section, body.page-index .faq-section, body.page-index .definition-section {
  background: var(--ux-paper-2) !important;
}

body.premium-ui .section-title, body.page-index :where(.about-redesigned h2, .contact-redesigned h2, .ptz-spotlight-content h2) {
  max-width: 820px !important;
  color: var(--ux-ink) !important;
  letter-spacing: -.05em !important;
  margin: 0 !important;
  font-size: clamp(2.4rem, 4.6vw, 4.65rem) !important;
  font-weight: 710 !important;
  line-height: 1.02 !important;
}

body.page-index :where(.more-than-tech-section, .ptz-spotlight-section) :where(.section-title, h2, h3) {
  color: #fff !important;
}

body.page-index .answer-hub-head {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .8fr) !important;
  align-items: end !important;
  gap: clamp(36px, 7vw, 96px) !important;
  margin-bottom: 50px !important;
  display: grid !important;
}

body.page-index .answer-hub-intro {
  color: var(--ux-body) !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.page-index .answer-hub-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  display: grid !important;
}

body.page-index :where(.answer-card, .vm-card, .ptz-spotlight-card, .industry-tile, .contact-form-new) {
  border: 1px solid var(--ux-line-dark) !important;
  border-radius: var(--ux-radius) !important;
  box-shadow: none !important;
}

body.page-index .answer-card {
  background: #ffffff7a !important;
  flex-direction: column !important;
  min-height: 360px !important;
  padding: clamp(24px, 3vw, 36px) !important;
  display: flex !important;
}

body.page-index .answer-card-number {
  color: #6a786f !important;
  letter-spacing: .12em !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

body.page-index .answer-card h3 {
  color: var(--ux-ink) !important;
  margin: 34px 0 14px !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
}

body.page-index .answer-card p {
  color: var(--ux-body) !important;
  margin: 0 0 24px !important;
}

body.page-index .answer-card-cta {
  color: #2d7d61 !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin-top: auto !important;
  padding: 0 !important;
}

body.page-index .answer-card-links {
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: auto !important;
  display: flex !important;
}

body.page-index .answer-card-links a {
  border: 1px solid var(--ux-line-dark) !important;
  color: var(--ux-ink) !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
}

body.page-index .answer-proof-row {
  border: 1px solid var(--ux-line-dark) !important;
  border-radius: var(--ux-radius) !important;
  background: var(--ux-ink) !important;
  margin-top: 18px !important;
  padding: 22px 26px !important;
}

body.page-index .answer-proof-row strong {
  color: #fff !important;
}

body.page-index .answer-proof-row span {
  color: var(--ux-muted) !important;
}

body.page-index .mtt-header {
  text-align: center !important;
  max-width: 780px !important;
  margin: 0 auto 46px !important;
}

body.page-index .mtt-header .section-tag {
  margin-inline: auto !important;
}

body.page-index .mtt-intro-p {
  color: var(--ux-muted) !important;
  font-size: 17px !important;
}

body.page-index .vm-cards-grid {
  gap: 16px !important;
}

body.page-index .vm-card {
  background: var(--ux-surface) !important;
  padding: clamp(28px, 4vw, 44px) !important;
}

body.page-index .vm-card p {
  color: var(--ux-muted) !important;
}

body.page-index .pillars-grid {
  gap: 10px !important;
}

body.page-index .pillar-card {
  border: 1px solid var(--ux-line) !important;
  border-radius: var(--ux-radius-sm) !important;
  min-height: 72px !important;
  box-shadow: none !important;
  background: #ffffff09 !important;
}

body.page-index .brands-section {
  padding: 34px 0 !important;
}

body.page-index .brands-section-title {
  color: #5a675f !important;
  letter-spacing: .15em !important;
  font-size: 11px !important;
}

body.page-index .brands-grid {
  border: 1px solid var(--ux-line-dark) !important;
  border-radius: var(--ux-radius) !important;
  background: var(--ux-line-dark) !important;
  gap: 1px !important;
  overflow: hidden !important;
}

body.page-index .brand-card {
  background: #fff !important;
  border: 0 !important;
  min-height: 130px !important;
}

body.page-index .brand-card:hover {
  background: #f8fbf9 !important;
  transform: none !important;
}

body.page-index .brand-logo-img {
  max-width: 150px !important;
  max-height: 58px !important;
}

body.page-index .ptz-spotlight-grid {
  align-items: center !important;
  gap: clamp(40px, 7vw, 92px) !important;
}

body.page-index .ptz-spotlight-content > p, body.page-index .ptz-spotlight-card p {
  color: var(--ux-muted) !important;
}

body.page-index .ptz-spotlight-card {
  background: var(--ux-surface) !important;
  padding: clamp(28px, 4vw, 44px) !important;
}

body.page-index .about-split {
  align-items: center !important;
  gap: clamp(44px, 8vw, 104px) !important;
}

body.page-index .about-left p {
  color: var(--ux-body) !important;
}

body.page-index .about-left .btn-outline {
  border-color: var(--ux-line-dark) !important;
  color: var(--ux-ink) !important;
  background: none !important;
}

body.page-index .about-video-wrapper {
  border-radius: var(--ux-radius) !important;
  box-shadow: var(--ux-shadow) !important;
}

body.page-index .about-nums {
  border: 1px solid var(--ux-line-dark) !important;
  border-radius: var(--ux-radius) !important;
  background: var(--ux-line-dark) !important;
  gap: 1px !important;
  overflow: hidden !important;
}

body.page-index .about-num-item {
  background: #fff !important;
}

body.page-index .industries-mega-grid {
  gap: 14px !important;
}

body.page-index .industry-tile {
  background: #fff !important;
  transition: transform .18s, box-shadow .18s !important;
  overflow: hidden !important;
}

body.page-index .industry-tile:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 44px #1515151a !important;
}

body.page-index .industry-tile-content h3 {
  color: var(--ux-ink) !important;
}

body.page-index .industry-tile-content p {
  color: var(--ux-body) !important;
}

body.page-index .contact-grid-new {
  align-items: start !important;
  gap: clamp(38px, 7vw, 90px) !important;
}

body.page-index .contact-form-new {
  background: #fff !important;
  padding: clamp(24px, 4vw, 42px) !important;
}

body.page-index .form-title-new {
  color: var(--ux-ink) !important;
  font-size: 28px !important;
}

body.premium-ui :where(input, select, textarea) {
  min-height: 50px !important;
  color: var(--ux-ink) !important;
  font: inherit !important;
  background: #fff !important;
  border: 1px solid #c9d0cc !important;
  border-radius: 12px !important;
}

body.premium-ui textarea {
  resize: vertical !important;
  min-height: 128px !important;
}

body.premium-ui :where(input, select, textarea):hover {
  border-color: #8c9991 !important;
}

body.premium-ui :where(input, select, textarea):focus {
  border-color: #2d7d61 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 4px #3da57f24 !important;
}

body.premium-ui label {
  color: #2e2e2e !important;
  font-weight: 650 !important;
}

body.page-index .definition-section {
  max-width: none !important;
  padding: 60px var(--ux-gutter) !important;
  border: 0 !important;
  border-top: 1px solid var(--ux-line-dark) !important;
  border-radius: 999px !important;
}

body.page-index .definition-title, body.page-index .definition-copy {
  max-width: 860px !important;
  margin-inline: auto !important;
}

body.page-index .definition-title {
  color: var(--ux-ink) !important;
}

body.page-index .definition-copy {
  color: var(--ux-body) !important;
}

body.page-index .faq-list {
  max-width: 900px !important;
}

body.page-index .faq-item {
  border-color: var(--ux-line-dark) !important;
  background: none !important;
}

body.page-index .faq-question {
  min-height: 72px !important;
  color: var(--ux-ink) !important;
}

body.page-index .faq-answer {
  color: var(--ux-body) !important;
}

body.premium-ui :where(.model-card, .product-card, .category-card, .solution-card, .support-card, .event-card, .news-card, .office-card, .value-card, .career-card) {
  border-radius: var(--ux-radius) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.premium-ui :where(.model-card, .product-card, .category-card, .solution-card, .support-card, .event-card, .news-card, .office-card, .value-card, .career-card):hover {
  transform: translateY(-3px) !important;
}

body.premium-ui .footer {
  border-top: 1px solid var(--ux-line) !important;
  color: var(--ux-muted) !important;
  background: #070707 !important;
  padding: 0 !important;
}

body.premium-ui .footer-top {
  padding: 72px 0 52px !important;
}

body.premium-ui .footer-grid {
  gap: clamp(30px, 5vw, 64px) !important;
}

body.premium-ui .footer :where(h3, h4, strong) {
  color: #fff !important;
}

body.premium-ui .footer :where(p, li, a) {
  color: var(--ux-muted) !important;
}

body.premium-ui .footer a:hover {
  color: var(--ux-green) !important;
}

body.premium-ui .footer-bottom {
  border-top: 1px solid var(--ux-line) !important;
}

@media (width <= 1240px) {
  body.premium-ui #navbar .nav-container {
    gap: 12px !important;
    width: calc(100% - 28px) !important;
  }

  body.premium-ui #navbar .site-logo-header {
    width: 96px !important;
  }

  body.premium-ui #navbar .nav-link {
    padding-inline: 8px !important;
    font-size: 12.5px !important;
  }

  body.premium-ui #navbar .nav-cta-link {
    padding-inline: 15px !important;
  }

  body.premium-ui .hero-content-slide {
    width: min(690px, 68vw) !important;
  }
}

@media (width <= 1120px) {
  body.premium-ui #navbar .nav-links {
    border-top: 1px solid var(--ux-line) !important;
    background: #070707 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100svh - 76px) !important;
    padding: 16px 20px 24px !important;
    display: none !important;
    position: fixed !important;
    inset: 76px 0 auto !important;
    overflow-y: auto !important;
    transform: none !important;
  }

  body.premium-ui #navbar .nav-links.open {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 2px !important;
    display: flex !important;
  }

  body.premium-ui #navbar .nav-item {
    width: 100% !important;
  }

  body.premium-ui #navbar .nav-link {
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 48px !important;
    padding-inline: 14px !important;
    font-size: 15px !important;
  }

  body.premium-ui #navbar .hamburger {
    margin-left: 2px !important;
    display: flex !important;
  }

  body.premium-ui #navbar .nav-cta {
    margin-left: auto !important;
  }

  body.premium-ui #brands-nav > #brands-mega-menu, body.premium-ui #company-nav > .company-dropdown {
    border-radius: 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  body.premium-ui .hero-content-slide {
    width: min(720px, 82vw) !important;
  }

  body.page-index .answer-hub-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  body.page-index .answer-card:first-child {
    grid-column: 1 / -1 !important;
    min-height: 300px !important;
  }
}

@media (width <= 760px) {
  :root {
    --ux-gutter: 20px;
    --ux-section: 72px;
  }

  html {
    scroll-padding-top: 68px;
  }

  body.premium-ui header#navbar, body.premium-ui header.nav-header, body.premium-ui #navbar .nav-container {
    height: 68px !important;
    min-height: 68px !important;
  }

  body.premium-ui #navbar .nav-links {
    max-height: calc(100svh - 68px) !important;
    inset-block-start: 68px !important;
  }

  body.premium-ui #navbar .site-logo-header {
    width: 100px !important;
  }

  body.premium-ui #navbar .nav-cta {
    display: none !important;
  }

  body.premium-ui :where(.hero, .sol-hero, .ptz-hero, .events-hero, .about-hero, .ewaste-hero) {
    min-height: calc(100svh - 68px) !important;
  }

  body.premium-ui .hero-content {
    align-items: flex-end !important;
    min-height: calc(100svh - 68px) !important;
    padding: 68px 0 74px !important;
  }

  body.premium-ui .hero-content-slide {
    width: 100% !important;
  }

  body.premium-ui :where(.hero-headline, .hero-title, .ptz-hero-title, .events-hero h1, .sol-hero h1, .about-hero h1, .ewaste-hero h1), body.premium-ui .page-index .hero-headline {
    font-size: clamp(2.55rem, 12vw, 4rem) !important;
    line-height: 1 !important;
  }

  body.premium-ui .hero-pill {
    white-space: normal !important;
    max-width: 100% !important;
  }

  body.premium-ui .hero-sub {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body.premium-ui .hero-overlay {
    background: linear-gradient(#0505052e 0%, #0505059e 38%, #050505f5 100%) !important;
  }

  body.premium-ui .hero-actions {
    width: 100% !important;
  }

  body.premium-ui .hero-actions .btn {
    flex: 160px !important;
  }

  body.page-index .answer-hub-head {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.page-index .answer-hub-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-index .answer-card:first-child {
    grid-column: auto !important;
  }

  body.page-index .answer-card {
    min-height: 0 !important;
  }

  body.page-index .answer-proof-row {
    text-align: center !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px 8px !important;
    display: grid !important;
  }

  body.page-index .answer-proof-row .btn {
    grid-column: 1 / -1 !important;
  }

  body.page-index .brands-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  body.page-index .brand-card {
    min-height: 105px !important;
  }

  body.page-index .about-nums {
    grid-template-columns: 1fr 1fr !important;
  }

  body.page-index .contact-form-new {
    padding: 22px !important;
  }

  body.page-index .form-row-new {
    grid-template-columns: 1fr !important;
  }

  body.premium-ui .footer-top {
    padding-top: 56px !important;
  }
}

html[data-camixel-theme] body.page-index {
  --story-green: #3da57f;
  --story-green-bright: #3da57f;
  --story-ink: #040404;
  --story-surface: #0a0a0a;
  --story-line: #ffffff1c;
  background: var(--story-ink) !important;
}

html[data-camixel-theme] body.page-index.premium-ui > .cx-legacy-home, body.page-index > :is(.cx-legacy-home, .answer-hub-section, .more-than-tech-section, .brands-section, .ptz-spotlight-section, .about-redesigned, .industries-redesigned) {
  display: none !important;
}

body.page-index .cx-story, body.page-index .cx-story * {
  box-sizing: border-box;
}

body.page-index .cx-story {
  color: #f5f7f6;
  background: var(--story-ink);
  width: 100%;
  display: block;
  overflow: clip;
}

body.page-index .cx-story a {
  color: inherit;
}

body.page-index .cx-story-hero {
  border: 1px solid var(--story-line);
  isolation: isolate;
  background: #0b0b0b;
  border-radius: clamp(26px, 3vw, 42px);
  width: min(1560px, 100% - 24px);
  min-height: min(920px, 100svh - 96px);
  margin: 12px auto 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

body.page-index .cx-story-hero-media, body.page-index .cx-story-hero-shade {
  position: absolute;
  inset: 0;
}

body.page-index .cx-story-hero-media {
  z-index: -3;
  animation: 1.4s cubic-bezier(.2, .7, .2, 1) both cxStoryHeroIn;
  transform: scale(1.015);
}

body.page-index .cx-story-hero-slides {
  width: 100%;
  height: 100%;
  position: relative;
}

body.page-index .cx-story-hero-slide {
  opacity: 0;
  background: #0c0c0c;
  margin: 0;
  transition: opacity .7s, transform 1.2s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  inset: 0;
  overflow: hidden;
  transform: scale(1.025);
}

body.page-index .cx-story-hero-slide.is-active {
  opacity: 1;
  transform: scale(1);
}

body.page-index .cx-story-hero-slide img {
  object-fit: cover;
  filter: saturate(.82) contrast(1.04) brightness(.72);
  width: 100%;
  height: 100%;
  display: block;
}

body.page-index .cx-story-hero-slide:after {
  content: "";
  background: linear-gradient(#00000014, #000000b8);
  position: absolute;
  inset: 0;
}

body.page-index .cx-story-hero-slide figcaption {
  z-index: 1;
  color: #fff;
  letter-spacing: -.01em;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
  font-weight: 720;
  display: flex;
  position: absolute;
  bottom: 18px;
  left: 20px;
  right: 20px;
}

body.page-index .cx-story-hero-slide figcaption span {
  color: #ffffffa6;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 650;
}

body.page-index .cx-story-hero-slide[data-hero-slide="0"] img {
  object-position: 55% center;
}

body.page-index .cx-story-hero-slide[data-hero-slide="1"] img {
  object-position: 54% center;
}

body.page-index .cx-story-hero-slide[data-hero-slide="2"] img, body.page-index .cx-story-hero-slide[data-hero-slide="3"] img {
  object-position: 50% center;
}

body.page-index .cx-story-hero-shade {
  z-index: -2;
  background: radial-gradient(circle at 72% 45%, #0000 0 21%, #0000001f 52%, #00000094 100%), linear-gradient(90deg, #000000e6 0%, #000000ad 34%, #0000001a 68%), linear-gradient(#0000 57%, #020202e0 100%);
}

body.page-index .cx-story-hero:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: none;
  position: absolute;
  inset: 0;
}

body.page-index .cx-story-hero-controls {
  z-index: 3;
  scrollbar-width: none;
  gap: 8px;
  max-width: calc(100% - 48px);
  display: flex;
  position: absolute;
  bottom: clamp(24px, 4vw, 58px);
  right: clamp(24px, 5vw, 76px);
  overflow-x: auto;
}

body.page-index .cx-story-hero-controls::-webkit-scrollbar {
  display: none;
}

body.page-index .cx-story-hero-controls button {
  color: #ffffffad;
  -webkit-backdrop-filter: blur(14px);
  min-height: 38px;
  font: inherit;
  white-space: nowrap;
  background: #08080885;
  border: 1px solid #fff3;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

body.page-index .cx-story-hero-controls button span {
  color: var(--story-green-bright);
  font-size: 9px;
}

body.page-index .cx-story-hero-controls button.is-active, body.page-index .cx-story-hero-controls button:hover {
  color: #fff;
  background: #2b2b2b;
  border-color: #ffffff57;
}

body.page-index .cx-story-hero-controls button.is-active span, body.page-index .cx-story-hero-controls button:hover span {
  color: #fff;
}

body.page-index .cx-story-hero-inner {
  flex-direction: column;
  justify-content: center;
  width: min(1340px, 100% - clamp(42px, 8vw, 132px));
  margin: 0 auto;
  padding: clamp(96px, 11vw, 156px) 0 clamp(42px, 6vw, 72px);
  display: flex;
}

body.page-index .cx-story-kicker, body.page-index .cx-story-overline {
  width: fit-content;
  color: var(--story-green-bright);
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

body.page-index .cx-story-kicker span {
  background: var(--story-green);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 7px #3da57f1f, 0 0 24px #3da57fa6;
}

body.page-index .cx-story-hero h1 {
  color: #fff;
  letter-spacing: -.065em;
  max-width: 880px;
  margin: clamp(24px, 4vw, 44px) 0 24px;
  font-size: clamp(54px, 7.3vw, 112px);
  font-weight: 650;
  line-height: .91;
}

body.page-index .cx-story :is(h1, h2) em {
  color: var(--story-green);
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
}

body.page-index .cx-story-hero-inner > p {
  color: #ffffffc2;
  max-width: 640px;
  margin: 0;
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1.55;
}

body.page-index .cx-story-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
  display: flex;
}

body.page-index .cx-story-btn {
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 26px;
  min-height: 54px;
  padding: 0 23px;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1), background .28s, border-color .28s, box-shadow .28s;
  display: inline-flex;
}

body.page-index .cx-story-btn span, body.page-index .cx-story-link span {
  font-size: 17px;
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}

body.page-index .cx-story-btn:hover {
  transform: translateY(-3px);
}

body.page-index .cx-story-btn:hover span, body.page-index .cx-story-link:hover span {
  transform: translate(3px, -3px);
}

body.page-index .cx-story-btn-primary {
  background: linear-gradient(135deg, var(--story-green-bright), var(--story-green));
  box-shadow: 0 12px 32px #3da57f2e, inset 0 1px #ffffff73;
  color: #0a0a0a !important;
}

body.page-index .cx-story-btn-primary:hover {
  box-shadow: 0 18px 44px #3da57f52, inset 0 1px #ffffff80;
}

body.page-index .cx-story-btn-glass {
  -webkit-backdrop-filter: blur(18px);
  background: #08080880;
  border-color: #ffffff38;
  color: #fff !important;
}

body.page-index .cx-story-btn-glass:hover {
  background: #1e1e1eb8;
  border-color: #ffffff61;
}

body.page-index .cx-story-hero-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(660px, 100%);
  margin-top: auto;
  padding-top: clamp(64px, 11vh, 130px);
  display: grid;
}

body.page-index .cx-story-hero-meta div {
  border-left: 1px solid #ffffff2e;
  padding: 0 22px;
}

body.page-index .cx-story-hero-meta div:first-child {
  border-left: 0;
  padding-left: 0;
}

body.page-index .cx-story-hero-meta strong {
  color: #fff;
  font-size: 26px;
  line-height: 1;
  display: block;
}

body.page-index .cx-story-hero-meta span {
  color: #fff9;
  letter-spacing: .05em;
  margin-top: 7px;
  font-size: 11px;
  display: block;
}

body.page-index .cx-story-nav {
  z-index: 50;
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  background: #0a0a0ac2;
  border: 1px solid #ffffff1c;
  border-radius: 999px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(850px, 100% - 32px);
  margin: 22px auto 0;
  padding: 6px;
  display: grid;
  position: sticky;
  top: 88px;
  box-shadow: 0 18px 46px #00000047;
}

body.page-index .cx-story-nav a {
  opacity: .56;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 10px 20px;
  transition: opacity .22s, background .22s, transform .22s;
  display: flex;
}

body.page-index .cx-story-nav a:hover, body.page-index .cx-story-nav a:focus-visible {
  opacity: 1;
  background: #ffffff16;
  transform: translateY(-1px);
}

body.page-index .cx-story-nav img {
  object-fit: contain;
  filter: grayscale() brightness(2.4);
  width: auto;
  max-width: 112px;
  max-height: 23px;
}

body.page-index .cx-story-intro {
  text-align: center;
  width: min(1180px, 100% - 48px);
  margin: 0 auto;
  padding: clamp(150px, 19vw, 280px) 0 clamp(120px, 15vw, 210px);
}

body.page-index .cx-story-intro-copy {
  flex-direction: column;
  align-items: center;
  display: flex;
}

body.page-index .cx-story-intro h2, body.page-index .cx-workflow-head h2, body.page-index .cx-story-finale h2 {
  color: #fff;
  letter-spacing: -.06em;
  margin: 24px 0;
  font-size: clamp(54px, 7vw, 102px);
  font-weight: 630;
  line-height: .96;
}

body.page-index .cx-story-intro p {
  color: #9ba59f;
  max-width: 850px;
  margin: 0 auto;
  font-size: clamp(19px, 2.05vw, 28px);
  line-height: 1.5;
}

body.page-index .cx-story-orbit {
  color: #dce4df;
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 70px;
  font-size: 12px;
  font-weight: 720;
  display: flex;
}

body.page-index .cx-story-orbit i {
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  width: clamp(22px, 5vw, 72px);
  height: 1px;
}

body.page-index .cx-brand-stories {
  gap: 18px;
  width: min(1560px, 100% - 24px);
  margin: 0 auto;
  display: grid;
}

body.page-index .cx-brand-chapter {
  border: 1px solid var(--story-line);
  background: #0d0d0d;
  border-radius: clamp(28px, 3.5vw, 48px);
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, .75fr);
  min-height: min(860px, 92svh);
  display: grid;
  position: relative;
  overflow: hidden;
}

body.page-index .cx-brand-chapter:nth-child(2n) {
  grid-template-columns: minmax(360px, .75fr) minmax(0, 1.45fr);
}

body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media {
  order: 2;
}

body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-copy {
  order: 1;
}

body.page-index .cx-brand-media {
  background: #050505;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

body.page-index .cx-brand-media:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000 65%, #0505059e);
  position: absolute;
  inset: 0;
}

body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media:after {
  background: linear-gradient(-90deg, #0000 65%, #0505059e);
}

body.page-index .cx-brand-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1s cubic-bezier(.2, .8, .2, 1), filter .6s;
}

body.page-index .cx-brand-chapter:hover .cx-brand-media img {
  filter: saturate(1.06) contrast(1.03);
  transform: scale(1.035);
}

body.page-index .cx-brand-eizo .cx-brand-media img {
  object-position: 55% center;
}

body.page-index .cx-brand-sennheiser .cx-brand-media img {
  object-position: 52% center;
}

body.page-index .cx-brand-copy {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  padding: clamp(46px, 6vw, 96px);
  display: flex;
  position: relative;
}

body.page-index .cx-brand-number {
  color: var(--story-green);
  letter-spacing: .15em;
  align-items: center;
  gap: 13px;
  margin-bottom: clamp(36px, 5vw, 70px);
  font-size: 12px;
  font-weight: 760;
  display: flex;
}

body.page-index .cx-brand-number span {
  color: #7f8a84;
  text-transform: uppercase;
  font-size: 10px;
}

body.page-index .cx-brand-logo {
  object-fit: contain;
  object-position: left center;
  width: auto;
  max-width: 178px;
  max-height: 46px;
  margin-bottom: 28px;
}

body.page-index .cx-brand-logo-dark {
  filter: grayscale() brightness(2.4);
}

body.page-index .cx-brand-copy h2 {
  color: #fff;
  letter-spacing: -.055em;
  margin: 0 0 25px;
  font-size: clamp(42px, 4.4vw, 70px);
  font-weight: 630;
  line-height: .98;
}

body.page-index .cx-brand-copy p {
  color: #a5afa9;
  max-width: 520px;
  margin: 0;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.65;
}

body.page-index .cx-brand-copy ul {
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 35px;
  padding: 0;
  list-style: none;
  display: flex;
}

body.page-index .cx-brand-copy li {
  color: #cbd3cf;
  letter-spacing: .05em;
  background: #ffffff09;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 680;
}

body.page-index .cx-story-link {
  align-items: center;
  gap: 12px;
  width: fit-content;
  font-size: 13px;
  font-weight: 760;
  text-decoration: none;
  display: inline-flex;
  color: var(--story-green-bright) !important;
}

body.page-index .cx-brand-eizo, body.page-index .cx-brand-sennheiser, body.page-index .cx-brand-ptz {
  background: #0d0d0d;
}

body.page-index .cx-workflow-story {
  width: min(1380px, 100% - 48px);
  margin: 0 auto;
  padding: clamp(150px, 17vw, 260px) 0;
}

body.page-index .cx-workflow-head {
  max-width: 900px;
  margin-bottom: 70px;
}

body.page-index .cx-workflow-head p {
  color: #9ba59f;
  max-width: 640px;
  margin: 0;
  font-size: clamp(17px, 1.8vw, 24px);
  line-height: 1.55;
}

body.page-index .cx-workflow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(260px, 28vw, 390px);
  gap: 12px;
  display: grid;
}

body.page-index .cx-workflow-card {
  border: 1px solid var(--story-line);
  background: #0d0d0d;
  border-radius: 28px;
  grid-column: span 1;
  position: relative;
  overflow: hidden;
}

body.page-index .cx-workflow-card-wide {
  grid-column: span 2;
}

body.page-index .cx-workflow-card:after {
  content: "";
  background: linear-gradient(#0000 35%, #000000db);
  position: absolute;
  inset: 0;
}

body.page-index .cx-workflow-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .65s cubic-bezier(.2, .8, .2, 1), filter .45s;
}

body.page-index .cx-workflow-card:hover img {
  filter: saturate(1.12);
  transform: scale(1.055);
}

body.page-index .cx-workflow-card > span {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 24px;
  right: 24px;
}

body.page-index .cx-workflow-card b {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 22px;
}

body.page-index .cx-workflow-card small {
  color: #ffffffa6;
  font-size: 11px;
}

body.page-index .cx-workflow-cta {
  margin-top: 34px;
}

body.page-index .cx-service-story {
  border: 1px solid var(--story-line);
  background: #0c0c0c;
  border-radius: clamp(28px, 3.5vw, 48px);
  grid-template-columns: 1.15fr .85fr;
  width: min(1560px, 100% - 24px);
  min-height: min(860px, 90svh);
  margin: 0 auto;
  display: grid;
  overflow: hidden;
}

body.page-index .cx-service-media {
  min-height: 520px;
  overflow: hidden;
}

body.page-index .cx-service-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 1s cubic-bezier(.2, .8, .2, 1);
}

body.page-index .cx-service-story:hover .cx-service-media img {
  transform: scale(1.025);
}

body.page-index .cx-service-copy {
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 6.5vw, 105px);
  display: flex;
}

body.page-index .cx-service-copy h2 {
  color: #fff;
  letter-spacing: -.055em;
  margin: 24px 0;
  font-size: clamp(44px, 4.8vw, 74px);
  font-weight: 630;
  line-height: .98;
}

body.page-index .cx-service-copy > p {
  color: #a5afa9;
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}

body.page-index .cx-service-steps {
  background: #ffffff1a;
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin: 38px 0;
  display: grid;
  overflow: hidden;
}

body.page-index .cx-service-steps div {
  background: #0e0e0e;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 15px 18px;
  display: flex;
}

body.page-index .cx-service-steps b {
  color: var(--story-green);
  font-size: 11px;
}

body.page-index .cx-service-steps span {
  color: #d4dcd7;
  font-size: 12px;
  font-weight: 680;
}

body.page-index .cx-service-actions {
  flex-wrap: wrap;
  gap: 28px;
  display: flex;
}

body.page-index .cx-story-finale {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: min(1240px, 100% - 48px);
  margin: 0 auto;
  padding: clamp(170px, 19vw, 290px) 0;
  display: flex;
}

body.page-index .cx-story-finale p {
  color: #9ba59f;
  max-width: 670px;
  margin: 0 0 38px;
  font-size: clamp(17px, 1.7vw, 23px);
  line-height: 1.55;
}

body.page-index .contact-redesigned {
  border: 1px solid var(--story-line) !important;
  background: linear-gradient(145deg, #101010, #060606) !important;
  border-radius: clamp(28px, 3.5vw, 48px) !important;
  width: min(1560px, 100% - 24px) !important;
  margin: 0 auto 18px !important;
  overflow: hidden !important;
}

body.page-index .definition-section, body.page-index .faq-section {
  width: min(1240px, 100% - 48px) !important;
  margin-inline: auto !important;
}

@keyframes cxStoryHeroIn {
  0% {
    opacity: .5;
    transform: scale(1.07);
  }

  to {
    opacity: 1;
    transform: scale(1.015);
  }
}

@media (width <= 980px) {
  body.page-index .cx-brand-chapter, body.page-index .cx-brand-chapter:nth-child(2n), body.page-index .cx-service-story {
    grid-template-columns: 1fr;
  }

  body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media {
    order: 1;
  }

  body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-copy {
    order: 2;
  }

  body.page-index .cx-brand-media {
    min-height: min(64vw, 620px);
  }

  body.page-index .cx-brand-media:after, body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media:after {
    background: linear-gradient(#0000 55%, #060606b3);
  }

  body.page-index .cx-brand-copy {
    padding: 52px clamp(28px, 7vw, 70px) 68px;
  }

  body.page-index .cx-brand-number {
    margin-bottom: 35px;
  }

  body.page-index .cx-workflow-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  body.page-index .cx-workflow-card-wide {
    grid-column: span 2;
  }

  body.page-index .cx-service-media {
    max-height: 620px;
  }
}

@media (width <= 680px) {
  body.page-index .cx-story-hero {
    border-radius: 24px;
    width: calc(100% - 12px);
    min-height: calc(100svh - 78px);
    margin-top: 8px;
  }

  body.page-index .cx-story-hero-slide figcaption {
    display: none;
  }

  body.page-index .cx-story-hero-controls {
    max-width: none;
    bottom: 22px;
    left: 18px;
    right: 18px;
  }

  body.page-index .cx-story-hero-controls button {
    flex: none;
  }

  body.page-index .cx-story-hero-shade {
    background: linear-gradient(90deg, #000000e8, #0000004d), linear-gradient(#0000 45%, #000000e6);
  }

  body.page-index .cx-story-hero-inner {
    width: calc(100% - 38px);
    padding: 100px 0 28px;
  }

  body.page-index .cx-story-hero h1 {
    font-size: clamp(46px, 15vw, 68px);
  }

  body.page-index .cx-story-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.page-index .cx-story-btn {
    justify-content: space-between;
    width: 100%;
  }

  body.page-index .cx-story-hero-meta {
    gap: 0;
    padding-top: 62px;
  }

  body.page-index .cx-story-hero-meta div {
    padding: 0 9px;
  }

  body.page-index .cx-story-hero-meta strong {
    font-size: 20px;
  }

  body.page-index .cx-story-hero-meta span {
    font-size: 9px;
    line-height: 1.35;
  }

  body.page-index .cx-story-nav {
    width: calc(100% - 20px);
    top: 73px;
  }

  body.page-index .cx-story-nav a {
    height: 40px;
    padding: 8px;
  }

  body.page-index .cx-story-nav img {
    max-width: 68px;
    max-height: 16px;
  }

  body.page-index .cx-story-intro, body.page-index .cx-workflow-story, body.page-index .cx-story-finale {
    width: calc(100% - 34px);
  }

  body.page-index .cx-story-intro {
    padding: 120px 0 110px;
  }

  body.page-index .cx-story-intro h2, body.page-index .cx-workflow-head h2, body.page-index .cx-story-finale h2 {
    font-size: clamp(46px, 13vw, 64px);
  }

  body.page-index .cx-story-orbit {
    gap: 8px;
    margin-top: 48px;
    font-size: 9px;
  }

  body.page-index .cx-story-orbit i {
    width: 12px;
  }

  body.page-index .cx-brand-stories, body.page-index .cx-service-story, body.page-index .contact-redesigned {
    width: calc(100% - 12px) !important;
  }

  body.page-index .cx-brand-chapter {
    border-radius: 25px;
    min-height: auto;
  }

  body.page-index .cx-brand-media {
    min-height: 66vw;
  }

  body.page-index .cx-brand-copy {
    padding: 38px 23px 50px;
  }

  body.page-index .cx-brand-copy h2 {
    font-size: 43px;
  }

  body.page-index .cx-workflow-story {
    padding: 120px 0;
  }

  body.page-index .cx-workflow-head {
    margin-bottom: 44px;
  }

  body.page-index .cx-workflow-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 250px;
  }

  body.page-index .cx-workflow-card, body.page-index .cx-workflow-card-wide {
    border-radius: 22px;
    grid-column: span 1;
  }

  body.page-index .cx-workflow-card > span {
    bottom: 17px;
    left: 18px;
    right: 18px;
  }

  body.page-index .cx-workflow-cta {
    margin-top: 22px;
  }

  body.page-index .cx-service-story {
    border-radius: 25px;
  }

  body.page-index .cx-service-media {
    min-height: 68vw;
  }

  body.page-index .cx-service-copy {
    padding: 48px 23px 55px;
  }

  body.page-index .cx-service-copy h2 {
    font-size: 43px;
  }

  body.page-index .cx-service-steps {
    grid-template-columns: 1fr;
  }

  body.page-index .cx-story-finale {
    padding: 135px 0;
  }

  body.page-index .definition-section, body.page-index .faq-section {
    width: calc(100% - 28px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-index .cx-story-hero-media {
    animation: none;
  }

  body.page-index .cx-brand-media img, body.page-index .cx-workflow-card img, body.page-index .cx-service-media img {
    transition: none;
  }
}

@media (width <= 420px) {
  body.premium-ui .hero-actions {
    flex-direction: column !important;
  }

  body.premium-ui .hero-actions .btn {
    flex: none !important;
    width: 100% !important;
  }

  body.page-index .brands-grid {
    grid-template-columns: 1fr !important;
  }
}

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

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

@media (width >= 1081px) {
  html[data-camixel-theme] body.premium-ui #brands-nav > #brands-mega-menu {
    background: radial-gradient(circle at 18% 8%, #3da57f21, #0000 28%), radial-gradient(circle at 92% 85%, #4175ff1f, #0000 32%), linear-gradient(135deg, #0c0c0cfe, #040809fe) !important;
    border: 1px solid #3da57f33 !important;
    border-top: 0 !important;
    border-radius: 0 0 30px 30px !important;
    width: min(1100px, 100vw - 48px) !important;
    min-width: 0 !important;
    max-width: none !important;
    top: 76px !important;
    box-shadow: 0 40px 110px #000000a6, inset 0 1px #ffffff0f !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    grid-template: "head brands"
                   "head foot"
                   / 280px minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: 430px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu:before {
    opacity: .25 !important;
    background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px) !important;
    background-size: 28px 28px !important;
    mask-image: linear-gradient(90deg, #000, #0000 88%) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    background: linear-gradient(160deg, #3da57f14, #ffffff03) !important;
    border: 0 !important;
    border-right: 1px solid #ffffff1a !important;
    flex-direction: column !important;
    grid-area: head !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    min-width: 0 !important;
    padding: 34px 28px 28px !important;
    display: flex !important;
    position: relative !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head:before {
    content: "" !important;
    pointer-events: none !important;
    border: 1px solid #3da57f2e !important;
    border-radius: 50% !important;
    width: 220px !important;
    height: 220px !important;
    position: absolute !important;
    bottom: 35px !important;
    left: -108px !important;
    box-shadow: 0 0 0 28px #3da57f06, 0 0 0 58px #3da57f05 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading {
    z-index: 1 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    display: flex !important;
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-status {
    color: #b7c5bd !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 48px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-status i {
    background: #3da57f !important;
    border-radius: 50% !important;
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 0 5px #3da57f17, 0 0 18px #3da57fa6 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-eyebrow {
    color: #3da57f !important;
    letter-spacing: .16em !important;
    margin-bottom: 11px !important;
    font-size: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    color: #fff !important;
    letter-spacing: -.055em !important;
    max-width: 210px !important;
    font-size: 34px !important;
    font-weight: 680 !important;
    line-height: .98 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
    color: #95a39b !important;
    max-width: 215px !important;
    margin-top: 17px !important;
    font-size: 12px !important;
    line-height: 1.58 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
    z-index: 1 !important;
    color: #e7fff3 !important;
    background: #3da57f13 !important;
    border-color: #3da57f47 !important;
    border-radius: 13px !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 30px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-area: brands !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 20px 20px 16px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--brand-accent) 12%, transparent), transparent 52%), #ffffff06 !important;
    border: 1px solid #ffffff17 !important;
    border-radius: 18px !important;
    grid-template: "logo copy arrow" 1fr
    / 116px minmax(0, 1fr) 38px !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 152px !important;
    padding: 14px !important;
    box-shadow: inset 0 1px #ffffff06 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:before {
    color: #ffffff09 !important;
    font-size: 46px !important;
    bottom: 8px !important;
    right: 12px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:after {
    content: "" !important;
    background: linear-gradient(90deg, var(--brand-accent), transparent) !important;
    opacity: .26 !important;
    transform-origin: 0 !important;
    border-radius: 999px !important;
    height: 2px !important;
    transition: transform .22s, opacity .22s !important;
    position: absolute !important;
    inset: auto 14px 0 !important;
    transform: scaleX(.32) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
    border-color: color-mix(in srgb, var(--brand-accent) 46%, transparent) !important;
    background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--brand-accent) 18%, transparent), transparent 55%), #ffffff0b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 36px #0000003b, inset 0 1px #ffffff0a !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current):after {
    opacity: .82 !important;
    transform: scaleX(1) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    background: linear-gradient(145deg, #272727d1, #0e0e0ef0) !important;
    border-color: #ffffff1a !important;
    border-radius: 14px !important;
    width: 116px !important;
    height: 116px !important;
    padding: 18px 13px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
    align-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    letter-spacing: -.025em !important;
    font-size: 17px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    color: #9ca9a2 !important;
    max-width: 175px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    background: #0003 !important;
    border-color: #ffffff1f !important;
    align-self: center !important;
    width: 36px !important;
    height: 36px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    border-top: 1px solid #ffffff17 !important;
    grid-area: foot !important;
    min-height: 72px !important;
    margin: 0 20px !important;
    padding: 0 3px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
    gap: 20px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-advisor {
    color: #0a0a0a !important;
    background: #3da57f !important;
    border-radius: 999px !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
  }
}

html[data-camixel-theme] body.page-events.premium-ui header#navbar, html[data-camixel-theme] body.page-events.premium-ui header#navbar.scrolled {
  width: 100% !important;
  max-width: none !important;
  height: 76px !important;
  min-height: 76px !important;
  box-shadow: none !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  background: #060606f0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff1a !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: sticky !important;
  inset: 0 0 auto !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar > .nav-container {
  gap: clamp(16px, 2vw, 30px) !important;
  width: min(1440px, 100% - clamp(32px, 5vw, 80px)) !important;
  max-width: 1440px !important;
  height: 75px !important;
  min-height: 75px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo {
  flex: 0 0 150px !important;
  width: 150px !important;
  height: 64px !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo img {
  object-fit: contain !important;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: 52px !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links {
  align-self: stretch !important;
  gap: 2px !important;
  height: auto !important;
  margin-left: auto !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link {
  color: #c5cec9 !important;
  height: auto !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 10px clamp(8px, .8vw, 13px) !important;
  font-size: 13px !important;
  font-weight: 590 !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link:after {
  content: "" !important;
  opacity: 0 !important;
  background: #3da57f !important;
  border-radius: 2px !important;
  height: 2px !important;
  transition: opacity .2s, transform .28s cubic-bezier(.16, 1, .3, 1) !important;
  display: block !important;
  position: absolute !important;
  bottom: 8px !important;
  left: 12px !important;
  right: 12px !important;
  transform: scaleX(.45) !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link:is(:hover, :focus-visible, .active, [aria-current="page"]) {
  color: #fff !important;
  background: none !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link:is(:hover, :focus-visible, .active, [aria-current="page"]):after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta {
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta > .nav-cta-link {
  color: #0a0a0a !important;
  min-height: 44px !important;
  box-shadow: none !important;
  background: #3da57f !important;
  border: 1px solid #3da57f !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
}

html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta > .nav-cta-secondary {
  color: #e7ece9 !important;
  background: none !important;
  border-color: #ffffff2e !important;
}

@media (width <= 1240px) and (width >= 1101px) {
  html[data-camixel-theme] body.page-events.premium-ui #navbar > .nav-container {
    gap: 13px !important;
    width: calc(100% - 36px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo, html[data-camixel-theme] body.page-events.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo img {
    flex-basis: 132px !important;
    width: 132px !important;
    max-width: 132px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link {
    padding-inline: 8px !important;
    font-size: 12.5px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta > .nav-cta-link {
    padding-inline: 15px !important;
  }
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.page-events.premium-ui header#navbar, html[data-camixel-theme] body.page-events.premium-ui header#navbar.scrolled {
    height: 68px !important;
    min-height: 68px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar > .nav-container {
    width: calc(100% - 32px) !important;
    height: 67px !important;
    min-height: 67px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links {
    background: #070707 !important;
    border-top: 1px solid #ffffff14 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 14px 18px 22px !important;
    display: none !important;
    position: fixed !important;
    inset-block-start: 68px !important;
    inset-inline: 0 !important;
    overflow-y: auto !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links.open {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    display: flex !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar #nav-links .nav-link {
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 48px !important;
    padding-inline: 14px !important;
    font-size: 15px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar .hamburger {
    margin-left: 2px !important;
    display: flex !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta {
    margin-left: auto !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo, html[data-camixel-theme] body.page-events.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-logo img {
    flex-basis: 116px !important;
    width: 116px !important;
    max-width: 116px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui #navbar .nav-cta {
    display: none !important;
  }
}

html[data-camixel-theme] body.page-events .event-journal-section {
  position: relative;
  overflow: clip;
  background: #070707 !important;
  padding-block: clamp(88px, 10vw, 152px) !important;
}

html[data-camixel-theme] body.page-events .event-journal-section:before {
  content: "";
  pointer-events: none;
  opacity: .24;
  background-image: linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
  background-size: 72px 72px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
}

html[data-camixel-theme] body.page-events .event-journal-section > .container {
  z-index: 1;
  position: relative;
  max-width: 1360px !important;
}

html[data-camixel-theme] body.page-events .event-journal-heading {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  align-items: end;
  gap: clamp(28px, 6vw, 96px);
  margin-bottom: clamp(40px, 6vw, 82px);
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-heading h2 {
  text-wrap: balance;
  max-width: 760px;
  letter-spacing: -.06em !important;
  margin: 14px 0 0 !important;
  font-size: clamp(2.55rem, 5.7vw, 5.4rem) !important;
  line-height: .96 !important;
}

html[data-camixel-theme] body.page-events .event-journal-heading > p {
  max-width: 520px;
  margin: 0 0 5px;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.72;
  color: #a9b3ad !important;
}

html[data-camixel-theme] body.page-events .event-journal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(28px, 4vw, 58px) clamp(22px, 3vw, 40px);
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-card {
  color: #f7faf8;
  isolation: isolate;
  background: linear-gradient(#ffffff0b, #ffffff05);
  border: 1px solid #ffffff18;
  border-radius: clamp(20px, 2.2vw, 32px);
  min-width: 0;
  transition: transform .52s cubic-bezier(.16, 1, .3, 1), border-color .32s, box-shadow .52s cubic-bezier(.16, 1, .3, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 64px #0000003b;
}

html[data-camixel-theme] body.page-events .event-journal-card:hover, html[data-camixel-theme] body.page-events .event-journal-card:focus-within {
  border-color: #3da57f61;
  transform: translateY(-7px);
  box-shadow: 0 34px 88px #0000006b, 0 0 0 1px #3da57f14;
}

html[data-camixel-theme] body.page-events .event-journal-featured {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.62fr) minmax(330px, .72fr);
  min-height: clamp(590px, 62vw, 760px);
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-hit {
  z-index: 5;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
  border-radius: inherit !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-events .event-journal-hit:focus-visible {
  outline-offset: -6px;
  outline: 3px solid #3da57f !important;
}

html[data-camixel-theme] body.page-events .event-journal-visual {
  background: #060606;
  grid-template-columns: minmax(0, 1fr) 132px;
  gap: 10px;
  min-height: 410px;
  padding: 10px;
  display: grid;
  position: relative;
  overflow: hidden;
}

html[data-camixel-theme] body.page-events .event-journal-card:not(.event-journal-featured) .event-journal-visual {
  grid-template-columns: minmax(0, 1fr) 112px;
  min-height: 390px;
}

html[data-camixel-theme] body.page-events .event-journal-visual:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0000 55%, #00000052);
  border-radius: 19px;
  position: absolute;
  inset: 10px;
}

html[data-camixel-theme] body.page-events .event-journal-hero-image, html[data-camixel-theme] body.page-events .event-journal-filmstrip img {
  object-fit: cover;
  border-radius: 19px;
  width: 100%;
  min-width: 0;
  height: 100%;
  transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .45s;
  display: block;
}

html[data-camixel-theme] body.page-events .event-journal-hero-image {
  min-height: 0;
}

html[data-camixel-theme] body.page-events .event-journal-card:hover .event-journal-hero-image, html[data-camixel-theme] body.page-events .event-journal-card:focus-within .event-journal-hero-image {
  filter: saturate(1.07) contrast(1.02);
  transform: scale(1.025);
}

html[data-camixel-theme] body.page-events .event-journal-filmstrip {
  grid-auto-rows: minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-copy {
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(28px, 4vw, 58px);
  display: flex;
  position: relative;
}

html[data-camixel-theme] body.page-events .event-journal-featured .event-journal-copy {
  justify-content: flex-end;
}

html[data-camixel-theme] body.page-events .event-journal-meta {
  color: #9aa79f;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 15px;
  margin-bottom: clamp(24px, 4vw, 46px);
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

html[data-camixel-theme] body.page-events .event-journal-meta span:first-child {
  color: #0a0a0a;
  letter-spacing: 0;
  background: #3da57f;
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-meta span + span:before {
  content: "";
  background: #3da57f;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: 0 12px 2px 0;
  display: inline-block;
}

html[data-camixel-theme] body.page-events .event-journal-copy h3 {
  text-wrap: balance;
  max-width: 11ch;
  font-size: clamp(2rem, 3.6vw, 4.4rem);
  color: #f7faf8 !important;
  letter-spacing: -.055em !important;
  margin: 0 0 18px !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.page-events .event-journal-card:not(.event-journal-featured) .event-journal-copy h3 {
  font-size: clamp(1.75rem, 2.6vw, 2.75rem);
}

html[data-camixel-theme] body.page-events .event-journal-copy > p {
  max-width: 46ch;
  margin: 0 0 34px;
  font-size: .98rem;
  line-height: 1.7;
  color: #a9b3ad !important;
}

html[data-camixel-theme] body.page-events .event-journal-cta {
  color: #3da57f;
  letter-spacing: .04em;
  align-items: center;
  gap: 11px;
  margin-top: auto;
  font-size: .84rem;
  font-weight: 750;
  display: inline-flex;
}

html[data-camixel-theme] body.page-events .event-journal-cta span {
  color: #0a0a0a;
  background: #3da57f;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1);
  display: grid;
}

html[data-camixel-theme] body.page-events .event-journal-card:hover .event-journal-cta span, html[data-camixel-theme] body.page-events .event-journal-card:focus-within .event-journal-cta span {
  transform: translate(3px, -3px);
}

html[data-camixel-theme] body.page-events .album-viewer {
  backdrop-filter: blur(28px) saturate(120%) !important;
  background: #040404f5 !important;
}

html[data-camixel-theme] body.page-events .album-topbar {
  border-color: #ffffff17 !important;
  padding: 20px clamp(20px, 4vw, 60px) !important;
}

html[data-camixel-theme] body.page-events .album-topbar-title {
  color: #f7faf8 !important;
  font-size: clamp(1rem, 1.7vw, 1.3rem) !important;
}

html[data-camixel-theme] body.page-events .album-topbar-meta {
  color: #3da57f !important;
}

html[data-camixel-theme] body.page-events .album-topbar-close, html[data-camixel-theme] body.page-events .album-nav {
  color: #f7faf8 !important;
  background: #141414 !important;
  border-color: #ffffff21 !important;
  box-shadow: 0 10px 28px #00000047 !important;
}

html[data-camixel-theme] body.page-events .album-topbar-close:hover, html[data-camixel-theme] body.page-events .album-nav:hover {
  color: #0a0a0a !important;
  background: #3da57f !important;
  border-color: #3da57f !important;
}

html[data-camixel-theme] body.page-events .album-main-img {
  border-radius: 18px !important;
  box-shadow: 0 30px 90px #0000009e !important;
}

html[data-camixel-theme] body.page-events .album-thumb {
  background: #0e0e0e !important;
  border: 2px solid #0000 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-events .album-thumb.active {
  border-color: #3da57f !important;
  box-shadow: 0 0 0 2px #3da57f29 !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body.page-events .event-journal-heading {
    grid-template-columns: 1fr;
    align-items: start;
  }

  html[data-camixel-theme] body.page-events .event-journal-featured {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  html[data-camixel-theme] body.page-events .event-journal-featured .event-journal-copy {
    min-height: 360px;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-events .event-journal-grid {
    grid-template-columns: 1fr;
  }

  html[data-camixel-theme] body.page-events .event-journal-featured {
    grid-column: auto;
  }

  html[data-camixel-theme] body.page-events .event-journal-card:not(.event-journal-featured) .event-journal-visual, html[data-camixel-theme] body.page-events .event-journal-visual {
    grid-template-columns: minmax(0, 1fr) 88px;
    min-height: clamp(320px, 90vw, 480px);
  }

  html[data-camixel-theme] body.page-events .event-journal-copy, html[data-camixel-theme] body.page-events .event-journal-featured .event-journal-copy {
    min-height: 0;
    padding: 28px 24px 32px;
  }

  html[data-camixel-theme] body.page-events .event-journal-meta {
    margin-bottom: 22px;
  }

  html[data-camixel-theme] body.page-events .event-journal-meta span:last-child {
    display: none;
  }
}

@media (width <= 480px) {
  html[data-camixel-theme] body.page-events .event-journal-visual, html[data-camixel-theme] body.page-events .event-journal-card:not(.event-journal-featured) .event-journal-visual {
    min-height: 320px;
    display: block;
  }

  html[data-camixel-theme] body.page-events .event-journal-filmstrip {
    z-index: 2;
    gap: 6px;
    display: flex;
    position: absolute;
    bottom: 22px;
    right: 22px;
  }

  html[data-camixel-theme] body.page-events .event-journal-filmstrip img {
    border: 2px solid #ffffffc7;
    width: 54px;
    height: 66px;
    box-shadow: 0 8px 24px #0006;
    border-radius: 10px !important;
  }
}

html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
  flex: 0 0 150px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 150px !important;
  height: 62px !important;
  display: inline-flex !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
  aspect-ratio: 1400 / 551;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: 60px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero {
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  min-height: calc(100svh - 76px) !important;
  margin: 0 !important;
}

@media (width <= 1240px) and (width >= 1081px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
    flex-basis: 126px !important;
    width: 126px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
    width: 126px !important;
    max-width: 126px !important;
    max-height: 50px !important;
  }
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
    flex-basis: 140px !important;
    width: 140px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
    width: 140px !important;
    max-width: 140px !important;
    max-height: 56px !important;
  }
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.page-index .cx-story-hero {
    min-height: calc(100svh - 68px) !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
    flex-basis: 120px !important;
    width: 120px !important;
    height: 54px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
    width: 120px !important;
    max-width: 120px !important;
    max-height: 48px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero {
    min-height: calc(100svh - 68px) !important;
  }
}

@media (width <= 420px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-logo {
    flex-basis: 106px !important;
    width: 106px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .site-logo-header, html[data-camixel-theme] body.premium-ui #navbar .nav-logo img {
    width: 106px !important;
    max-width: 106px !important;
    max-height: 43px !important;
  }
}

html[data-camixel-theme] body.page-solutions.premium-ui .solution-card[id] {
  scroll-margin-top: 132px !important;
}

html[data-camixel-theme] body.premium-ui :where(.solutions-grid, .models-grid, .values-grid, .val-grid, .support-grid, .eco-grid) {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
}

html[data-camixel-theme] body.premium-ui :where(.solutions-grid, .models-grid, .values-grid, .val-grid, .support-grid, .eco-grid) > :where(.solution-card, .model-card, .value-card, .val-card, .support-card, .eco-card) {
  height: 100% !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.page-community.premium-ui .community-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100% - 32px, 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 760px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-mosaic {
    width: min(100%, 680px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-hero-content {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content .hero-actions, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content .hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content .hero-actions > .btn, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content .hero-actions > .btn {
    box-sizing: border-box !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero {
    border-radius: 0 !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero-grid {
    gap: 34px !important;
    width: calc(100% - 32px) !important;
    padding-block: 52px 64px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-title {
    overflow-wrap: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.7rem, 13vw, 3.55rem) !important;
    line-height: .98 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-mosaic {
    min-height: 340px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-photo--one {
    inset: 0 4% 13% 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-photo--two {
    width: 56% !important;
    right: 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-photo--three {
    right: 0 !important;
  }
}

@media (width <= 520px) {
  html[data-camixel-theme] body.page-community.premium-ui .community-hero-grid {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-mosaic {
    min-height: 310px !important;
  }
}

html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav {
  z-index: 4 !important;
  width: 100% !important;
  max-width: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: linear-gradient(#0a0a0a 0%, #050505 100%) !important;
  border: 1px solid #ffffff17 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: clamp(34px, 4.2vw, 62px) max(28px, 50% - 690px) !important;
  display: grid !important;
  position: relative !important;
  inset: auto !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a {
  height: clamp(82px, 7vw, 108px) !important;
  box-shadow: none !important;
  opacity: .88 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 20px !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 18px clamp(14px, 2vw, 32px) !important;
  transition: background-color .3s, opacity .3s, transform .3s !important;
  display: flex !important;
  transform: translateY(0) !important;
}

html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a + a {
  margin-left: 0 !important;
}

html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a:hover, html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a:focus-visible {
  opacity: 1 !important;
  background: #3da57f14 !important;
  transform: translateY(-4px) !important;
}

html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a > img {
  object-fit: contain !important;
  filter: drop-shadow(0 5px 18px #0000007a) !important;
  width: auto !important;
  max-width: min(220px, 92%) !important;
  height: auto !important;
  max-height: 58px !important;
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 24px 16px !important;
  }

  html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a {
    height: 70px !important;
    padding: 12px 10px !important;
  }

  html[data-camixel-theme] body.page-index main.cx-story > .cx-story-nav > a > img {
    max-width: 142px !important;
    max-height: 40px !important;
  }
}

html[data-camixel-theme] body.page-index .cx-story-nav {
  z-index: 4 !important;
  width: 100% !important;
  max-width: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  background: linear-gradient(#080808, #050505) !important;
  border: 1px solid #ffffff17 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: clamp(30px, 4vw, 54px) max(24px, 50% - 660px) !important;
  position: relative !important;
  top: auto !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a {
  opacity: .86 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 18px !important;
  height: clamp(72px, 7vw, 98px) !important;
  padding: 12px 28px !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav img {
  max-width: min(205px, 94%) !important;
  max-height: 54px !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-controls {
  display: none !important;
}

html[data-camixel-theme] body.page-index .cx-story-kicker b, html[data-camixel-theme] body.page-index #cx-hero-cta {
  font: inherit !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero h1, html[data-camixel-theme] body.page-index .cx-story-hero-inner > p {
  text-wrap: balance !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-arranged-section {
  padding-block: clamp(104px, 11vw, 176px) !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-compact-section {
  padding-block: clamp(58px, 6vw, 92px) !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-arranged-section > :where(.container, .section-shell, .page-container), html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-compact-section > :where(.container, .section-shell, .page-container) {
  width: min(1220px, 100% - clamp(36px, 6vw, 88px)) !important;
  max-width: 1220px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-arranged-section :where(h2, .section-title) {
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
  max-width: 920px !important;
  font-size: clamp(42px, 5.5vw, 78px) !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-arranged-section :where(.section-desc, .section-subtitle, .section-lead) {
  color: #9aa69f !important;
  max-width: 720px !important;
  font-size: clamp(16px, 1.55vw, 21px) !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-equal-grid {
  align-items: stretch !important;
  gap: clamp(16px, 2vw, 26px) !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-interactive-card {
  background: linear-gradient(145deg, #ffffff0c, #ffffff05) !important;
  border: 1px solid #ffffff1a !important;
  border-radius: clamp(22px, 2.2vw, 30px) !important;
  box-shadow: 0 22px 65px #00000029 !important;
}

html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-interactive-card:hover {
  border-color: #3da57f6b !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 32px 80px #00000047 !important;
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index .cx-story-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 22px 12px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav a {
    height: 62px !important;
    padding: 10px 16px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav img {
    max-width: 132px !important;
    max-height: 36px !important;
  }

  html[data-camixel-theme] body.premium-ui:not(.page-index) .ux-arranged-section {
    padding-block: 88px !important;
  }
}

html[data-camixel-theme] body.page-index .cx-story-hero-media {
  background: #060606 !important;
  animation: none !important;
  transform: none !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slides, html[data-camixel-theme] body.page-index .cx-story-hero-slide {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide img {
  object-fit: cover !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="3"] img {
  object-position: 50% center !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav {
  align-items: stretch !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a {
  opacity: 1 !important;
  background: #f3f6f4 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a:hover, html[data-camixel-theme] body.page-index .cx-story-nav a:focus-visible {
  background: #fff !important;
  box-shadow: inset 0 0 0 2px #3da57f6b !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav img {
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: min(118px, 80%) !important;
  height: auto !important;
  max-height: 25px !important;
  margin: auto !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav img[alt="Sennheiser"], html[data-camixel-theme] body.page-index .cx-brand-logo[alt="Sennheiser"] {
  filter: invert() grayscale() contrast(1.15) !important;
}

html[data-camixel-theme] body.page-index .cx-brand-logo[alt="Sennheiser"] {
  filter: none !important;
  background: #060606 !important;
  border-color: #ffffff24 !important;
}

html[data-camixel-theme] body.page-index .cx-brand-logo {
  box-sizing: content-box !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  opacity: 1 !important;
  background: #f7f9f8 !important;
  border: 1px solid #ffffff80 !important;
  border-radius: 14px !important;
  width: auto !important;
  max-width: 174px !important;
  height: auto !important;
  max-height: 42px !important;
  margin: 0 0 30px !important;
  padding: 14px 18px !important;
  display: block !important;
  box-shadow: 0 12px 30px #0000002e !important;
}

@media (width >= 981px) {
  html[data-camixel-theme] body.page-index .cx-brand-chapter, html[data-camixel-theme] body.page-index .cx-brand-chapter:nth-child(2n) {
    grid-template-columns: minmax(0, 1.58fr) minmax(390px, .82fr) !important;
    align-items: stretch !important;
    height: 790px !important;
    min-height: 790px !important;
    max-height: 790px !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-chapter:nth-child(2n) {
    grid-template-columns: minmax(390px, .82fr) minmax(0, 1.58fr) !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-media, html[data-camixel-theme] body.page-index .cx-brand-copy {
    height: 790px !important;
    min-height: 0 !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-copy {
    overflow: hidden !important;
  }
}

html[data-camixel-theme] body.page-index .cx-brand-media img {
  object-fit: cover !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index .cx-brand-blackmagic .cx-brand-media img {
  object-position: 53% center !important;
}

html[data-camixel-theme] body.page-index .cx-brand-eizo .cx-brand-media img {
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-index .cx-brand-sennheiser .cx-brand-media img, html[data-camixel-theme] body.page-index .cx-brand-ptz .cx-brand-media img {
  object-position: 55% center !important;
}

html[data-camixel-theme] body.page-index .cx-workflow-grid {
  align-items: stretch !important;
}

html[data-camixel-theme] body.page-index .cx-workflow-card {
  height: 340px !important;
  min-height: 340px !important;
}

html[data-camixel-theme] body.page-index .cx-workflow-card img {
  object-fit: cover !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  display: block !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body.page-index .cx-brand-chapter, html[data-camixel-theme] body.page-index .cx-brand-chapter:nth-child(2n), html[data-camixel-theme] body.page-index .cx-brand-media, html[data-camixel-theme] body.page-index .cx-brand-copy {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-media {
    height: clamp(330px, 64vw, 560px) !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index .cx-story-nav {
    padding: 4px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav a {
    height: 38px !important;
    padding: 8px 5px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav a + a {
    margin-left: 3px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav img {
    max-width: 62px !important;
    max-height: 17px !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-logo {
    max-width: 142px !important;
    max-height: 34px !important;
    padding: 11px 14px !important;
  }

  html[data-camixel-theme] body.page-index .cx-workflow-card {
    height: 250px !important;
    min-height: 250px !important;
  }
}

html[data-camixel-theme] body.page-index .cx-story-hero-controls {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: min(900px, 100% - 48px) !important;
  max-width: none !important;
  display: grid !important;
  bottom: clamp(18px, 3vw, 38px) !important;
  right: clamp(18px, 4vw, 58px) !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-controls button {
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 10px !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="0"] img {
  object-position: 56% center !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="1"] img {
  object-position: 54% center !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="2"] img, html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="3"] img {
  object-position: center !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="4"] img, html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="5"] img {
  object-position: 52% center !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide[data-hero-slide="6"] img {
  object-position: 50% center !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav {
  background: #0a0a0ac7 !important;
  width: min(960px, 100% - 32px) !important;
  padding: 5px 12px !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a {
  opacity: .78 !important;
  background: none !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 9px 24px !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a + a {
  margin-left: 0 !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav a:hover, html[data-camixel-theme] body.page-index .cx-story-nav a:focus-visible {
  box-shadow: none !important;
  opacity: 1 !important;
  background: #3da57f1a !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav img {
  filter: drop-shadow(0 3px 12px #00000073) !important;
  max-width: min(155px, 92%) !important;
  max-height: 34px !important;
}

html[data-camixel-theme] body.page-index .cx-story-nav img[alt="Sennheiser"] {
  filter: drop-shadow(0 3px 12px #00000073) !important;
}

html[data-camixel-theme] body.page-index .cx-brand-logo, html[data-camixel-theme] body.page-index .cx-brand-logo[alt="Sennheiser"] {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 230px !important;
  height: auto !important;
  max-height: 62px !important;
  box-shadow: none !important;
  filter: drop-shadow(0 5px 18px #0000008c) !important;
  opacity: 1 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-index .cx-brand-media:after {
  background: linear-gradient(90deg, #0000 52%, #05050533 68%, #0a0a0a 100%) !important;
}

html[data-camixel-theme] body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media:after {
  background: linear-gradient(-90deg, #0000 52%, #05050533 68%, #0a0a0a 100%) !important;
}

html[data-camixel-theme] body.page-index .cx-brand-eizo .cx-brand-media {
  background: #0a0a0a !important;
}

html[data-camixel-theme] body.page-index .cx-brand-eizo .cx-brand-media:after {
  background: linear-gradient(-90deg, #0a0a0af0 0%, #0000 30%), linear-gradient(90deg, #0000 58%, #0a0a0a 100%) !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body.page-index .cx-story-hero-controls {
    scrollbar-width: none !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    left: 18px !important;
    right: 18px !important;
    overflow-x: auto !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero-controls button {
    flex: none !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-media:after, html[data-camixel-theme] body.page-index .cx-brand-chapter:nth-child(2n) .cx-brand-media:after {
    background: linear-gradient(#0000 45%, #0505055c 76%, #0a0a0a 100%) !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index .cx-story-nav {
    padding: 4px 6px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav a {
    height: 46px !important;
    padding: 7px 8px !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-nav img {
    max-width: 78px !important;
    max-height: 23px !important;
  }

  html[data-camixel-theme] body.page-index .cx-brand-logo, html[data-camixel-theme] body.page-index .cx-brand-logo[alt="Sennheiser"] {
    max-width: 190px !important;
    max-height: 50px !important;
  }
}

html[data-camixel-theme] body.page-index .cx-industries-story {
  width: min(1380px, 100% - 48px) !important;
  margin: 0 auto !important;
  padding: clamp(80px, 8vw, 130px) 0 clamp(150px, 17vw, 250px) !important;
}

html[data-camixel-theme] body.page-index .cx-industries-head {
  max-width: 820px !important;
  margin-bottom: clamp(48px, 6vw, 76px) !important;
}

html[data-camixel-theme] body.page-index .cx-industries-head h2 {
  color: #fff !important;
  letter-spacing: -.06em !important;
  margin: 24px 0 20px !important;
  font-size: clamp(50px, 6vw, 88px) !important;
  font-weight: 630 !important;
  line-height: .96 !important;
}

html[data-camixel-theme] body.page-index .cx-industries-head h2 em {
  color: var(--story-green) !important;
  font-style: normal !important;
}

html[data-camixel-theme] body.page-index .cx-industries-head p {
  color: #98a39d !important;
  max-width: 680px !important;
  margin: 0 !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  line-height: 1.6 !important;
}

html[data-camixel-theme] body.page-index .cx-industries-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-index .cx-industry-card {
  min-width: 0 !important;
  height: 446px !important;
  color: inherit !important;
  background: #101010 !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 26px !important;
  grid-template-rows: 220px minmax(210px, 1fr) !important;
  text-decoration: none !important;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .3s, box-shadow .35s !important;
  display: grid !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 18px 48px #00000024 !important;
}

html[data-camixel-theme] body.page-index .cx-industry-card:hover {
  border-color: #3da57f7a !important;
  transform: translateY(-7px) !important;
  box-shadow: 0 28px 70px #00000047, inset 0 0 0 1px #3da57f14 !important;
}

html[data-camixel-theme] body.page-index .cx-industry-image {
  background: #0c0c0c !important;
  min-width: 0 !important;
  height: 220px !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-index .cx-industry-image:after {
  content: "" !important;
  pointer-events: none !important;
  background: linear-gradient(#0000 48%, #10101047 70%, #101010 100%) !important;
  position: absolute !important;
  inset: 0 !important;
}

html[data-camixel-theme] body.page-index .cx-industry-image img {
  object-fit: cover !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  transition: transform .65s cubic-bezier(.2, .8, .2, 1), filter .4s !important;
  display: block !important;
}

html[data-camixel-theme] body.page-index .cx-industry-card:hover .cx-industry-image img {
  filter: saturate(1.08) contrast(1.03) !important;
  transform: scale(1.055) !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide img {
  filter: saturate(.9) contrast(1.03) brightness(.86) !important;
}

html[data-camixel-theme] body.page-index .cx-industry-copy {
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 19px 20px 20px !important;
  display: flex !important;
}

html[data-camixel-theme] body.page-index .cx-industry-copy h3 {
  color: #f5f7f6 !important;
  letter-spacing: -.025em !important;
  margin: 0 0 12px !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
}

html[data-camixel-theme] body.page-index .cx-industry-copy p {
  color: #98a19c !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

html[data-camixel-theme] body.page-index .cx-industry-copy span {
  color: var(--story-green-bright) !important;
  opacity: 0 !important;
  margin-top: auto !important;
  padding-top: 16px !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  transition: opacity .25s, transform .25s !important;
  transform: translateY(6px) !important;
}

html[data-camixel-theme] body.page-index .cx-industry-card:hover .cx-industry-copy span, html[data-camixel-theme] body.page-index .cx-industry-card:focus-visible .cx-industry-copy span {
  opacity: 1 !important;
  transform: none !important;
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.page-index .cx-industries-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-card {
    grid-template-rows: 240px minmax(190px, 1fr) !important;
    height: 446px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-image {
    height: 240px !important;
  }
}

@media (width <= 620px) {
  html[data-camixel-theme] body.page-index .cx-industries-story {
    width: calc(100% - 28px) !important;
    padding: 80px 0 130px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industries-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-card {
    border-radius: 23px !important;
    grid-template-rows: 230px minmax(185px, 1fr) !important;
    height: 430px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-image {
    height: 230px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-copy {
    padding: 18px 19px 20px !important;
  }

  html[data-camixel-theme] body.page-index .cx-industry-copy span {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index .cx-story-hero-shade {
    background: linear-gradient(90deg, #000000b8 0%, #00000057 72%, #0000002e 100%), linear-gradient(#0000 48%, #020202d1 100%) !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero-slide img {
    filter: saturate(.94) contrast(1.02) brightness(.92) !important;
  }
}

html[data-camixel-theme] {
  color-scheme: dark;
  scroll-behavior: auto !important;
}

html[data-camixel-theme] body.premium-ui {
  --ux-bg: #050505;
  --ux-surface: #0a0a0a;
  --ux-surface-2: #111;
  --ux-paper: #060606;
  --ux-paper-2: #0c0c0c;
  --ux-ink: #f4f7f5;
  --ux-body: #a8b3ad;
  --ux-text: #f4f7f5;
  --ux-muted: #96a39c;
  --ux-green: #3da57f;
  --ux-green-strong: #3da57f;
  --ux-line: #ffffff1a;
  --ux-line-dark: #ffffff1a;
  color: var(--ux-text) !important;
  background: radial-gradient(900px at 12% -8%, #3da57f13, #0000 46%), linear-gradient(#060606 0%, #040404 100%) !important;
}

html[data-camixel-theme] body.premium-ui main {
  overflow: clip;
}

html[data-camixel-theme] body.premium-ui :where(.container, .section-shell, .footer-container) {
  width: min(1200px, 100% - clamp(40px, 7vw, 96px)) !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section {
  border-top-color: #ffffff13 !important;
}

html[data-camixel-theme] body.premium-ui :where(.section-header, .events-section-header, .community-section-head, .contact-header-new) :where(h2, .section-title) {
  color: #f6f8f7 !important;
  letter-spacing: -.052em !important;
  font-size: clamp(2.55rem, 5vw, 4.85rem) !important;
  font-weight: 650 !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui :where(.section-desc, .section-sub, .community-section-intro, .answer-hub-intro) {
  max-width: 720px !important;
  color: var(--ux-muted) !important;
  margin-top: 24px !important;
  font-size: clamp(1rem, 1.35vw, 1.15rem) !important;
  line-height: 1.72 !important;
}

html[data-camixel-theme] body.premium-ui :where(.section-tag, .sol-hero-kicker, .hero-pill) {
  color: var(--ux-green) !important;
  letter-spacing: .14em !important;
  margin-bottom: 22px !important;
}

html[data-camixel-theme] body.premium-ui :where(.ux-equal-grid, .models-grid, .events-grid, .solutions-grid, .industries-mega-grid, .support-grid, .values-grid, .advantage-grid, .ptz-categories-grid) {
  gap: clamp(18px, 2vw, 28px) !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card {
  will-change: auto !important;
  border-radius: clamp(22px, 2.2vw, 30px) !important;
  transition: transform .22s cubic-bezier(.2, .75, .25, 1), border-color .22s, box-shadow .22s !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
}

html[data-camixel-theme] body.premium-ui .ux-card-light {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui :where(.answer-card, .vm-card, .value-card, .why-card, .support-card, .advantage-card, .trust-card, .eco-card, .community-card) {
  color: var(--ux-text) !important;
  box-shadow: none !important;
  background: linear-gradient(145deg, #ffffff0b, #ffffff05) !important;
  border: 1px solid #ffffff1a !important;
  padding: clamp(28px, 3.2vw, 44px) !important;
}

html[data-camixel-theme] body.premium-ui :where(.answer-card, .vm-card, .value-card, .why-card, .support-card, .advantage-card, .trust-card, .eco-card, .community-card) p {
  color: var(--ux-muted) !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn, .nav-cta-link, .model-card-link) {
  border-radius: 999px !important;
  min-height: 48px !important;
  transition: transform .18s, color .18s, border-color .18s, background .18s, box-shadow .18s !important;
}

html[data-camixel-theme] body.premium-ui :where(.btn, .nav-cta-link, .model-card-link):is(:hover, :focus-visible) {
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.premium-ui :where(input, select, textarea) {
  color: #f3f6f4 !important;
  box-shadow: none !important;
  background: #0d0d0d !important;
  border-color: #ffffff21 !important;
}

html[data-camixel-theme] body.premium-ui :where(input, select, textarea)::placeholder {
  color: #728078 !important;
}

html[data-camixel-theme] body.premium-ui :where(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--ux-green) 72%, transparent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ux-green) 12%, transparent) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready {
  transition: opacity .36s, transform .36s cubic-bezier(.2, .75, .25, 1) !important;
  transform: translateY(14px) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready.ux-visible {
  transform: translateY(0) !important;
}

html[data-camixel-theme] body.premium-ui .reveal {
  transition-duration: .36s !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui :where(.container, .section-shell, .footer-container) {
    width: min(100% - 36px, 1200px) !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.section-header, .events-section-header, .community-section-head, .contact-header-new) :where(h2, .section-title) {
    font-size: clamp(2.25rem, 11vw, 3.35rem) !important;
  }

  html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-within) {
    transform: none !important;
  }
}

html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar, .catalogue-toolbar, .ptz-product-toolbar) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-filter-group, .catalogue-filter-group) {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 8px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui .lineup-filter-btn {
  color: #aebbb5 !important;
  background: #121212f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding-inline: 16px !important;
  box-shadow: 0 10px 26px #0003 !important;
}

html[data-camixel-theme] body.premium-ui .lineup-filter-btn:is(:hover, :focus-visible) {
  color: #fff !important;
  background: #202020fa !important;
  border: 0 !important;
}

html[data-camixel-theme] body.premium-ui .lineup-filter-btn.active-filter {
  color: #fff !important;
  background: #2a2a2a !important;
  border: 0 !important;
  box-shadow: 0 12px 28px #00000047 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .catalogue-search) {
  background: #101010f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  box-shadow: 0 12px 30px #0003 !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .catalogue-search) input {
  color: #eef4f0 !important;
  min-height: 46px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  padding: 0 4px !important;
}

html[data-camixel-theme] body.premium-ui :where(.lineup-search, .catalogue-search):focus-within {
  box-shadow: 0 0 0 2px #ffffff6b, 0 14px 34px #0000003d !important;
}

html[data-camixel-theme] body.premium-ui .catalogue-result-count {
  background: #121212f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  box-shadow: 0 10px 26px #0000002e !important;
}

html[data-camixel-theme] body.page-events.premium-ui .brand-filter-tabs, html[data-camixel-theme] body.page-community.premium-ui .community-forum-toolbar {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .brand-tab {
  background: #121212f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px #0000002e !important;
}

html[data-camixel-theme] body.page-events.premium-ui .brand-tab.active {
  color: #fff !important;
  background: #2a2a2a !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .lineup-toolbar {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .lineup-toolbar .lineup-filter-group {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  gap: 8px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .lineup-toolbar .lineup-search {
  background: #101010f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  box-shadow: 0 12px 30px #0003 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .lineup-toolbar .lineup-search input {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 4px !important;
}

html[data-camixel-theme] body.premium-ui :is(.lineup-search, .catalogue-search) input:focus-visible {
  outline-offset: 0 !important;
  outline: 0 !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui :where(.lineup-toolbar, .catalogue-toolbar, .ptz-product-toolbar) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.lineup-search, .catalogue-search) {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-status {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    color: #fff !important;
    white-space: normal !important;
    text-overflow: clip !important;
    max-width: none !important;
    font-size: 15px !important;
    overflow: visible !important;
  }
}

@media (width >= 1081px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    background: radial-gradient(circle at 12% 10%, #3da57f29, #0000 32%), linear-gradient(145deg, #0e0e0e, #070707 72%) !important;
    border-radius: 0 0 28px 28px !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    min-height: 500px !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    padding: 30px 24px 24px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-status {
    margin-bottom: 38px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    font-size: 31px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-rows: repeat(4, 92px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: 92px !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 16px 18px 12px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    background: radial-gradient(190px circle at var(--card-pointer-x, 18%) var(--card-pointer-y, 50%), color-mix(in srgb, var(--brand-accent) 17%, transparent), transparent 68%), linear-gradient(145deg, #ffffff0a, #ffffff05) !important;
    will-change: transform !important;
    grid-template-columns: 104px minmax(0, 1fr) 36px !important;
    width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
    transform: translate(5px) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:active {
    transform: translate(5px) scale(.988) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    width: 104px !important;
    height: 68px !important;
    padding: 10px 12px !important;
    transition: transform .22s cubic-bezier(.2, .75, .25, 1), border-color .22s, box-shadow .22s !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img {
    transition: transform .22s cubic-bezier(.2, .75, .25, 1), filter .22s !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) .mega-logo-stage {
    border-color: color-mix(in srgb, var(--brand-accent) 42%, #ffffff26) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 20px #00000040, inset 0 1px #ffffff0d !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) .mega-logo-stage img {
    filter: saturate(1.08) contrast(1.04) !important;
    transform: scale(1.09) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    transition: transform .22s cubic-bezier(.2, .75, .25, 1), color .22s, border-color .22s, background .22s !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) .mega-arrow {
    color: var(--brand-accent) !important;
    border-color: color-mix(in srgb, var(--brand-accent) 48%, transparent) !important;
    background: color-mix(in srgb, var(--brand-accent) 12%, #00000038) !important;
    transform: translate(2px) rotate(-8deg) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    gap: 14px !important;
    min-height: 68px !important;
    margin: 0 18px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot > span {
    max-width: 185px !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
    flex-shrink: 0 !important;
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a {
    white-space: nowrap !important;
    width: auto !important;
    font-size: 10.5px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions .mega-menu-advisor {
    color: #0a0a0a !important;
    padding: 0 12px !important;
  }
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-auto-rows: 104px !important;
    align-items: stretch !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    height: 104px !important;
    min-height: 104px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    transition-duration: .01ms !important;
  }
}

html[data-camixel-theme] body.page-eizo.premium-ui section.cat-tabs-section {
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
  background: none !important;
  border: 0 !important;
  padding-block: 12px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  box-shadow: none !important;
  pointer-events: auto !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  gap: 8px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn {
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  background: #121212f5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 46px !important;
  padding-inline: 24px !important;
  box-shadow: 0 12px 30px #0003 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn:is(:hover, :focus-visible) {
  background: #202020fa !important;
  border: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn.active {
  background: #2a2a2a !important;
  border: 0 !important;
  box-shadow: 0 14px 32px #00000047 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui {
  --eizo-green: #2d7d61;
  --eizo-green-dark: #333;
  --eizo-green-hover: #2d7d61;
  --eizo-green-light: #3da57f;
  --cx-green: var(--eizo-green);
  --cx-green-strong: var(--eizo-green-dark);
  --cx-green-dim: #2d7d6129;
  --cx-green-glow: #2d7d614d;
  --green: var(--eizo-green);
  --green-dim: #2d7d6129;
  --green-glow: #2d7d614d;
  --border-green: #2d7d617a;
  --cxnav-green: var(--eizo-green);
  --cxnav-green-ink: #fff;
  --ux-green: var(--eizo-green);
  --ux-green-strong: var(--eizo-green-dark);
  --ez-green: var(--eizo-green);
  --ez-green-hover: var(--eizo-green-hover);
  --ez-green-ink: #fff;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :is(.btn-primary, .model-card-link, #eizo-submit-btn), html[data-camixel-theme] body.page-eizo-medical.premium-ui #navbar .nav-cta-link {
  border-color: var(--eizo-green) !important;
  color: #fff !important;
  background: var(--eizo-green) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui #navbar .nav-cta-link:is(:hover, :focus-visible) {
  border-color: var(--eizo-green-hover) !important;
  color: #fff !important;
  background: var(--eizo-green-hover) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :is(.hero-line-accent, .section-tag, .sol-hero-kicker, .model-commerce-availability) {
  color: var(--eizo-green-light) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui :is(.nav-cta-link, .btn-primary, .model-card-link, #eizo-submit-btn):is(:hover, :focus-visible) {
  border-color: var(--eizo-green-hover) !important;
  color: #fff !important;
  background: var(--eizo-green-hover) !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-cb:checked + .checkmark {
  border-color: var(--eizo-green) !important;
  background: var(--eizo-green) !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section {
  isolation: isolate !important;
  border-top: 1px solid color-mix(in srgb, currentColor 9%, transparent) !important;
  padding-block: clamp(76px, 8vw, 116px) !important;
  scroll-margin-top: 92px !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui .ux-compact-section {
  isolation: isolate !important;
  scroll-margin-top: 92px !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section :where(.section-header, .events-section-header, .community-section-head, .contact-header-new) {
  width: min(100%, 840px) !important;
  margin-bottom: clamp(34px, 5vw, 58px) !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section :where(.section-header.text-center, .events-section-header, .community-section-head) {
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section :where(.section-desc, .section-sub, .community-section-intro) {
  max-width: 720px !important;
  margin-top: 18px !important;
  line-height: 1.72 !important;
}

html[data-camixel-theme] body.premium-ui .ux-equal-grid {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
}

html[data-camixel-theme] body.premium-ui .ux-equal-grid > .ux-interactive-card {
  isolation: isolate !important;
  min-width: 0 !important;
  height: 100% !important;
  transition: transform .26s cubic-bezier(.2, .75, .25, 1), border-color .26s, box-shadow .26s, background-color .26s !important;
  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card > :not(.ux-card-light) {
  z-index: 1;
  position: relative;
}

html[data-camixel-theme] body.premium-ui .ux-card-light {
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  background: radial-gradient(260px circle at var(--ux-pointer-x, 50%) var(--ux-pointer-y, 50%), #ffffff13, transparent 68%) !important;
  transition: opacity .24s !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-visible, :focus-within) {
  border-color: #ffffff38 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 52px #00000047 !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-visible, :focus-within) .ux-card-light {
  opacity: 1 !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card:active {
  transform: translateY(-2px) scale(.992) !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card :where(img, svg) {
  transition: transform .32s cubic-bezier(.2, .75, .25, 1), filter .26s !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-within) :where(img, svg) {
  filter: saturate(1.06) contrast(1.02) !important;
  transform: scale(1.035) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready {
  opacity: 0;
  transition: opacity .62s, transform .62s cubic-bezier(.2, .75, .25, 1);
  transform: translateY(22px);
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-interactive-card.ux-motion-ready {
  transition-delay: calc(var(--ux-card-order, 0) * 55ms) !important;
  transform: translateY(18px) scale(.985) !important;
}

html[data-camixel-theme] body.premium-ui .ux-reading-progress {
  --ux-reading-progress: 0;
  z-index: 1200 !important;
  pointer-events: none !important;
  width: 100% !important;
  height: 3px !important;
  transform: scaleX(var(--ux-reading-progress)) !important;
  transform-origin: 0 !important;
  background: linear-gradient(90deg, var(--ux-green-strong), #3da57f) !important;
  position: fixed !important;
  inset: 0 0 auto !important;
  box-shadow: 0 0 14px #3da57f6b !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui .ux-arranged-section {
    padding-block: 66px !important;
    scroll-margin-top: 76px !important;
  }

  html[data-camixel-theme] body.premium-ui .ux-equal-grid {
    grid-auto-rows: auto !important;
  }

  html[data-camixel-theme] body.premium-ui .ux-interactive-card:is(:hover, :focus-visible, :focus-within) {
    transform: translateY(-3px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui .ux-motion-ready, html[data-camixel-theme] body.premium-ui .ux-interactive-card, html[data-camixel-theme] body.premium-ui .ux-card-light, html[data-camixel-theme] body.premium-ui .ux-reading-progress {
    transition-duration: .01ms !important;
  }
}

html[data-camixel-theme] body.page-index.premium-ui .vm-cards-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-cards-grid > .vm-card {
  box-sizing: border-box !important;
  grid-template-rows: 28px 28px minmax(0, 1fr) !important;
  align-content: stretch !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 220px !important;
  padding: 38px !important;
  display: grid !important;
  transform: none !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-card .vm-badge {
  align-self: start !important;
  margin: 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-card h3 {
  align-self: start !important;
  margin: 0 !important;
  line-height: 28px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-card p {
  align-self: start !important;
  margin: 4px 0 0 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .vm-card.ux-interactive-card:is(:hover, :focus-visible, :focus-within), html.ux-motion-enabled[data-camixel-theme] body.page-index.premium-ui .vm-card.ux-motion-ready.ux-visible:is(:hover, :focus-visible, :focus-within) {
  transform: none !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-index.premium-ui .vm-cards-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
  }

  html[data-camixel-theme] body.page-index.premium-ui .vm-cards-grid > .vm-card {
    grid-template-rows: 28px 28px auto !important;
    min-height: 0 !important;
    padding: 28px !important;
  }
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-container {
  z-index: 40 !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  scrollbar-width: none !important;
  background: #0e0e0ee6 !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 999px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 42px !important;
  padding: 6px !important;
  display: flex !important;
  position: sticky !important;
  top: 88px !important;
  overflow-x: auto !important;
  box-shadow: 0 16px 42px #00000047, inset 0 1px #ffffff0e !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-container::-webkit-scrollbar {
  display: none !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-indicator {
  z-index: 0 !important;
  width: var(--island-width, 96px) !important;
  transform: translateX(var(--island-x, 6px)) !important;
  background: linear-gradient(135deg, #3da57f, #3da57f) !important;
  border: 1px solid #3da57fa8 !important;
  border-radius: 999px !important;
  transition: width .28s cubic-bezier(.2, .75, .25, 1), transform .28s cubic-bezier(.2, .75, .25, 1) !important;
  display: block !important;
  position: absolute !important;
  inset: 6px auto 6px 0 !important;
  box-shadow: 0 7px 20px #3da57f40, inset 0 1px #ffffff73 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-btn {
  z-index: 1 !important;
  color: #aab7b0 !important;
  min-height: 44px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 18px !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  transition: color .22s, transform .22s !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-btn:hover {
  color: #fff !important;
  background: none !important;
  transform: translateY(-1px) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-btn.active {
  color: #0a0a0a !important;
  box-shadow: none !important;
  background: none !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-trigger {
  color: #edf6f1 !important;
  background: linear-gradient(135deg, #ffffff0e, #ffffff05), #111 !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 999px !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 54px 0 44px !important;
  font-size: 13.5px !important;
  font-weight: 610 !important;
  transition: border-color .22s, background .22s, box-shadow .22s, transform .22s !important;
  position: relative !important;
  box-shadow: inset 0 1px #ffffff0b, 0 8px 22px #00000021 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-trigger:before {
  content: "" !important;
  background: #d8d8d8 !important;
  border-radius: 50% !important;
  width: 8px !important;
  height: 8px !important;
  position: absolute !important;
  top: 50% !important;
  left: 18px !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 0 0 5px #ffffff12 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-trigger:after {
  border-color: #91a89c !important;
  width: 9px !important;
  height: 9px !important;
  right: 21px !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-trigger:hover {
  background: linear-gradient(135deg, #ffffff13, #ffffff06), #111 !important;
  border-color: #ffffff42 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select.is-open .cx-select-trigger, html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-trigger:focus-visible {
  background: linear-gradient(135deg, #ffffff17, #ffffff08), #111 !important;
  border-color: #ffffff7a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 0 0 4px #ffffff12, 0 14px 34px #0000003d !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-options {
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  transform-origin: top !important;
  background: #0f0f0ffa !important;
  border: 1px solid #ffffff21 !important;
  border-radius: 22px !important;
  padding: 8px !important;
  transition: opacity .18s, transform .22s cubic-bezier(.2, .75, .25, 1), visibility .18s !important;
  top: calc(100% + 9px) !important;
  transform: translateY(-7px) scale(.985) !important;
  box-shadow: 0 26px 70px #0000007a, inset 0 1px #ffffff0d !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select.is-open .cx-select-options {
  transform: translateY(0) scale(1) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-option {
  color: #cbd6d0 !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  transition: color .16s, background .16s, transform .16s !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-option:is(:hover, :focus-visible) {
  color: #fff !important;
  background: #ffffff14 !important;
  transform: translate(3px) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-option[aria-selected="true"] {
  color: #fff !important;
  background: #303030 !important;
  font-weight: 720 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .interests-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .checkbox-container {
  color: #c8d3cd !important;
  background: linear-gradient(135deg, #ffffff0b, #ffffff04), #111 !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  transition: border-color .18s, color .18s, background .18s, transform .18s, box-shadow .18s !important;
  box-shadow: inset 0 1px #ffffff09 !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .checkbox-container:hover {
  color: #fff !important;
  border-color: #ffffff47 !important;
  transform: translateY(-2px) !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .checkbox-container:has(input:checked) {
  color: #fff !important;
  background: #303030 !important;
  border-color: #fff6 !important;
  box-shadow: 0 9px 22px #00000040, inset 0 1px #ffffff2e !important;
}

html[data-camixel-theme] body.page-solutions.premium-ui .checkbox-container input[type="checkbox"] {
  accent-color: #fff !important;
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-solutions.premium-ui .sol-filter-container {
    justify-content: flex-start !important;
    width: calc(100% + 8px) !important;
    max-width: calc(100% + 8px) !important;
    margin-inline: -4px !important;
    top: 78px !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .interests-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-solutions.premium-ui .cx-select-options {
    max-height: min(300px, 46vh) !important;
  }
}

html[data-camixel-theme] body.premium-ui {
  color: #f5f7f6 !important;
  background: #050505 !important;
}

html[data-camixel-theme] body.premium-ui header#navbar, html[data-camixel-theme] body.premium-ui header.nav-header {
  -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
  background: #080808f0 !important;
  border: 1px solid #ffffff1c !important;
  border-radius: 22px !important;
  width: min(1220px, 100% - 32px) !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 12px auto 0 !important;
  top: 12px !important;
  overflow: visible !important;
  box-shadow: 0 18px 48px #00000047 !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-container {
  width: calc(100% - 24px) !important;
  max-width: none !important;
  height: 62px !important;
  min-height: 62px !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link {
  border-radius: 10px !important;
  min-height: 38px !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link:is(:hover, :focus-visible), html[data-camixel-theme] body.premium-ui #navbar .nav-link.active, html[data-camixel-theme] body.premium-ui #navbar .nav-item > .nav-link[aria-expanded="true"], html[data-camixel-theme] body.premium-ui #navbar .nav-item:is(.brands-open, .company-open) > .nav-link {
  background: #fff1 !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero, .sol-hero, .ptz-hero, .events-hero, .about-hero, .ewaste-hero, .community-hero) {
  border: 1px solid #ffffff14 !important;
  border-radius: 32px !important;
  width: min(1500px, 100% - 24px) !important;
  min-height: calc(100svh - 100px) !important;
  margin: 12px auto 0 !important;
  overflow: hidden !important;
  box-shadow: 0 30px 90px #00000057 !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero-content, .sol-hero-content, .ptz-hero-content, .events-hero-content, .hero-inner) {
  width: min(1160px, 100% - clamp(44px, 8vw, 112px)) !important;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section {
  background-color: #070707;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section:nth-of-type(2n) {
  background-color: #0b0b0b;
}

html[data-camixel-theme] body.premium-ui .ux-arranged-section :where(.section-header, .events-section-header, .community-section-head, .contact-header-new, .medical-store-head) {
  margin-bottom: clamp(52px, 6vw, 84px) !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card {
  border-color: #ffffff1a !important;
  box-shadow: 0 18px 55px #0000001f !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui header#navbar, html[data-camixel-theme] body.premium-ui header.nav-header {
    border-radius: 18px !important;
    width: calc(100% - 16px) !important;
    height: 58px !important;
    min-height: 58px !important;
    margin-top: 8px !important;
    top: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-container {
    height: 56px !important;
    min-height: 56px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero, .sol-hero, .ptz-hero, .events-hero, .about-hero, .ewaste-hero, .community-hero) {
    border-radius: 24px !important;
    width: calc(100% - 12px) !important;
    min-height: calc(100svh - 82px) !important;
    margin-top: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui :where(.hero-content, .sol-hero-content, .ptz-hero-content, .events-hero-content, .hero-inner) {
    width: calc(100% - 36px) !important;
  }
}

html[data-camixel-theme] body.premium-ui header#navbar, html[data-camixel-theme] body.premium-ui header.nav-header {
  width: 100% !important;
  max-width: none !important;
  height: 78px !important;
  min-height: 78px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  background: #050505f5 !important;
  border: 0 !important;
  border-bottom: 1px solid #ffffff14 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  position: sticky !important;
  inset: 0 0 auto !important;
}

html[data-camixel-theme] body.premium-ui header#navbar > .nav-container, html[data-camixel-theme] body.premium-ui header.nav-header > .nav-container {
  width: min(1480px, 100% - clamp(32px, 5vw, 88px)) !important;
  max-width: 1480px !important;
  height: 77px !important;
  min-height: 77px !important;
  margin-inline: auto !important;
}

@media (width <= 760px) {
  html[data-camixel-theme] body.premium-ui header#navbar, html[data-camixel-theme] body.premium-ui header.nav-header {
    border-radius: 0 !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    top: 0 !important;
  }

  html[data-camixel-theme] body.premium-ui header#navbar > .nav-container, html[data-camixel-theme] body.premium-ui header.nav-header > .nav-container {
    width: calc(100% - 28px) !important;
    height: 63px !important;
    min-height: 63px !important;
  }
}

html[data-camixel-theme] body.page-index .cx-workflow-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(300px, 32vw, 420px) !important;
  gap: clamp(14px, 1.6vw, 22px) !important;
}

html[data-camixel-theme] body.page-index .cx-workflow-card, html[data-camixel-theme] body.page-index .cx-workflow-card-wide {
  grid-column: span 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero {
  width: 100% !important;
  min-height: clamp(660px, 100svh - 76px, 780px) !important;
  box-shadow: none !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-bg-wrapper {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-overlay {
  background: linear-gradient(90deg, #040404eb 0%, #040404b8 40%, #0404042e 76%, #04040447 100%), linear-gradient(#04040414 55%, #040404ad 100%) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-content {
  justify-content: center !important;
  width: min(1320px, 100% - clamp(44px, 8vw, 112px)) !important;
  height: 100% !important;
  padding-block: clamp(70px, 9vw, 118px) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-headline {
  letter-spacing: -.058em !important;
  max-width: 850px !important;
  margin-bottom: 26px !important;
  font-size: clamp(3rem, 6vw, 6.2rem) !important;
  line-height: .94 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-sub {
  max-width: 680px !important;
  margin-bottom: 32px !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui section#eizo-brand.eizo-brand-section {
  background: linear-gradient(135deg, #ffffff0b, #ffffff03) !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 26px !important;
  width: min(1380px, 100% - 48px) !important;
  margin: clamp(42px, 5vw, 72px) auto !important;
  padding: clamp(28px, 3vw, 42px) 0 !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .eizo-brand-section .eizo-brand-inner {
  width: min(1280px, 100% - 48px) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui section.cat-tabs-section.ux-compact-section {
  z-index: 80 !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  background: #060606e6 !important;
  border-top: 1px solid #ffffff0f !important;
  border-bottom: 1px solid #ffffff14 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 18px 0 !important;
  position: sticky !important;
  top: 76px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui section.cat-tabs-section .container {
  width: min(1280px, 100% - 40px) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
  background: #0d0d0d !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 999px !important;
  width: fit-content !important;
  margin-inline: auto !important;
  padding: 6px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .cat-tab-btn {
  min-height: 46px !important;
  box-shadow: none !important;
  padding-inline: clamp(18px, 2.2vw, 30px) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro {
  border-radius: 30px !important;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important;
  min-height: 0 !important;
  margin-bottom: clamp(100px, 10vw, 148px) !important;
  padding: clamp(34px, 4vw, 58px) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
  height: clamp(310px, 34vw, 430px) !important;
  min-height: 0 !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-text {
  padding: clamp(8px, 2vw, 28px) !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .val-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui .val-card {
  height: 100% !important;
  min-height: 270px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-layout {
  display: block !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
  width: 100% !important;
  box-shadow: none !important;
  border-radius: 24px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
  display: grid !important;
  position: relative !important;
  top: auto !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header {
  grid-column: 1 / 2 !important;
  padding: 24px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search {
  grid-column: 2 / 3 !important;
  align-self: center !important;
  margin: 18px 12px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
  grid-column: 3 / 4 !important;
  align-self: center !important;
  width: calc(100% - 36px) !important;
  margin: 18px !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
  border-top: 1px solid #ffffff14 !important;
  border-bottom: 0 !important;
  border-right: 1px solid #ffffff14 !important;
  grid-row: 2 !important;
  padding: 22px 24px 24px !important;
  display: block !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section:last-child {
  border-right: 0 !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-main {
  width: 100% !important;
}

html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card {
  box-shadow: none !important;
  border-radius: 22px !important;
}

html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card-img {
  border-radius: 16px !important;
}

@media (width <= 980px) {
  html[data-camixel-theme] body.page-index .cx-workflow-grid, html[data-camixel-theme] body.page-eizo.premium-ui .val-grid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-header, html[data-camixel-theme] body.page-eizo-medical.premium-ui .sidebar-search, html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
    grid-area: auto !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .medical-clear-filters {
    grid-column: 1 / -1 !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui .filter-section {
    grid-row: auto !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-index .cx-workflow-grid, html[data-camixel-theme] body.page-eizo.premium-ui .val-grid, html[data-camixel-theme] body.page-eizo-medical.premium-ui #medModelsGrid, html[data-camixel-theme] body.page-eizo-medical.premium-ui .med-sidebar {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-camixel-theme] body.page-index .cx-workflow-grid {
    grid-auto-rows: 270px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero {
    min-height: 720px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .hero-content {
    width: calc(100% - 36px) !important;
    padding-block: 68px !important;
  }

  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui section#eizo-brand.eizo-brand-section {
    border-radius: 22px !important;
    width: calc(100% - 28px) !important;
    margin-block: 28px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section.cat-tabs-section.ux-compact-section {
    padding: 12px 0 !important;
    top: 64px !important;
    overflow-x: auto !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .cat-tabs-inner {
    width: max-content !important;
    margin-inline: 14px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 20px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui .commerce-zone .prod-intro-img {
    height: 280px !important;
  }
}

html[data-camixel-theme] body.page-eizo.premium-ui section#main-content.hero, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content.hero {
  height: clamp(680px, 72svh, 740px) !important;
  min-height: clamp(680px, 72svh, 740px) !important;
  max-height: 740px !important;
}

html[data-camixel-theme] body.page-eizo.premium-ui section#categories.cat-tabs-section {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content.hero, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content.hero {
    height: 700px !important;
    min-height: 700px !important;
    max-height: 700px !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#categories.cat-tabs-section {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-hero-content {
  box-sizing: border-box !important;
  width: min(1200px, 100% - 64px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .compare-table-wrap {
  overscroll-behavior-inline: contain !important;
  scrollbar-width: thin !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

html[data-camixel-theme] body.page-sennheiser.premium-ui .compare-table {
  min-width: 660px !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.page-community.premium-ui .community-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100% - 32px, 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 760px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-mosaic {
    width: min(100%, 680px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-hero-content {
    width: calc(100% - 32px) !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content .hero-actions, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content .hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content .hero-actions > .btn, html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content .hero-actions > .btn {
    box-sizing: border-box !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero {
    border-radius: 0 !important;
    width: 100% !important;
    margin-inline: 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-hero-grid {
    gap: 34px !important;
    width: calc(100% - 32px) !important;
    padding-block: 52px 64px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-title {
    overflow-wrap: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.7rem, 13vw, 3.55rem) !important;
    line-height: .98 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-mosaic {
    min-height: 340px !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-photo--one {
    inset: 0 4% 13% 0 !important;
  }

  html[data-camixel-theme] body.page-community.premium-ui .community-photo--two, html[data-camixel-theme] body.page-community.premium-ui .community-photo--three {
    right: 0 !important;
  }

  html[data-camixel-theme] body.page-eizo.premium-ui section#main-content.hero {
    height: 840px !important;
    min-height: 840px !important;
    max-height: 840px !important;
  }

  html[data-camixel-theme] body.page-eizo-medical.premium-ui section#main-content.hero {
    height: 760px !important;
    min-height: 760px !important;
    max-height: 760px !important;
  }
}

html[data-camixel-theme] body.premium-ui section.faq-section {
  background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--ux-green, #3da57f) 10%, transparent) 0%, transparent 38%), linear-gradient(180deg, #0a0a0a 0%, #060606 100%) !important;
  border-top: 1px solid #ffffff12 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(96px, 10vw, 152px) 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section > .container {
  z-index: 1 !important;
  width: min(1080px, 100% - 64px) !important;
  max-width: 1080px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section .faq-header, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .faq-header, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .container > .faq-header {
  text-align: center !important;
  width: min(820px, 100%) !important;
  max-width: 820px !important;
  margin: 0 auto clamp(42px, 5vw, 64px) !important;
  padding: 0 !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .faq-header > .section-title, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .container > .faq-header > .section-title {
  text-align: center !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section.section-shell .faq-header .section-desc {
  color: #aab4af !important;
  text-align: center !important;
  width: min(680px, 100%) !important;
  max-width: 680px !important;
  margin: 24px auto 0 !important;
  font-size: clamp(.98rem, 1.3vw, 1.08rem) !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section .faq-header .section-tag {
  min-height: 30px !important;
  color: var(--ux-green, #3da57f) !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: .72rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section .faq-header .section-title, html[data-camixel-theme] body.premium-ui section.faq-section .faq-header h2 {
  color: #f5f8f6 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: clamp(2.7rem, 5.7vw, 4.65rem) !important;
  font-weight: 650 !important;
  line-height: .98 !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section .faq-list {
  width: min(960px, 100%) !important;
  max-width: 960px !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item {
  isolation: isolate !important;
  background: linear-gradient(135deg, #ffffff0d, #ffffff06) !important;
  border: 1px solid #ffffff1b !important;
  border-radius: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: border-color .28s, background .28s, box-shadow .28s, transform .28s !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 12px 34px #00000021 !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item:before {
  content: attr(data-faq-index) !important;
  z-index: 2 !important;
  border: 1px solid color-mix(in srgb, var(--ux-green, #3da57f) 32%, transparent) !important;
  background: color-mix(in srgb, var(--ux-green, #3da57f) 10%, transparent) !important;
  width: 44px !important;
  height: 44px !important;
  color: var(--ux-green, #3da57f) !important;
  letter-spacing: .08em !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  place-items: center !important;
  margin: 0 !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transition: color .28s, background .28s, border-color .28s !important;
  display: grid !important;
  position: absolute !important;
  top: 25px !important;
  left: 24px !important;
  transform: none !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item:hover {
  background: linear-gradient(135deg, #fff1, #ffffff07) !important;
  border-color: #fff3 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 44px #0003 !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item[open] {
  background: linear-gradient(135deg, #ffffff12, #ffffff05) !important;
  border-color: #ffffff38 !important;
  box-shadow: 0 24px 62px #0000003d !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item[open]:before {
  color: #fff !important;
  background: #2e2e2e !important;
  border-color: #ffffff40 !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question {
  color: #f2f6f4 !important;
  letter-spacing: -.018em !important;
  text-align: left !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 25px 86px 25px 88px !important;
  font-size: clamp(1.05rem, 1.55vw, 1.3rem) !important;
  font-weight: 620 !important;
  line-height: 1.35 !important;
  list-style: none !important;
  transition: color .25s !important;
  display: flex !important;
  position: relative !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question::-webkit-details-marker {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question:before {
  content: "+" !important;
  color: #dce5e0 !important;
  background: #ffffff0e !important;
  border: 1px solid #ffffff1f !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: 1.45rem !important;
  font-weight: 350 !important;
  line-height: 1 !important;
  transition: color .25s, background .25s, border-color .25s, transform .25s !important;
  display: grid !important;
  position: absolute !important;
  inset: 50% 24px auto auto !important;
  transform: translateY(-50%) !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question:after {
  content: none !important;
  display: none !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item[open] summary.faq-question {
  color: #fff !important;
  padding-bottom: 18px !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item[open] summary.faq-question:before {
  content: "−" !important;
  color: var(--ux-green, #3da57f) !important;
  background: #ffffff17 !important;
  border-color: #ffffff38 !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section .faq-answer {
  color: #aab4af !important;
  text-align: left !important;
  background: none !important;
  border: 0 !important;
  width: auto !important;
  max-width: 800px !important;
  margin: 0 !important;
  padding: 0 32px 32px 88px !important;
  font-size: clamp(.96rem, 1.25vw, 1.06rem) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question:focus-visible {
  outline: 2px solid var(--ux-green, #3da57f) !important;
  outline-offset: -5px !important;
  border-radius: 20px !important;
}

@media (width <= 680px) {
  html[data-camixel-theme] body.premium-ui section.faq-section {
    padding: 82px 0 92px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section > .container {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section .faq-header, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .faq-header, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .container > .faq-header {
    text-align: left !important;
    margin-bottom: 34px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .faq-header > .section-title, html[data-camixel-theme] body.premium-ui section.faq-section.section-shell > .container > .faq-header > .section-title {
    text-align: left !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section.section-shell .faq-header .section-desc {
    text-align: left !important;
    margin-top: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section .faq-header .section-tag {
    justify-content: flex-start !important;
    margin-bottom: 15px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section .faq-header .section-title, html[data-camixel-theme] body.premium-ui section.faq-section .faq-header h2 {
    text-align: left !important;
    font-size: clamp(2.45rem, 12vw, 3.25rem) !important;
    line-height: 1 !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section .faq-list {
    gap: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item {
    border-radius: 20px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item:before {
    width: 38px !important;
    height: 38px !important;
    font-size: .62rem !important;
    top: 22px !important;
    left: 18px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question {
    min-height: 82px !important;
    padding: 20px 64px 20px 68px !important;
    font-size: 1rem !important;
    line-height: 1.38 !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question:before {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.25rem !important;
    inset: 50% 16px auto auto !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item[open] summary.faq-question {
    padding-bottom: 14px !important;
  }

  html[data-camixel-theme] body.premium-ui section.faq-section .faq-answer {
    max-width: none !important;
    padding: 0 20px 25px 68px !important;
    font-size: .94rem !important;
    line-height: 1.66 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.premium-ui section.faq-section details.faq-item, html[data-camixel-theme] body.premium-ui section.faq-section summary.faq-question:before {
    transition: none !important;
  }
}

@media (width >= 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    -webkit-backdrop-filter: blur(30px) saturate(145%) !important;
    scrollbar-width: none !important;
    background: radial-gradient(680px at 8% -12%, #ffffff12, #0000 48%), radial-gradient(520px at 100% 110%, #3f73ff17, #0000 52%), linear-gradient(145deg, #141414fb, #080808fd) !important;
    border: 1px solid #ffffff24 !important;
    border-radius: 24px !important;
    width: min(980px, 100vw - 32px) !important;
    max-width: none !important;
    max-height: calc(100vh - 94px) !important;
    position: fixed !important;
    top: 78px !important;
    left: 50vw !important;
    right: auto !important;
    overflow: auto !important;
    box-shadow: 0 34px 90px #00000094, inset 0 1px #ffffff12, 0 0 0 1px #00000038 !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu::-webkit-scrollbar {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    background: none !important;
    border-radius: 23px !important;
    grid-template: "head brands" minmax(0, 1fr)
                   "head foot" 58px
                   / 236px minmax(0, 1fr) !important;
    min-height: 340px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu:before {
    opacity: .2 !important;
    background-size: 32px 32px !important;
    mask-image: linear-gradient(105deg, #000 0%, #0000006b 48%, #0000 82%) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu:after {
    content: "" !important;
    z-index: -1 !important;
    filter: blur(72px) !important;
    pointer-events: none !important;
    background: #ffffff0e !important;
    border-radius: 50% !important;
    width: 420px !important;
    height: 170px !important;
    position: absolute !important;
    top: -90px !important;
    right: 16% !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head {
    background: linear-gradient(155deg, #fff1, #ffffff03) !important;
    border: 0 !important;
    border-right: 1px solid #ffffff17 !important;
    justify-content: space-between !important;
    padding: 26px 22px 22px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head:before {
    opacity: .68 !important;
    width: 180px !important;
    height: 180px !important;
    bottom: 42px !important;
    left: -112px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-status {
    margin-bottom: 30px !important;
    font-size: 9px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading strong {
    max-width: 190px !important;
    font-size: 28px !important;
    line-height: 1 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-heading small {
    max-width: 190px !important;
    margin-top: 14px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-overview {
    background: linear-gradient(135deg, #ffffff13, #ffffff06) !important;
    border-radius: 12px !important;
    min-height: 44px !important;
    margin-top: 22px !important;
    padding: 0 14px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-rows: repeat(2, 118px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 118px !important;
    align-content: center !important;
    gap: 10px !important;
    padding: 17px 18px 13px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    background: radial-gradient(190px circle at var(--card-pointer-x, 18%) var(--card-pointer-y, 50%), #fff1, transparent 70%), linear-gradient(145deg, #ffffff0b, #ffffff05) !important;
    border-color: #ffffff16 !important;
    border-radius: 16px !important;
    grid-template-columns: 88px minmax(0, 1fr) 32px !important;
    gap: 12px !important;
    width: 100% !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 11px !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px #ffffff09, 0 8px 24px #0000001a !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
    border-color: #ffffff3d !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 32px #0000003d, inset 0 1px #ffffff0f !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:active {
    transform: translateY(-1px) scale(.99) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    background: linear-gradient(145deg, #262626db, #0c0c0cf5) !important;
    border-radius: 13px !important;
    width: 88px !important;
    height: 84px !important;
    padding: 12px 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    font-size: 15px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    white-space: normal !important;
    max-width: 170px !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    width: 32px !important;
    height: 32px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    gap: 12px !important;
    min-height: 58px !important;
    margin: 0 18px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot > span {
    max-width: 200px !important;
    font-size: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions {
    gap: 12px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot-actions a {
    font-size: 10px !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #company-nav > .company-dropdown {
    -webkit-backdrop-filter: blur(26px) saturate(140%) !important;
    background: radial-gradient(260px at 12% -20%, #ffffff12, #0000 64%), linear-gradient(145deg, #141414fb, #080808fd) !important;
    border: 1px solid #ffffff24 !important;
    border-radius: 18px !important;
    gap: 4px !important;
    width: 336px !important;
    min-width: 336px !important;
    padding: 10px !important;
    top: calc(100% + 13px) !important;
    left: 50% !important;
    overflow: hidden !important;
    box-shadow: 0 28px 70px #00000080, inset 0 1px #ffffff0f !important;
  }

  html[data-camixel-theme] body.premium-ui .company-dropdown .company-menu-item {
    background: none !important;
    border: 1px solid #0000 !important;
    border-radius: 12px !important;
    grid-template-columns: 30px minmax(0, 1fr) 28px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui .company-dropdown .company-menu-item:is(:hover, :focus-visible, [aria-current="page"]) {
    background: linear-gradient(135deg, #ffffff16, #ffffff06) !important;
    border-color: #ffffff2e !important;
    outline: none !important;
  }
}

html[data-camixel-theme] body.premium-ui .company-menu-index {
  color: #ffffff80 !important;
  letter-spacing: .12em !important;
  font-size: 9px !important;
  font-weight: 760 !important;
}

html[data-camixel-theme] body.premium-ui .company-menu-copy {
  gap: 3px !important;
  min-width: 0 !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .company-menu-copy strong {
  color: #f5faf7 !important;
  letter-spacing: -.01em !important;
  font-size: 13px !important;
  font-weight: 680 !important;
}

html[data-camixel-theme] body.premium-ui .company-menu-copy small {
  color: #85948c !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
}

html[data-camixel-theme] body.premium-ui .company-menu-arrow {
  color: #90a098 !important;
  background: #0000002e !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 50% !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  transition: transform .18s, color .18s, border-color .18s !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui .company-menu-item:is(:hover, :focus-visible) .company-menu-arrow {
  color: #fff !important;
  border-color: #ffffff42 !important;
  transform: translate(1px, -1px) !important;
}

@media (width <= 1120px) {
  html[data-camixel-theme] body.premium-ui #nav-links.open .company-dropdown .company-menu-item {
    grid-template-columns: 26px minmax(0, 1fr) 28px !important;
    gap: 8px !important;
    min-height: 54px !important;
    padding: 7px 9px !important;
    display: grid !important;
  }
}

@media (width >= 1121px) {
  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav {
    position: relative !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav > #brands-mega-menu {
    transform-origin: 50% 0 !important;
    border-radius: 20px !important;
    width: 390px !important;
    max-width: min(390px, 100vw - 32px) !important;
    max-height: calc(100vh - 100px) !important;
    position: absolute !important;
    top: calc(100% + 13px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 9px) scale(.985) !important;
  }

  html[data-camixel-theme] body.premium-ui #nav-links > #brands-nav:is(:hover, :focus-within, .brands-open) > #brands-mega-menu {
    transform: translate(-50%) scale(1) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .creative-brand-menu {
    border-radius: 19px !important;
    min-height: 0 !important;
    padding: 10px !important;
    display: block !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-head, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-menu-foot {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
    grid-template-rows: repeat(4, 72px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: 72px !important;
    gap: 4px !important;
    padding: 0 !important;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
    height: 72px !important;
    min-height: 72px !important;
    box-shadow: none !important;
    background: none !important;
    border-color: #0000 !important;
    border-radius: 13px !important;
    grid-template-columns: 76px minmax(0, 1fr) 32px !important;
    gap: 12px !important;
    padding: 7px 9px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) {
    background: radial-gradient(170px at 0, #fff1, #0000 74%), #ffffff09 !important;
    border-color: #ffffff2e !important;
    transform: translate(3px) !important;
    box-shadow: inset 0 1px #ffffff09 !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:active {
    transform: translate(2px) scale(.992) !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:before, html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:after {
    display: none !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
    border-radius: 10px !important;
    width: 76px !important;
    height: 56px !important;
    padding: 8px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy {
    gap: 2px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker {
    letter-spacing: .16em !important;
    font-size: 7.5px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
    font-size: 13.5px !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 220px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    display: block !important;
    overflow: hidden !important;
  }

  html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-arrow {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
  }
}

:root {
  --ux-motion-ease: cubic-bezier(.16, 1, .3, 1);
  --ux-motion-ease-soft: cubic-bezier(.22, 1, .36, 1);
}

html {
  interpolate-size: allow-keywords;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready {
  backface-visibility: hidden;
  will-change: opacity, transform;
  opacity: 0 !important;
  visibility: visible !important;
  transition-property: opacity, transform !important;
  transition-duration: .52s, .68s !important;
  transition-timing-function: ease-out, var(--ux-motion-ease) !important;
  transition-delay: var(--ux-motion-delay, 0s) !important;
  transform: translateY(16px) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready.ux-visible {
  opacity: 1 !important;
  transform: translate(0) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-interactive-card.ux-motion-ready {
  transform: translateY(14px) scale(.99) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-interactive-card.ux-motion-ready.ux-visible {
  transform: translate(0) scale(1) !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-interactive-card.ux-motion-ready.ux-visible:is(:hover, :focus-visible, :focus-within) {
  transform: translateY(-5px) scale(1) !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card, html[data-camixel-theme] body.page-index .cx-industry-card {
  transition-timing-function: var(--ux-motion-ease), ease, ease, ease !important;
}

html[data-camixel-theme] body.premium-ui .ux-interactive-card :where(img, svg), html[data-camixel-theme] body.page-index .cx-industry-image img {
  backface-visibility: hidden;
  transition-timing-function: var(--ux-motion-ease), ease !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide {
  will-change: opacity, transform;
  backface-visibility: hidden;
  transition: opacity .88s ease, transform 1.4s var(--ux-motion-ease-soft) !important;
  transform: translate(0) scale(1.025) !important;
}

html[data-camixel-theme] body.page-index .cx-story-hero-slide.is-active {
  transform: translate(0) scale(1) !important;
}

html[data-camixel-theme] body.premium-ui .hero-slide {
  transition: opacity .88s var(--ux-motion-ease-soft) !important;
}

html[data-camixel-theme] body.premium-ui .ux-reading-progress {
  contain: layout paint;
  will-change: transform;
}

@supports selector(details::details-content) {
  html[data-camixel-theme] body.premium-ui details.faq-item::details-content {
    opacity: 0;
    block-size: 0;
    overflow: clip;
    transition: block-size .42s var(--ux-motion-ease), opacity .28s ease !important;
  }

  html[data-camixel-theme] body.premium-ui details.faq-item[open]::details-content {
    opacity: 1;
    block-size: auto;
  }
}

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

  html[data-camixel-theme] body.premium-ui *, html[data-camixel-theme] body.premium-ui :before, html[data-camixel-theme] body.premium-ui :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  html[data-camixel-theme] body.premium-ui .ux-motion-ready {
    opacity: 1 !important;
    will-change: auto !important;
    transform: none !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero-slide, html[data-camixel-theme] body.premium-ui .hero-slide {
    will-change: auto !important;
    transition: none !important;
    transform: none !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero-slide:not(.is-active), html[data-camixel-theme] body.premium-ui .hero-slide:not(.active) {
    opacity: 0 !important;
  }

  html[data-camixel-theme] body.page-index .cx-story-hero-slide.is-active, html[data-camixel-theme] body.premium-ui .hero-slide.active {
    opacity: 1 !important;
  }
}

html[data-camixel-theme] body.page-events.premium-ui {
  overflow-x: clip;
}

html[data-camixel-theme] body.page-events.premium-ui :where(.events-section, .events-section > .container, .events-grid, .news-card, .event-card, .news-card-body, .event-card-body, .social-hub, .experience-form-shell, .cx-form, .event-journal-grid, .event-journal-card) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-section {
  padding: clamp(80px, 9vw, 128px) 0 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-section > .container {
  width: min(1240px, 100% - clamp(40px, 6vw, 88px)) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-section-header {
  width: min(760px, 100%);
  margin: 0 auto clamp(38px, 6vw, 70px) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-section-header h2 {
  letter-spacing: -.045em !important;
  font-size: clamp(2.15rem, 4.6vw, 4rem) !important;
  line-height: 1 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .events-section-header .section-desc {
  max-width: 650px;
  margin-inline: auto;
  font-size: clamp(.98rem, 1.3vw, 1.1rem);
  line-height: 1.7;
}

html[data-camixel-theme] body.page-events.premium-ui .events-grid {
  grid-auto-rows: 1fr;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.2vw, 28px) !important;
  max-width: 1240px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-events.premium-ui :where(.news-card, .event-card) {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html[data-camixel-theme] body.page-events.premium-ui :where(.news-card-body, .event-card-body) {
  overflow-wrap: anywhere;
  padding: clamp(20px, 2.3vw, 28px) !important;
}

html[data-camixel-theme] body.page-events.premium-ui :where(.news-card-body, .event-card-body) h3 {
  font-size: clamp(1.05rem, 1.45vw, 1.3rem) !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .event-card-img {
  aspect-ratio: 16 / 9;
  height: auto !important;
}

html[data-camixel-theme] body.page-events.premium-ui .brand-filter-tabs {
  width: 100%;
  max-width: 100%;
  margin-bottom: clamp(30px, 4vw, 48px) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .brand-tab {
  white-space: nowrap;
  min-width: 0;
  min-height: 44px;
}

html[data-camixel-theme] body.page-events.premium-ui .social-hub {
  width: 100%;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.7vw, 22px) !important;
  max-width: 1120px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-events.premium-ui .social-hub-card {
  aspect-ratio: 1;
  min-height: 154px;
  padding: 18px 10px;
  width: 100% !important;
  height: auto !important;
}

html[data-camixel-theme] body.page-events.premium-ui .experience-form-shell {
  width: min(920px, 100%) !important;
  padding: clamp(22px, 4vw, 42px) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .cx-form .form-row, html[data-camixel-theme] body.page-events.premium-ui .cx-form .ux-form-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  display: grid !important;
}

html[data-camixel-theme] body.page-events.premium-ui .cx-form :where(input, select, textarea, button) {
  box-sizing: border-box;
  max-width: 100%;
}

html[data-camixel-theme] body.page-events.premium-ui .cx-form [data-required-checkbox-group] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (width <= 1024px) {
  html[data-camixel-theme] body.page-events.premium-ui .events-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 660px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub-card {
    aspect-ratio: 1.18;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-main {
    padding-inline: 68px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-thumbstrip {
    justify-content: flex-start !important;
  }
}

@media (width <= 760px) {
  html[data-camixel-theme] body.page-events.premium-ui .events-hero {
    border-inline: 0 !important;
    border-radius: 0 0 24px 24px !important;
    width: 100% !important;
    min-height: min(700px, 100svh - 68px) !important;
    margin-top: 0 !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content {
    width: calc(100% - 40px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content h1 {
    letter-spacing: -.055em !important;
    font-size: clamp(2.8rem, 13vw, 4.25rem) !important;
    line-height: .96 !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content p {
    max-width: 34ch !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-section {
    padding: 76px 0 !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-section > .container {
    width: calc(100% - 36px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-section-header {
    text-align: left !important;
    margin-bottom: 36px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-section-header h2 {
    font-size: clamp(2.25rem, 11vw, 3.25rem) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-section-header .section-desc {
    margin-inline: 0;
  }

  html[data-camixel-theme] body.page-events.premium-ui .brand-filter-tabs {
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: calc(100% + 18px) !important;
    margin-right: -18px !important;
    padding: 4px 18px 12px 0 !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .brand-filter-tabs::-webkit-scrollbar {
    display: none;
  }

  html[data-camixel-theme] body.page-events.premium-ui .brand-tab {
    scroll-snap-align: start;
    flex: none !important;
    padding-inline: 18px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui :where(.news-card-body, .event-card-body) {
    padding: 22px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub-card {
    aspect-ratio: auto;
    min-height: 136px;
    border-radius: 18px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub-icon {
    width: 38px !important;
    height: 38px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-section > .container {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-heading {
    gap: 24px !important;
    margin-bottom: 38px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-heading h2 {
    font-size: clamp(2.5rem, 12vw, 3.7rem) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-heading > p {
    font-size: .98rem;
    line-height: 1.62;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-grid {
    gap: 20px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-card {
    border-radius: 22px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-copy h3, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-copy h3 {
    max-width: 13ch;
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .experience-form-shell {
    border-radius: 20px !important;
    padding: 22px 18px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .cx-form .form-row, html[data-camixel-theme] body.page-events.premium-ui .cx-form .ux-form-row, html[data-camixel-theme] body.page-events.premium-ui .cx-form [data-required-checkbox-group] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .cx-form :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100% !important;
    min-height: 50px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .cx-form .btn[type="submit"] {
    width: 100% !important;
    min-height: 52px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-topbar {
    padding: 14px 16px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-topbar-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100vw - 92px);
    overflow: hidden;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-topbar-meta {
    font-size: .72rem !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-main {
    padding: 14px 10px 20px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-main-img {
    border-radius: 12px !important;
    max-width: 100% !important;
    max-height: calc(100svh - 190px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-counter {
    bottom: 28px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .album-thumbstrip {
    justify-content: flex-start !important;
    padding: 10px 12px 14px !important;
  }
}

@media (width <= 420px) {
  html[data-camixel-theme] body.page-events.premium-ui .events-section > .container {
    width: calc(100% - 28px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content {
    width: calc(100% - 30px) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .events-hero-content h1 {
    font-size: clamp(2.55rem, 13vw, 3.25rem) !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .social-hub-card {
    min-height: 124px;
    padding: 14px 8px;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-visual, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-visual {
    min-height: 290px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-copy, html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured .event-journal-copy {
    padding: 25px 20px 28px !important;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-meta {
    gap: 6px 10px !important;
    font-size: .64rem !important;
  }
}

body.page-about .about-story-intro {
  grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr);
  align-items: center;
  gap: clamp(36px, 5vw, 76px);
  margin-bottom: clamp(64px, 8vw, 112px);
  display: grid;
}

body.page-about .about-story-intro > .who-text {
  max-width: 660px !important;
  margin-bottom: 0 !important;
}

body.page-about .about-story-media {
  aspect-ratio: 16 / 10;
  isolation: isolate;
  background: #0a0a0a;
  border: 1px solid #3da57f2e;
  border-radius: clamp(22px, 2.2vw, 34px);
  min-width: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 90px #00000061;
}

body.page-about .about-story-media:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: normal;
  background: linear-gradient(135deg, #08080880, #0000 46%), radial-gradient(circle at 78% 18%, #3da57f33, #0000 34%), linear-gradient(#0000 64%, #060606c2);
  position: absolute;
  inset: 0;
}

body.page-about .about-story-media img {
  object-fit: cover;
  object-position: 48% 50%;
  filter: brightness(.76) contrast(1.16) saturate(.76) sepia(.06) hue-rotate(102deg);
  width: 100%;
  height: 100%;
  transition: transform .9s cubic-bezier(.2, .75, .2, 1), filter .7s;
  display: block;
  transform: scale(1.015);
}

body.page-about .about-story-media:hover img {
  filter: brightness(.82) contrast(1.14) saturate(.84) sepia(.04) hue-rotate(98deg);
  transform: scale(1.045);
}

body.page-about .about-story-media figcaption {
  z-index: 2;
  color: #f4fffad1;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  bottom: 20px;
  left: 24px;
}

body.page-careers .about-hero, body.page-ewaste .ewaste-hero {
  isolation: isolate;
  min-height: clamp(540px, 68vh, 780px) !important;
}

body.page-careers .about-hero-media, body.page-ewaste .ewaste-hero-media {
  z-index: -2;
  object-fit: cover;
  filter: brightness(.62) contrast(1.14) saturate(.72) sepia(.08) hue-rotate(96deg);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  transform: scale(1.01);
}

body.page-careers .about-hero-media {
  object-position: 50% 44%;
}

body.page-ewaste .ewaste-hero-media {
  object-position: 58% 52%;
}

body.page-careers .about-hero-bg, body.page-ewaste .ewaste-hero-bg {
  z-index: -1 !important;
  opacity: 1 !important;
  background: linear-gradient(90deg, #060606f5 0%, #060606c7 38%, #06060647 72%, #06060680 100%), linear-gradient(#0000 46%, #060606db 100%), radial-gradient(circle at 76% 24%, #3da57f38, #0000 34%) !important;
}

body.page-careers .about-hero-bg:before {
  display: none !important;
}

body.page-careers .hero-inner {
  text-align: left;
  width: min(1200px, 100% - 48px);
  margin-inline: auto;
  max-width: 1200px !important;
  padding: 0 !important;
}

body.page-careers .breadcrumb {
  justify-content: flex-start !important;
}

body.page-careers .hero-title {
  letter-spacing: -.055em;
  max-width: 720px;
  font-size: clamp(3rem, 6.4vw, 6.2rem) !important;
}

body.page-careers .hero-subtitle {
  color: #e8f1ecc7 !important;
  max-width: 640px !important;
  margin: 0 !important;
}

body.page-ewaste .ewaste-hero .container {
  width: min(1200px, 100% - 48px);
}

body.page-ewaste .ewaste-hero .hero-headline {
  text-wrap: balance;
  max-width: 870px;
}

body.page-ewaste .ewaste-hero .hero-sub {
  color: #e8f1eccc !important;
}

@media (width <= 860px) {
  body.page-about .about-story-intro {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.page-about .about-story-media {
    aspect-ratio: 4 / 3;
  }

  body.page-careers .about-hero, body.page-ewaste .ewaste-hero {
    min-height: 620px !important;
  }

  body.page-careers .about-hero-bg, body.page-ewaste .ewaste-hero-bg {
    background: linear-gradient(#06060657 0%, #060606bd 42%, #060606fa 100%), radial-gradient(circle at 76% 20%, #3da57f2e, #0000 36%) !important;
  }

  body.page-careers .about-hero-media {
    object-position: 56% 44%;
  }

  body.page-ewaste .ewaste-hero-media {
    object-position: 70% 50%;
  }
}

@media (width <= 560px) {
  body.page-about .about-story-media {
    aspect-ratio: 1;
    border-radius: 22px;
  }

  body.page-about .about-story-media figcaption {
    bottom: 16px;
    left: 18px;
  }

  body.page-careers .hero-inner, body.page-ewaste .ewaste-hero .container {
    width: min(100% - 32px, 1200px);
  }

  body.page-careers .hero-title {
    font-size: clamp(2.8rem, 14vw, 4.3rem) !important;
  }

  body.page-careers .about-hero-media {
    object-position: 62% 42%;
  }

  body.page-ewaste .ewaste-hero-media {
    object-position: 68% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-about .about-story-media img {
    transition: none;
  }
}

:root {
  --camixel-font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --camixel-accent: #3da57f;
  --camixel-accent-strong: #3da57f;
  --camixel-accent-light: #3da57f;
  --camixel-accent-soft: #3da57f1f;
  --camixel-accent-glow: #3da57f3d;
  --camixel-bg: #050505;
  --camixel-surface: #0d0d0d;
  --camixel-surface-raised: #151515;
  --camixel-text: #f7faf8;
  --camixel-text-muted: #a8b5ad;
  --camixel-line: #ffffff1c;
  --camixel-container: 1200px;
  --camixel-gutter: clamp(20px, 4vw, 48px);
  --camixel-radius-sm: 12px;
  --camixel-radius: 20px;
  --camixel-radius-lg: 32px;
  --camixel-section-space: clamp(76px, 9vw, 128px);
  --green: var(--camixel-accent);
  --green-dark: var(--camixel-accent-strong);
  --green-dim: var(--camixel-accent-soft);
  --green-glow: var(--camixel-accent-glow);
  --cx-green: var(--camixel-accent);
  --cx-green-strong: var(--camixel-accent-strong);
  --cx-font: var(--camixel-font);
  --cx-text: var(--camixel-font);
  --px-green: var(--camixel-accent);
  --px-green-hi: var(--camixel-accent-light);
  --ux-green: var(--camixel-accent-light);
  --ux-green-strong: var(--camixel-accent-strong);
  --ux-bg: var(--camixel-bg);
  --ux-surface: var(--camixel-surface);
  --ux-surface-2: var(--camixel-surface-raised);
  --ux-text: var(--camixel-text);
  --ux-muted: var(--camixel-text-muted);
  --ux-line: var(--camixel-line);
  --ux-container: var(--camixel-container);
  --ux-gutter: var(--camixel-gutter);
  --ux-radius-sm: var(--camixel-radius-sm);
  --ux-radius: var(--camixel-radius);
  --ux-radius-lg: var(--camixel-radius-lg);
  --ux-section: var(--camixel-section-space);
}

html[data-camixel-theme] body.premium-ui {
  --bg-0: #050505;
  --bg-1: #090909;
  --bg-2: #101010;
  --bg-card: #ffffff0b;
  --bg-card-h: #fff1;
  --border: #ffffff1a;
  --border-green: #ffffff24;
  --shadow-green: 0 24px 70px #00000057;
  --ux-bg: #050505;
  --ux-surface: #0d0d0d;
  --ux-surface-2: #151515;
  --ux-paper: #050505;
  --ux-paper-2: #0a0a0a;
  background: #050505;
}

html[data-camixel-theme] body.premium-ui header#navbar, html[data-camixel-theme] body.premium-ui header.nav-header, html[data-camixel-theme] body.premium-ui :where(.mega-dropdown, .company-dropdown) {
  background: #080808f0;
}

html[data-camixel-theme] body.premium-ui :where(section:not(.hero):not(.cx-story-hero):not(.events-hero):not(.about-hero):not(.community-hero):not(.ewaste-hero):not(.ptz-hero):not(.sol-hero), .events-section, .warranty-section, .faq-section, .community-forum-section, .contact-section, .contact-section-new, .medical-store-section, .home-experience-section) {
  background-color: #070707 !important;
  background-image: none !important;
}

html[data-camixel-theme] body.premium-ui :where(section.alt, .events-section.alt, .section-alt, .bg-alt) {
  background-color: #0b0b0b;
}

html[data-camixel-theme] body.premium-ui :where(.vm-card, .pillar-card, .industry-tile, .industry-card, .i-card, .value-card, .val-card, .ws-card, .tl-card, .ms-card, .eco-card, .trust-card, .support-card, .solution-card, .product-card, .commerce-card, .model-card, .ptz-cat-card, .event-card, .news-card, .team-card, .office-card, .arch-card, .benefit-card, .cb-card, .color-card, .cs-card, .cv-card, .gallery-card, .why-card, .why-ptz-card, .social-hub-card, .warranty-card, .brand-card, .event-journal-card, .community-thread-card, .community-panel) {
  border-color: #ffffff1a;
  box-shadow: 0 20px 58px #00000040;
  background: linear-gradient(155deg, #141414, #0b0b0b) !important;
}

html[data-camixel-theme] body.premium-ui :where(.hero-overlay, .events-hero-backdrop, .home-experience-shade) {
  filter: grayscale(.18);
}

html[data-camixel-theme] body.premium-ui :where(.btn-primary, .nav-cta-link, .event-journal-meta span:first-child, .warranty-badge, .brand-tab.active, .category-filter.active, .community-category-filter.active, [aria-pressed="true"]) {
  --border-green: var(--camixel-accent);
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-heading {
  text-transform: uppercase;
  color: #fff !important;
  font: 700 .78rem/1.3 var(--camixel-font) !important;
  letter-spacing: .12em !important;
  margin: 0 0 20px !important;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-section {
  background: #070707;
  padding: clamp(24px, 4vw, 56px) 0 clamp(72px, 9vw, 128px);
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-card {
  isolation: isolate;
  background: #040404;
  border: 1px solid #3da57f33;
  border-radius: clamp(24px, 3vw, 40px);
  min-height: clamp(520px, 68vw, 760px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 36px 100px #0000005c;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-video, html[data-camixel-theme] body.page-index.premium-ui .home-experience-shade {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-video {
  z-index: -2;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9) contrast(1.05) brightness(.86);
  transform: scale(1.01);
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-shade {
  z-index: -1;
  background: linear-gradient(90deg, #040404f0 0%, #040404b3 42%, #0404041f 72%), linear-gradient(#0000 50%, #040404b8 100%);
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-copy {
  --home-experience-title-size: clamp(2.9rem, 5.8vw, 5.7rem);
  min-height: inherit;
  flex-direction: column;
  justify-content: flex-end;
  width: min(680px, 72%);
  padding: clamp(34px, 6vw, 76px);
  display: flex;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-eyebrow {
  color: #3da57f;
  letter-spacing: .17em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: .72rem;
  font-weight: 760;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-copy h2 {
  max-width: 650px !important;
  font: 650 var(--home-experience-title-size)/.96 var(--camixel-font) !important;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-copy h2 span {
  color: #3da57f;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-copy p {
  max-width: 570px;
  margin: 26px 0 0;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  color: #f0f7f3c7 !important;
  line-height: 1.65 !important;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  display: flex;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-sound {
  color: #fff;
  backdrop-filter: blur(12px);
  cursor: pointer;
  background: #06060673;
  border: 1px solid #ffffff3d;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  transition: border-color .25s, background-color .25s, transform .25s;
  display: inline-flex;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-sound:hover {
  background: #202020b8;
  border-color: #ffffff61;
  transform: translateY(-2px);
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-sound-icon {
  color: #050505;
  background: #3da57f;
  border-radius: 50%;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: .78rem;
  font-weight: 800;
  display: grid;
}

@media (width <= 720px) {
  html[data-camixel-theme] body.page-index.premium-ui .home-experience-section {
    padding-top: 16px;
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-card {
    border-radius: 24px;
    min-height: 620px;
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-video {
    object-position: 62% center;
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-shade {
    background: linear-gradient(#04040414 22%, #040404c2 55%, #040404f7 100%);
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-copy {
    --home-experience-title-size: clamp(2.45rem, 12vw, 3.75rem);
    width: 100%;
    padding: 30px 24px;
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-actions, html[data-camixel-theme] body.page-index.premium-ui .home-experience-actions > * {
    width: 100%;
  }

  html[data-camixel-theme] body.page-index.premium-ui .home-experience-sound {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-camixel-theme] body.page-index.premium-ui .home-experience-sound {
    transition: none;
  }
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: clamp(18px, 2vw, 28px);
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-card, html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured {
  background: linear-gradient(155deg, #181818fa, #0a0a0afa);
  border-radius: 26px;
  flex-direction: column;
  grid-area: auto;
  height: 100%;
  min-height: 0;
  display: flex;
  box-shadow: 0 20px 60px #0003;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured .event-journal-visual, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-visual {
  aspect-ratio: 4 / 3;
  background: #0a0a0a;
  height: auto;
  min-height: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-visual:after {
  background: linear-gradient(#0000 48%, #04040494);
  border-radius: 0;
  inset: 0;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-hero-image {
  border-radius: 0 !important;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-filmstrip {
  z-index: 2;
  gap: 7px;
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-filmstrip img {
  border: 2px solid #ffffffd1;
  width: 54px;
  height: 66px;
  box-shadow: 0 10px 28px #0000006b;
  border-radius: 10px !important;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-copy, html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured .event-journal-copy {
  flex: auto;
  justify-content: flex-start;
  min-height: 0;
  padding: clamp(24px, 2.3vw, 34px);
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-meta {
  margin-bottom: 22px;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-copy h3, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-copy h3 {
  max-width: none;
  margin-bottom: 14px !important;
  font-size: clamp(1.85rem, 2.5vw, 2.8rem) !important;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-copy > p {
  font-size: .94rem;
  line-height: 1.65;
  margin-bottom: 28px !important;
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.page-events.premium-ui .event-journal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width <= 680px) {
  html[data-camixel-theme] body.page-events.premium-ui .event-journal-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) {
    grid-area: auto;
    display: flex;
  }

  html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured .event-journal-visual, html[data-camixel-theme] body.page-events.premium-ui .event-journal-card:not(.event-journal-featured) .event-journal-visual {
    aspect-ratio: 5 / 4;
    min-height: 0;
  }
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-section {
  background: #070707;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-card {
  background: #050505;
  border-color: #ffffff1f;
}

html[data-camixel-theme] body.page-index.premium-ui .home-experience-shade {
  background: linear-gradient(90deg, #040404f0 0%, #040404b3 42%, #0404041f 72%), linear-gradient(#0000 50%, #040404b8 100%);
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-card, html[data-camixel-theme] body.page-events.premium-ui .event-journal-featured {
  background: linear-gradient(155deg, #151515, #0a0a0a);
  border-color: #ffffff1a;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-visual {
  background: #0a0a0a;
}

html[data-camixel-theme] body.page-events.premium-ui .event-journal-visual:after {
  background: linear-gradient(#0000 48%, #00000094);
}

:root, html[data-camixel-theme] {
  --cx-green: #3da57f;
  --cx-green-light: #3da57f;
  --cx-green-strong: #2d7d61;
  --bx-green-rgb: 61,165,127;
  --bx-black: #050505;
  --bx-ink: #0a0a0a;
  --bx-card: #0e0e0e;
  --bx-raise: #141414;
  --bx-line: #222;
  --bx-line-2: #2e2e2e;
  --bx-text: #f4f6f5;
  --bx-muted: #9aa5a0;
  --bx-ease: cubic-bezier(.22,.8,.3,1);
  --camixel-accent: var(--cx-green);
  --camixel-accent-light: var(--cx-green-light);
  --camixel-accent-strong: var(--cx-green-strong);
  --camixel-accent-soft: #3da57f24;
  --camixel-accent-glow: #3da57f47;
  --camixel-bg: var(--bx-black);
  --camixel-surface: var(--bx-ink);
  --camixel-surface-raised: var(--bx-raise);
  --eizo-green: var(--cx-green);
  --eizo-green-light: var(--cx-green-light);
  --eizo-green-dark: var(--cx-green-strong);
  --eizo-green-hover: var(--cx-green-light);
  --ux-green: var(--cx-green-light);
  --ux-green-strong: var(--cx-green);
  --ux-bg: var(--bx-black);
  --ux-surface: var(--bx-ink);
  --ux-surface-2: var(--bx-raise);
  --green: var(--cx-green);
  --green-dim: #3da57f24;
  --green-glow: #3da57f47;
  --green-dark: var(--cx-green-strong);
  --px-green: var(--cx-green);
  --px-green-hi: var(--cx-green-light);
  --story-green: var(--cx-green-light);
  --story-green-bright: var(--cx-green-light);
  --ez-green: var(--cx-green);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 84px;
}

body {
  background: var(--bx-black);
}

body, body * {
  font-kerning: none;
  font-feature-settings: normal;
  word-spacing: normal;
}

h1, h2, h3, .section-title {
  text-wrap: balance;
}

p, li {
  text-wrap: pretty;
}

::selection {
  background: var(--cx-green);
  color: #0a0a0a;
}

:focus-visible {
  outline: 2px solid var(--cx-green-light) !important;
  outline-offset: 3px !important;
}

html[data-camixel-theme] body.premium-ui #navbar.nav-header {
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  transition: background .3s var(--bx-ease),box-shadow .3s var(--bx-ease);
  box-shadow: 0 10px 30px #00000073;
  background: #050505eb !important;
  border-bottom: 1px solid #3da57f38 !important;
}

#navbar .nav-container {
  align-items: center;
  gap: clamp(8px, 1.4vw, 22px);
  min-height: 68px;
  display: flex;
}

#navbar .nav-logo img {
  width: auto;
  height: 44px;
  transition: transform .35s var(--bx-ease);
}

#navbar .nav-logo:hover img {
  transform: scale(1.04);
}

#navbar .nav-links {
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link {
  position: relative;
  color: #d3dad6 !important;
  transition: color .25s var(--bx-ease),background .25s var(--bx-ease) !important;
  border-radius: 10px !important;
  padding: 10px clamp(9px, .9vw, 14px) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link:after {
  background: var(--cx-green);
  width: 0;
  height: 2px;
  transition: width .3s var(--bx-ease),left .3s var(--bx-ease);
  border-radius: 2px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  content: "" !important;
  display: block !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link:hover, html[data-camixel-theme] body.premium-ui #navbar .nav-item:hover > .nav-link, html[data-camixel-theme] body.premium-ui #navbar .nav-link[aria-expanded="true"] {
  color: #fff !important;
  background: #3da57f1a !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link:hover:after, html[data-camixel-theme] body.premium-ui #navbar .nav-link.active:after, html[data-camixel-theme] body.premium-ui #navbar .nav-link[aria-current="page"]:after {
  width: calc(100% - 22px);
  left: 11px;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-link.active, html[data-camixel-theme] body.premium-ui #navbar .nav-link[aria-current="page"] {
  color: var(--cx-green-light) !important;
  background: none !important;
}

#navbar .chevron {
  transition: transform .3s var(--bx-ease);
}

#navbar .nav-item:hover .chevron, #navbar [aria-expanded="true"] .chevron {
  transform: rotate(180deg);
}

html[data-camixel-theme] body.premium-ui #navbar .nav-cta-link {
  align-items: center;
  gap: 10px;
  display: inline-flex;
  background: var(--cx-green) !important;
  color: #0a0a0a !important;
  border: 1px solid var(--cx-green) !important;
  transition: transform .25s var(--bx-ease),box-shadow .25s var(--bx-ease),background .25s !important;
  border-radius: 999px !important;
  padding: 11px 20px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px #3da57f47 !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-cta-link:hover {
  transform: translateY(-2px);
  background: var(--cx-green-light) !important;
  box-shadow: 0 12px 28px #3da57f61 !important;
}

html[data-camixel-theme] body.premium-ui #navbar .mega-dropdown, html[data-camixel-theme] body.premium-ui #navbar .company-dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s var(--bx-ease),transform .28s var(--bx-ease),visibility 0s linear .28s;
  transform: translateY(10px);
  border: 1px solid var(--bx-line-2) !important;
  background: #0a0a0a !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px #000000b3, 0 0 0 1px #3da57f1a !important;
}

html[data-camixel-theme] body.premium-ui #navbar .nav-item:hover > .mega-dropdown, html[data-camixel-theme] body.premium-ui #navbar .nav-item:focus-within > .mega-dropdown, html[data-camixel-theme] body.premium-ui #navbar .nav-item.open > .mega-dropdown, html[data-camixel-theme] body.premium-ui #navbar .nav-item:hover > .company-dropdown, html[data-camixel-theme] body.premium-ui #navbar .nav-item:focus-within > .company-dropdown, html[data-camixel-theme] body.premium-ui #navbar .nav-item.open > .company-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
  transform: translateY(0);
}

#navbar .company-dropdown {
  min-width: 230px;
  padding: 8px;
}

#navbar .company-dropdown a {
  color: #dfe5e2;
  transition: background .2s,color .2s,padding-left .25s var(--bx-ease);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 13.5px;
  font-weight: 600;
  display: block;
}

#navbar .company-dropdown a:hover {
  color: #fff;
  background: #3da57f24;
  padding-left: 19px;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu {
  max-height: calc(100vh - 96px);
  overflow-y: auto;
  width: min(440px, 94vw) !important;
  min-width: 0 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-shell {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-grid {
  grid-template-rows: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  gap: 10px !important;
  height: auto !important;
  padding: 14px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
  align-items: center;
  gap: 14px;
  grid-template: none/88px minmax(0,1fr) 34px !important;
  height: auto !important;
  min-height: 88px !important;
  padding: 10px 14px 10px 10px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand > * {
  grid-area: auto !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage {
  background: #0a0a0a;
  border-radius: 12px;
  place-items: center;
  display: grid;
  width: 88px !important;
  height: 64px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-logo-stage img {
  object-fit: contain;
  max-width: 72%;
  max-height: 70%;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand {
  --brand-accent: var(--cx-green);
  border: 1px solid var(--bx-line) !important;
  transition: transform .3s var(--bx-ease),border-color .3s,box-shadow .3s !important;
  background: linear-gradient(155deg, #121212, #0a0a0a) !important;
  border-radius: 16px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand:hover {
  transform: translateY(-3px);
  border-color: #3da57f8c !important;
  box-shadow: 0 14px 30px #00000080 !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-kicker {
  text-transform: uppercase;
  white-space: nowrap;
  word-break: keep-all;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .12em !important;
  color: var(--cx-green-light) !important;
  font-size: 10px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy strong {
  color: #fff;
  line-height: 1.2;
  white-space: normal !important;
  font-size: 15px !important;
}

html[data-camixel-theme] body.premium-ui #brands-mega-menu .mega-brand-copy small {
  word-spacing: normal;
  white-space: normal !important;
  max-width: none !important;
  color: var(--bx-muted) !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  overflow: visible !important;
}

#navbar .hamburger span {
  transition: transform .3s var(--bx-ease),opacity .2s,background .2s;
}

#navbar .hamburger[aria-expanded="true"] span:first-child {
  transform: translateY(7px) rotate(45deg);
}

#navbar .hamburger[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

#navbar .hamburger[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.cx-mobile-cta {
  display: none;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-links {
    visibility: hidden;
    transition: transform .35s var(--bx-ease),visibility 0s linear .35s;
    border-top: 1px solid #3da57f40;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 4px;
    overflow-y: auto;
    transform: translate(100%);
    opacity: 1 !important;
    background: #050505 !important;
    padding: 18px 18px 28px !important;
    position: fixed !important;
    inset: 68px 0 0 !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-links.open, html[data-camixel-theme] body.premium-ui #navbar .nav-links.active, html[data-camixel-theme] body.premium-ui #navbar .nav-links.is-open {
    visibility: visible;
    transition-delay: 0s;
    transform: none;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-link {
    justify-content: space-between;
    border-bottom: 1px solid #1a1a1a !important;
    border-radius: 0 !important;
    padding: 14px 12px !important;
    font-size: 16px !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-link:after {
    display: none !important;
  }

  #navbar .nav-cta {
    display: none;
  }

  .cx-mobile-cta {
    gap: 10px;
    margin-top: 18px;
    display: grid;
  }

  .cx-mobile-cta a {
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
  }

  .cx-mobile-cta a:first-child {
    background: var(--cx-green);
    color: #0a0a0a;
  }

  .cx-mobile-cta a:last-child {
    border: 1px solid var(--bx-line-2);
    color: #fff;
  }
}

html[data-camixel-theme] body.premium-ui :is(.btn-primary, .submit-btn-new, .cx-form button[type="submit"], .model-card-link) {
  font-weight: 700;
  background: var(--cx-green) !important;
  border-color: var(--cx-green) !important;
  color: #0a0a0a !important;
  transition: transform .25s var(--bx-ease),box-shadow .25s var(--bx-ease),background .2s !important;
}

html[data-camixel-theme] body.premium-ui :is(.btn-primary, .submit-btn-new, .cx-form button[type="submit"], .model-card-link):hover {
  transform: translateY(-2px);
  background: var(--cx-green-light) !important;
  box-shadow: 0 12px 28px #3da57f59 !important;
}

html[data-camixel-theme] body.premium-ui :is(.btn-primary, .submit-btn-new, .cx-form button[type="submit"]):active {
  transform: translateY(0);
}

.btn, .btn-secondary, .btn-outline {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.btn-secondary, .btn-outline {
  color: #fff;
  background: none;
  border: 1px solid var(--bx-line-2) !important;
}

.btn-secondary:hover, .btn-outline:hover {
  background: #3da57f1a;
  border-color: var(--cx-green) !important;
}

.cx-form {
  color-scheme: dark;
  gap: 16px;
  display: grid;
}

.cx-form .form-row, .cx-form .form-grid, .cx-form .form-row-new {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.cx-form label {
  color: #e8edea;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

html[data-camixel-theme] body.premium-ui .cx-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]), select, textarea) {
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  font: inherit;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #fff !important;
  border: 1px solid var(--bx-line-2) !important;
  background: #0c0c0c !important;
  border-radius: 12px !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
}

html[data-camixel-theme] body.premium-ui .cx-form textarea {
  resize: vertical;
  min-height: 130px;
}

html[data-camixel-theme] body.premium-ui .cx-form :is(input, select, textarea):hover {
  border-color: #3d3d3d !important;
}

html[data-camixel-theme] body.premium-ui .cx-form :is(input, select, textarea):focus {
  outline: 0;
  border-color: var(--cx-green) !important;
  background: #101010 !important;
  box-shadow: 0 0 0 4px #3da57f2e !important;
}

.cx-form ::placeholder {
  color: #6b7570;
  opacity: 1;
}

html[data-camixel-theme] body.premium-ui .cx-form select {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.25 6 8l4-3.75' fill='none' stroke='%2362c9a1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position: right 16px center !important;
  background-repeat: no-repeat !important;
  background-size: 14px !important;
}

.cx-form select option, .cx-form select optgroup {
  color: #fff;
  background: #0c0c0c;
}

.cx-form input[type="checkbox"], .cx-form input[type="radio"] {
  accent-color: var(--cx-green);
  flex: none;
  width: 18px;
  height: 18px;
}

.cx-form .cx-field-error, .cx-form [aria-invalid="true"] {
  border-color: #ff6b5f !important;
}

.cx-form-msg {
  border-radius: 12px;
  margin-top: 4px;
  padding: 16px 18px;
  font-size: 14.5px;
  line-height: 1.55;
}

.cx-form-msg.ok {
  color: #e6f4ee;
  background: #3da57f1a;
  border: 1px solid #3da57f66;
}

.cx-form-msg.err {
  color: #ffe3df;
  background: #ff6b5f14;
  border: 1px solid #ff6b5f73;
}

.cx-form-msg a {
  color: var(--cx-green-light);
  text-decoration: underline;
}

@media (width <= 680px) {
  .cx-form .form-row, .cx-form .form-grid, .cx-form .form-row-new {
    grid-template-columns: 1fr;
  }
}

:is(.card, .model-card, .answer-card, .sol-card, .solution-card, .cat-card, .feature-card, .value-card, .story-card, .event-card, .support-card, .contact-card, .ux-interactive-card) {
  transition: transform .35s var(--bx-ease),border-color .3s,box-shadow .35s var(--bx-ease);
  border-radius: 18px;
}

:is(.card, .model-card, .answer-card, .sol-card, .solution-card, .cat-card, .feature-card, .value-card, .story-card, .event-card, .support-card, .contact-card):hover {
  border-color: #3da57f80;
  transform: translateY(-4px);
  box-shadow: 0 18px 40px #00000080;
}

:is([class*="-grid"], [class*="grid-"]):not(.mega-brand-grid) {
  align-items: stretch;
}

:is([class*="-grid"], [class*="grid-"]) > * {
  min-width: 0;
}

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

.container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 32px);
}

section h2, section h3 {
  overflow-wrap: break-word;
}

.section-tag, .eyebrow, .kicker {
  color: var(--cx-green-light);
}

.section-header, .section-head {
  text-align: center;
  margin-inline: auto;
}

table {
  border-collapse: collapse;
  max-width: 100%;
}

.table-wrap, .specs-wrap {
  overflow-x: auto;
}

.footer {
  border-top: 1px solid #3da57f38;
  background: #050505 !important;
}

.footer-grid {
  align-items: start;
  gap: clamp(24px, 4vw, 56px);
  display: grid;
}

.footer a {
  transition: color .2s,padding-left .25s var(--bx-ease);
}

.footer a:hover {
  color: var(--cx-green-light);
}

.footer a[href^="tel"], .footer a[href^="mailto"] {
  padding: 8px 0;
  display: inline-block;
}

.social-icon-btn {
  transition: transform .25s var(--bx-ease),background .2s,color .2s;
}

.social-icon-btn:hover {
  background: var(--cx-green);
  color: #0a0a0a;
  transform: translateY(-3px);
}

@keyframes cx-rise {
  0% {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes cx-fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes cx-pulse {
  0%, to {
    box-shadow: 0 0 #3da57f73;
  }

  50% {
    box-shadow: 0 0 0 10px #3da57f00;
  }
}

.cx-story-hero .cx-story-hero-copy > *, .page-hero .container > * {
  animation: cx-rise .8s var(--bx-ease) both;
}

.cx-story-hero .cx-story-hero-copy > :nth-child(2) {
  animation-delay: 80ms;
}

.cx-story-hero .cx-story-hero-copy > :nth-child(3) {
  animation-delay: .16s;
}

.cx-story-hero .cx-story-hero-copy > :nth-child(4) {
  animation-delay: .24s;
}

.cx-story-hero .cx-story-hero-copy > :nth-child(5) {
  animation-delay: .32s;
}

.cx-story-hero-slide {
  transition: opacity 1.1s, transform 6s linear !important;
}

.cx-story-hero-slide.is-active img {
  transition: transform 8s linear;
  transform: scale(1.05);
}

.cx-story-hero-slide img {
  transition: transform 1.2s var(--bx-ease);
}

.back-to-top, #back-to-top, .to-top {
  background: var(--cx-green) !important;
  color: #0a0a0a !important;
}

html.ux-motion-enabled[data-camixel-theme] body.premium-ui .ux-motion-ready:not(.ux-visible) {
  will-change: opacity,transform;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }

  html.ux-motion-enabled .ux-motion-ready {
    opacity: 1 !important;
    transform: none !important;
  }
}

.cx-calc-cta {
  background: radial-gradient(circle at 0 0, #3da57f2e, #0000 55%), #0a0a0a;
  border: 1px solid #3da57f59;
  border-radius: 22px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  max-width: 1240px;
  margin: clamp(40px, 6vw, 80px) auto;
  padding: clamp(24px, 4vw, 44px);
  display: flex;
}

.cx-calc-cta h2 {
  color: #fff;
  margin: 0 0 8px;
  font-size: clamp(22px, 3vw, 32px);
}

.cx-calc-cta p {
  color: var(--bx-muted);
  max-width: 620px;
  margin: 0;
}

.cx-calc-cta .btn {
  background: var(--cx-green);
  color: #0a0a0a;
  transition: transform .25s var(--bx-ease),background .2s;
  border-radius: 999px;
  padding: 14px 26px;
  font-weight: 700;
  text-decoration: none;
}

.cx-calc-cta .btn:hover {
  background: var(--cx-green-light);
  transform: translateY(-2px);
}

.cx-coverage {
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cx-coverage li {
  border: 1px solid var(--bx-line-2);
  color: #d7dedb;
  background: #0c0c0c;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13.5px;
  transition: border-color .2s, color .2s;
}

.cx-coverage li:hover {
  border-color: var(--cx-green);
  color: #fff;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui #navbar .nav-links {
    padding-bottom: 44px !important;
    inset: 60px 0 0 !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-links .cx-mobile-cta {
    grid-template-columns: 1fr;
    width: 100%;
    display: grid !important;
  }

  html[data-camixel-theme] body.premium-ui #navbar .nav-links .cx-mobile-cta a {
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    padding: 0 22px;
  }
}

#camixel-cinema-calculator .cx-select {
  display: none !important;
}

html[data-camixel-theme] body.premium-ui #camixel-cinema-calculator input[type="range"] {
  background-color: #2b3036;
  height: 8px !important;
  min-height: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 99px !important;
  padding: 0 !important;
}

html[data-camixel-theme] body.premium-ui #camixel-cinema-calculator input[type="checkbox"] {
  accent-color: var(--cx-green);
  border-radius: 5px;
  flex: 0 0 20px;
  width: 20px !important;
  height: 20px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#camixel-cinema-calculator .cc-field label, #camixel-cinema-calculator .cc-label-row label, #camixel-cinema-calculator .cc-info {
  color: #b9c4bf !important;
}

#camixel-cinema-calculator .cc-header .cc-title {
  display: none;
}

#camixel-cinema-calculator .cc-toggle {
  color: #d3dad6 !important;
}

body.premium-ui main > section + section {
  box-shadow: inset 0 1px #3da57f24;
}

body.premium-ui :is(.card, .model-card, .answer-card, .sol-card, .solution-card, .cat-card, .feature-card, .value-card, .story-card, .event-card, .support-card, .contact-card, .ux-interactive-card):hover {
  border-color: #3da57f8c !important;
  box-shadow: 0 18px 50px #0000008c, 0 0 0 1px #3da57f2e, 0 0 38px #3da57f1a !important;
}

body.premium-ui :is(.section-label, .eyebrow, .cx-eyebrow, .sec-kicker) {
  letter-spacing: .16em;
}

body.premium-ui .footer {
  background-image: linear-gradient(#050505, #050505), linear-gradient(90deg, #0000, #3da57f8c, #0000);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-top: 1px solid #0000;
}

html[data-camixel-theme] body.premium-ui .cx-form button[type="submit"] {
  box-shadow: 0 10px 28px #3da57f47;
  background: var(--cx-green) !important;
}

html[data-camixel-theme] body.premium-ui .cx-form button[type="submit"]:hover {
  transform: translateY(-2px);
  background: var(--cx-green-light) !important;
}

html[data-camixel-theme] body.premium-ui #camixel-cinema-calculator input[type="range"] {
  background: linear-gradient(to right,var(--cx-green) var(--p, 50%),#2b3036 var(--p, 50%)) !important;
}

html[data-camixel-theme] body.premium-ui #camixel-cinema-calculator input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  background: none !important;
  border: 0 !important;
}

@media (width <= 1100px) {
  html[data-camixel-theme] body.premium-ui header#navbar #nav-links, html[data-camixel-theme] body.premium-ui header#navbar #nav-links.open {
    top: 68px !important;
    bottom: auto !important;
    height: calc(100svh - 68px) !important;
    max-height: calc(100svh - 68px) !important;
    inset-inline: 0 !important;
  }
}

:root, html[data-camixel-theme] {
  --bx-gut: clamp(18px,4vw,40px);
  --bx-wrap: 1240px;
  --bx-r: 20px;
  --bx-r-sm: 12px;
  --bx-sec: clamp(72px,9vw,128px);
  --bx-sec-sm: clamp(40px,5vw,72px);
  --bx-t1: clamp(44px,7.4vw,108px);
  --bx-t2: clamp(32px,4.6vw,64px);
  --bx-t3: clamp(22px,2.4vw,32px);
  --bx-t4: clamp(17px,1.5vw,20px);
  --bx-t5: 15px;
  --bx-t6: 12px;
  --bx-shadow: 0 30px 80px #0000008c,0 2px 0 #ffffff08 inset;
}

html[data-camixel-theme] body .container {
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro, html[data-camixel-theme] body.premium-ui .cx-workflow-story, html[data-camixel-theme] body.premium-ui .cx-industries-story, html[data-camixel-theme] body.premium-ui .cx-story-finale, html[data-camixel-theme] body.premium-ui .cx-brand-stories, html[data-camixel-theme] body.premium-ui .cx-story-nav {
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui .cx-story-hero-inner {
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut)) !important;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro, html[data-camixel-theme] body.premium-ui .cx-workflow-story, html[data-camixel-theme] body.premium-ui .cx-story-finale {
  padding-block: var(--bx-sec) !important;
}

html[data-camixel-theme] body.premium-ui .cx-industries-story {
  padding-block: 0 var(--bx-sec) !important;
}

html[data-camixel-theme] body.premium-ui .home-experience-section.ux-section, html[data-camixel-theme] body.premium-ui .ux-section:not(.cx-story-hero):not(.cx-story-intro):not(.cx-workflow-story):not(.cx-story-finale):not(.cx-industries-story) {
  padding-block: var(--bx-sec-sm);
}

html[data-camixel-theme] body.premium-ui .cx-brand-stories {
  gap: clamp(20px, 3vw, 40px);
  display: grid;
}

html[data-camixel-theme] body.premium-ui h1 {
  font-size: var(--bx-t1);
  letter-spacing: -.045em;
  text-wrap: balance;
  font-weight: 700;
  line-height: .98;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro h2, html[data-camixel-theme] body.premium-ui .cx-workflow-head h2, html[data-camixel-theme] body.premium-ui .cx-story-finale h2, html[data-camixel-theme] body.premium-ui .cx-industries-head h2 {
  font-size: var(--bx-t2) !important;
  letter-spacing: -.045em !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
}

html[data-camixel-theme] body.premium-ui .cx-brand-copy h2 {
  font-size: var(--bx-t2);
  letter-spacing: -.04em;
  font-weight: 700;
  line-height: 1.04;
}

html[data-camixel-theme] body.premium-ui .section-title {
  letter-spacing: -.04em;
  line-height: 1.05;
}

html[data-camixel-theme] body.premium-ui main p, html[data-camixel-theme] body.premium-ui section p {
  line-height: 1.65;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro p, html[data-camixel-theme] body.premium-ui .cx-story-hero-inner > p {
  line-height: 1.6;
  font-size: var(--bx-t4) !important;
}

html[data-camixel-theme] body.premium-ui .cx-story-hero {
  min-height: min(100svh, 980px);
}

html[data-camixel-theme] body.premium-ui .cx-story-hero-shade {
  background: linear-gradient(#05050559 0%, #0505050d 35%, #050505c7 100%), radial-gradient(90% 70% at 20% 90%, #3da57f29, #0000 60%) !important;
}

html[data-camixel-theme] body.premium-ui .cx-brand-chapter {
  box-shadow: var(--bx-shadow);
  border-radius: var(--bx-r) !important;
  background: linear-gradient(#0a0a0a, #070707) !important;
  border: 0 !important;
  border-top: 1px solid #3da57f47 !important;
}

html[data-camixel-theme] body.premium-ui .cx-brand-copy ul {
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 24px;
  padding: 0;
  list-style: none;
  display: flex;
}

html[data-camixel-theme] body.premium-ui .cx-brand-copy ul li {
  font-size: var(--bx-t6);
  color: #62c9a1;
  letter-spacing: .01em;
  background: #3da57f12;
  border: 1px solid #3da57f57;
  border-radius: 999px;
  padding: 7px 14px;
  font-weight: 600;
}

html[data-camixel-theme] body.premium-ui .cx-story-link {
  color: var(--cx-green-light);
  transition: gap .3s var(--bx-ease),color .2s;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  display: inline-flex;
}

html[data-camixel-theme] body.premium-ui .cx-story-link:hover {
  color: #fff;
  gap: 14px;
}

.cx-brand-media {
  overflow: hidden;
}

.cx-brand-media img, .cx-story-hero-slide img {
  will-change: transform;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro, html[data-camixel-theme] body.premium-ui .cx-story-finale, html[data-camixel-theme] body.premium-ui .contact-redesigned {
  isolation: isolate;
  position: relative;
}

html[data-camixel-theme] body.premium-ui .cx-story-intro:before, html[data-camixel-theme] body.premium-ui .cx-story-finale:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(50% 50%, #3da57f21, #0000 70%);
  position: absolute;
  inset: 8% -10%;
}

@media (hover: hover) {
  html[data-camixel-theme] body.premium-ui :is(.cx-industry-card, .cx-workflow-card, .answer-card, .vm-card, .pillar-card, .brand-card, .product-card, .commerce-card, .model-card, .solution-card, .support-card, .m6-card, .story-card, .value-card, .why-card, .benefit-card, .eco-card, .industry-tile) {
    transition: transform .45s var(--bx-ease),box-shadow .45s var(--bx-ease),border-color .35s var(--bx-ease) !important;
  }

  html[data-camixel-theme] body.premium-ui :is(.cx-industry-card, .cx-workflow-card, .answer-card, .vm-card, .pillar-card, .brand-card, .product-card, .commerce-card, .model-card, .solution-card, .support-card, .m6-card, .story-card, .value-card, .why-card, .benefit-card, .eco-card, .industry-tile):hover {
    transform: translateY(-6px);
    border-color: #3da57f8c !important;
    box-shadow: 0 22px 50px #0009, 0 0 0 1px #3da57f59, 0 0 38px #3da57f29 !important;
  }
}

.cx-parallax {
  backface-visibility: hidden;
  transition: none;
}

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

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

  .cx-parallax {
    transform: none !important;
  }
}

:where(img[width][height]) {
  height: auto;
}

:where(video) {
  max-width: 100%;
}

html[data-camixel-theme] body.premium-ui :is(.btn, .cx-story-btn, .m6-btn-primary, .m6-btn-ghost) {
  min-height: 44px;
  transition: transform .3s var(--bx-ease),box-shadow .3s var(--bx-ease),background .25s,border-color .25s;
  border-radius: 999px;
}

html[data-camixel-theme] body.premium-ui :is(.btn, .cx-story-btn, .m6-btn-primary):active {
  transform: scale(.97);
}

html[data-camixel-theme] body.premium-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]), select, textarea) {
  min-height: 48px;
  transition: border-color .25s var(--bx-ease),box-shadow .25s var(--bx-ease),background .25s;
  padding: 12px 14px;
  font-size: 16px;
  border-radius: var(--bx-r-sm) !important;
  color: #f4f6f5 !important;
  background: #0c0c0c !important;
  border: 1px solid #2c2c2c !important;
}

html[data-camixel-theme] body.premium-ui :is(input, select, textarea):hover {
  border-color: #3b4642 !important;
}

html[data-camixel-theme] body.premium-ui :is(input:not([type="range"]), select, textarea):focus {
  border-color: var(--cx-green) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px #3da57f29 !important;
}

html[data-camixel-theme] body.premium-ui textarea {
  min-height: 120px;
}

input[type="checkbox"], input[type="radio"] {
  accent-color: var(--cx-green);
}

html {
  scrollbar-color: #2d7d61 #070707;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

::-webkit-scrollbar-track {
  background: #070707;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#3da57f, #2d7d61);
  border: 2px solid #070707;
  border-radius: 10px;
}

html[data-camixel-theme] body.premium-ui footer.footer {
  position: relative;
  background: linear-gradient(#070707, #040404) !important;
  border-top: 0 !important;
}

html[data-camixel-theme] body.premium-ui footer.footer:before {
  content: "";
  background: linear-gradient(90deg, #0000, #3da57f 30% 50%, #3da57f 70%, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 28px 2px #3da57f80;
}

html[data-camixel-theme] body.premium-ui footer.footer a {
  transition: color .2s;
}

html[data-camixel-theme] body.premium-ui footer.footer a:hover {
  color: var(--cx-green-light);
}

html[data-camixel-theme] body .cx-plan {
  max-width: none;
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut));
  margin: var(--bx-sec-sm) auto;
  border-radius: var(--bx-r);
  box-shadow: var(--bx-shadow);
  background: radial-gradient(70% 120% at 0 0, #3da57f33, #0000 60%), #090909;
  border: 1px solid #3da57f47;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.cx-plan:after {
  content: "";
  opacity: .7;
  background: linear-gradient(90deg, #0000, #3da57f, #0000);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cx-plan-in {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  padding: clamp(26px, 4.5vw, 56px);
  display: grid;
}

.cx-plan-k {
  color: #3da57f;
  font-size: var(--bx-t6);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}

html[data-camixel-theme] body .cx-plan h2 {
  font-size: var(--bx-t2);
  letter-spacing: -.04em;
  color: #fff;
  margin: 12px 0;
  font-weight: 700;
  line-height: 1.02;
}

html[data-camixel-theme] body .cx-plan p {
  color: var(--bx-muted);
  max-width: 56ch;
  font-size: var(--bx-t4);
  margin: 0 0 24px;
  line-height: 1.6;
}

.cx-plan-btn {
  background: var(--cx-green);
  min-height: 48px;
  transition: transform .3s var(--bx-ease),background .25s,box-shadow .3s;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 8px 26px #3da57f52;
  color: #0a0a0a !important;
  text-decoration: none !important;
}

.cx-plan-btn:hover {
  background: var(--cx-green-light);
  transform: translateY(-2px);
  box-shadow: 0 14px 34px #3da57f6b;
}

.cx-plan-btn span {
  transition: transform .3s var(--bx-ease);
}

.cx-plan-btn:hover span {
  transform: translate(4px);
}

.cx-plan-stats {
  border-top: 1px solid #3da57f40;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cx-plan-stats li {
  border-bottom: 1px solid #3da57f40;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 16px 0;
  display: flex;
}

.cx-plan-stats b {
  letter-spacing: -.04em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
}

.cx-plan-stats span {
  color: var(--bx-muted);
  text-align: right;
  font-size: 13px;
}

.cx-mini-calc {
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut));
  margin: var(--bx-sec-sm) auto;
  border-radius: var(--bx-r);
  box-shadow: var(--bx-shadow);
  background: radial-gradient(70% 140% at 100% 0, #3da57f29, #0000 60%), #090909;
  border: 1px solid #3da57f47;
}

.cx-mini-in {
  gap: clamp(20px, 3vw, 36px);
  padding: clamp(22px, 4vw, 48px);
  display: grid;
}

.cx-mini-calc h2 {
  font-size: var(--bx-t3);
  letter-spacing: -.035em;
  color: #fff;
  margin: 10px 0 6px;
  line-height: 1.08;
}

.cx-mini-preset {
  color: var(--bx-muted);
  margin: 0;
  font-size: 14px;
}

.cx-mini-body {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: center;
  gap: clamp(20px, 4vw, 48px);
  display: grid;
}

.cx-mini-controls {
  gap: 22px;
  display: grid;
}

.cx-mini-row {
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px 12px;
  display: grid;
}

.cx-mini-row label {
  color: #dfe5e2;
  font-size: 14px;
  font-weight: 600;
}

.cx-mini-row output {
  color: var(--cx-green-light);
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.cx-mini-row input {
  grid-column: 1 / -1;
}

.cx-mini-result {
  background: #0b0b0b;
  border: 1px solid #3da57f4d;
  border-radius: 16px;
  justify-items: start;
  gap: 12px;
  padding: 22px;
  display: grid;
}

.cx-mini-label {
  color: var(--bx-muted);
  font-size: var(--bx-t6);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}

.cx-mini-num {
  letter-spacing: -.05em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: clamp(44px, 6vw, 72px);
  font-weight: 700;
  line-height: 1;
}

.cx-mini-num span {
  color: var(--cx-green);
  letter-spacing: 0;
  margin-left: 6px;
  font-size: .45em;
}

.cx-mini-calc input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  --p: 0%;
  width: 100%;
  height: 44px;
  background: none !important;
}

.cx-mini-calc input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(to right,#3da57f var(--p),#282828 var(--p));
  border-radius: 6px;
  height: 6px;
}

.cx-mini-calc input[type="range"]::-moz-range-track {
  background: linear-gradient(to right,#3da57f var(--p),#282828 var(--p));
  border-radius: 6px;
  height: 6px;
}

.cx-mini-calc input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #3da57f;
  border: 3px solid #050505;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-top: -10px;
  box-shadow: 0 0 0 1px #3da57f, 0 4px 14px #3da57f80;
}

.cx-mini-calc input[type="range"]::-moz-range-thumb {
  background: #3da57f;
  border: 3px solid #050505;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 1px #3da57f;
}

@media (width <= 860px) {
  .cx-plan-in, .cx-mini-body {
    grid-template-columns: 1fr;
  }

  .cx-plan-btn {
    justify-content: center;
    width: 100%;
  }

  .cx-mini-result .cx-plan-btn {
    width: 100%;
  }
}

#camixel-cinema-calculator {
  width: min(var(--bx-wrap),100% - 2*var(--bx-gut));
  margin-inline: auto;
}

#camixel-cinema-calculator .cc-wrap {
  box-shadow: var(--bx-shadow);
  overflow: visible;
  border-radius: var(--bx-r) !important;
  background: #070707 !important;
  border: 1px solid #3da57f38 !important;
  max-width: none !important;
}

#camixel-cinema-calculator .cc-grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.45fr) minmax(340px, .85fr) !important;
}

#camixel-cinema-calculator .cc-controls {
  border-right: 1px solid #3da57f29 !important;
}

#camixel-cinema-calculator .cc-results {
  border-radius: 0 var(--bx-r) var(--bx-r) 0 !important;
  background: radial-gradient(90% 60% at 100% 0, #3da57f24, #0000 65%), #080808 !important;
}

#camixel-cinema-calculator .cc-result-number {
  text-shadow: 0 0 40px #3da57f40;
  letter-spacing: -.055em !important;
  font-size: clamp(52px, 6vw, 88px) !important;
}

#camixel-cinema-calculator .cc-results-inner {
  top: 92px;
  position: sticky !important;
}

#camixel-cinema-calculator .cc-chips button {
  min-width: 44px;
  min-height: 44px;
  padding: 8px 14px;
  font-size: 13px;
}

#camixel-cinema-calculator .cc-dd-btn, #camixel-cinema-calculator input[type="number"] {
  min-height: 48px;
  font-size: 16px;
}

#camixel-cinema-calculator input[type="checkbox"] {
  width: 22px;
  height: 22px;
}

#camixel-cinema-calculator .cc-toggle {
  align-items: center;
  gap: 10px;
  min-height: 44px;
  display: flex;
}

#camixel-cinema-calculator .cc-native, #camixel-cinema-calculator .cx-select, #camixel-cinema-calculator .cx-select-wrap, #camixel-cinema-calculator [class*="cx-select"] {
  display: none !important;
}

#camixel-cinema-calculator .cc-dd {
  display: block !important;
}

#camixel-cinema-calculator input[type="range"] {
  cursor: pointer;
  height: 44px;
}

@media (width <= 900px) {
  #camixel-cinema-calculator .cc-grid {
    grid-template-columns: 1fr !important;
  }

  #camixel-cinema-calculator .cc-results {
    border-radius: 0 0 var(--bx-r) var(--bx-r) !important;
  }

  #camixel-cinema-calculator .cc-results-inner {
    position: static !important;
  }

  #camixel-cinema-calculator .cc-controls {
    border-bottom: 1px solid #3da57f29;
    border-right: 0 !important;
  }
}

@media (width <= 640px) {
  #camixel-cinema-calculator .cc-form-grid {
    grid-template-columns: 1fr !important;
  }

  #camixel-cinema-calculator .cc-controls, #camixel-cinema-calculator .cc-results {
    padding: 18px !important;
  }

  #camixel-cinema-calculator .cc-row {
    flex-wrap: wrap;
    gap: 2px 12px;
  }
}

html, body {
  overflow-x: clip;
}

.cc-pin {
  left: 12px;
  right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  z-index: 900;
  -webkit-backdrop-filter: blur(16px);
  min-height: 56px;
  transition: transform .4s var(--bx-ease);
  background: #080808e0;
  border: 1px solid #3da57f80;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 8px 18px;
  display: none;
  position: fixed;
  transform: translateY(140%);
  box-shadow: 0 14px 40px #0009, 0 0 28px #3da57f33;
}

.cc-pin.on {
  transform: none;
}

.cc-pin b {
  letter-spacing: -.03em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
}

.cc-pin small {
  color: #3da57f;
  margin-left: 4px;
  font-weight: 700;
}

.cc-pin button {
  color: #0a0a0a;
  cursor: pointer;
  background: #3da57f;
  border: 0;
  border-radius: 999px;
  min-height: 44px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 700;
}

@media (width <= 900px) {
  .cc-pin {
    display: flex;
  }
}

html[data-camixel-theme] body #camixel-cinema-calculator section.cc-controls {
  margin: 0 !important;
  padding: clamp(20px, 3vw, 36px) !important;
}

html[data-camixel-theme] body #camixel-cinema-calculator .cc-results {
  padding: clamp(18px, 3vw, 32px) !important;
}

html[data-camixel-theme] body #camixel-cinema-calculator .cc-header {
  padding: clamp(20px, 3vw, 32px) !important;
}

html[data-camixel-theme] body #camixel-cinema-calculator .cc-section {
  margin-bottom: clamp(22px, 3vw, 34px) !important;
}

html[data-camixel-theme] body #camixel-cinema-calculator .cc-section-title {
  margin: 0 0 14px !important;
}

html[data-camixel-theme] body .cx-mini-calc h2 {
  font-size: var(--bx-t3) !important;
  letter-spacing: -.035em !important;
  color: #fff !important;
  margin: 10px 0 6px !important;
  line-height: 1.1 !important;
}

html[data-camixel-theme] body .cx-mini-calc input[type="range"] {
  height: 44px;
  min-height: 44px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

html[data-camixel-theme] body .cx-mini-calc input[type="range"]:focus-visible {
  outline-offset: 4px !important;
  box-shadow: none !important;
  outline: 2px solid #3da57f !important;
}

html[data-camixel-theme] body .cx-mini-calc .cx-mini-row label {
  color: #dfe5e2;
  margin: 0;
  font-size: 14px;
}

html[data-camixel-theme] body .cx-mini-calc p {
  margin: 0;
}

html[data-camixel-theme] body #camixel-cinema-calculator input[type="range"] {
  box-sizing: content-box !important;
  background-clip: content-box !important;
  width: 100% !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 18px 0 !important;
}

html[data-camixel-theme] body #camixel-cinema-calculator .cc-chips button {
  min-width: 44px !important;
  min-height: 44px !important;
}

html[data-camixel-theme] body.premium-ui #camixel-cinema-calculator input[type="range"] {
  box-sizing: content-box !important;
  background-clip: content-box !important;
  height: 8px !important;
  margin: 0 !important;
  padding: 18px 0 !important;
}

body.page-stories {
  --stories-bg: #080808;
  --stories-surface: #101111;
  --stories-surface-2: #171818;
  --stories-line: #ffffff1f;
  --stories-text: #f7f7f5;
  --stories-muted: #aaaead;
  --stories-accent: #3da57f;
  color: var(--stories-text);
  background: var(--stories-bg);
  margin: 0;
  overflow-x: clip;
}

body.page-stories main {
  background: var(--stories-bg);
  overflow: clip;
}

body.page-stories .stories-shell {
  width: min(1280px, 100% - 64px);
  margin-inline: auto;
}

body.page-stories .stories-kicker {
  color: var(--stories-accent);
  letter-spacing: .19em;
  text-transform: uppercase;
  margin: 0 0 22px;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.3;
}

body.page-stories :is(.stories-hero h1, .stories-intro h2, .stories-feature h2, .stories-method h2, .stories-submit h2) {
  color: var(--stories-text);
  letter-spacing: -.055em;
  text-wrap: balance;
  margin: 0;
  font-weight: 620;
  line-height: .96;
}

body.page-stories :is(.stories-hero h1, .stories-intro h2, .stories-feature h2, .stories-submit h2) span {
  color: var(--stories-accent);
}

html[data-camixel-theme] body.page-stories.premium-ui .stories-hero h1 {
  font-size: clamp(3.25rem, 7.4vw, 7.7rem) !important;
  font-weight: 620 !important;
}

body.page-stories .stories-hero {
  isolation: isolate;
  border: 1px solid var(--stories-line);
  background: #0b0c0c;
  border-radius: 34px;
  min-height: min(820px, 100svh - 24px);
  margin: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.page-stories .stories-hero-media, body.page-stories .stories-hero-shade {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

body.page-stories .stories-hero-media {
  z-index: -2;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.05);
  transform: scale(1.002);
}

body.page-stories .stories-hero-shade {
  z-index: -1;
  background: linear-gradient(90deg, #040404f5 0%, #040404c4 36%, #04040429 72%), linear-gradient(#0000 54%, #040404e0 100%);
}

body.page-stories .stories-hero-copy {
  align-self: flex-end;
  padding-block: clamp(170px, 22vh, 250px) 104px;
}

body.page-stories .stories-hero h1 {
  max-width: 850px;
  font-size: clamp(3.8rem, 7.4vw, 7.7rem);
}

body.page-stories .stories-hero-copy > p:not(.stories-kicker) {
  color: #ffffffbf;
  max-width: 650px;
  margin: 34px 0 0;
  font-size: clamp(1.03rem, 1.5vw, 1.28rem);
  line-height: 1.65;
}

body.page-stories .stories-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 36px;
  display: flex;
}

body.page-stories .stories-button {
  color: #fff;
  backdrop-filter: blur(15px);
  background: #0c0d0d6b;
  border: 1px solid #ffffff42;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  min-height: 52px;
  padding: 0 22px;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
  transition: border-color .18s, background .18s, color .18s, transform .18s;
  display: inline-flex;
}

body.page-stories .stories-button--primary {
  border-color: var(--stories-accent);
  color: #0a0a0a;
  background: var(--stories-accent);
}

body.page-stories .stories-button:hover {
  color: #080808;
  background: #fff;
  border-color: #fff;
  transform: translateY(-2px);
}

body.page-stories .stories-button:focus-visible, body.page-stories .story-card:focus-visible, body.page-stories .stories-feature-outcome a:focus-visible {
  outline: 3px solid var(--stories-accent);
  outline-offset: 4px;
}

body.page-stories .stories-hero-index {
  color: #ffffff94;
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: 16px;
  font-size: .66rem;
  font-weight: 680;
  display: flex;
  position: absolute;
  bottom: 32px;
  right: 38px;
}

body.page-stories .stories-hero-index span:first-child {
  color: #0a0a0a;
  background: var(--stories-accent);
  border-radius: 50%;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

body.page-stories .stories-intro {
  padding: clamp(110px, 13vw, 190px) 0;
}

body.page-stories .stories-intro-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  align-items: end;
  gap: clamp(48px, 8vw, 128px);
  margin-bottom: 70px;
  display: grid;
}

body.page-stories .stories-intro h2, body.page-stories .stories-feature h2, body.page-stories .stories-submit h2 {
  font-size: clamp(3.2rem, 6.3vw, 6.3rem);
}

body.page-stories .stories-intro-copy, body.page-stories .stories-feature-summary > p, body.page-stories .stories-submit-copy > p {
  color: var(--stories-muted);
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.75;
}

body.page-stories .stories-card-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

body.page-stories .story-card {
  border: 1px solid var(--stories-line);
  color: #fff;
  background: var(--stories-surface);
  border-radius: 26px;
  grid-column: span 4;
  min-height: 520px;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

body.page-stories .story-card--feature {
  grid-area: span 2 / span 8;
  min-height: 740px;
}

body.page-stories .story-card--wide {
  grid-column: span 12;
  min-height: 580px;
}

body.page-stories .story-card figure, body.page-stories .story-card figure:after {
  margin: 0;
  position: absolute;
  inset: 0;
}

body.page-stories .story-card figure:after {
  content: "";
  background: linear-gradient(#0404040d 0%, #04040433 38%, #040404f0 100%);
}

body.page-stories .story-card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .25s;
  position: absolute;
  inset: 0;
}

body.page-stories .story-card--wide img {
  object-position: center 35%;
}

body.page-stories .story-card-copy {
  z-index: 1;
  align-self: end;
  padding: clamp(26px, 3.2vw, 46px);
  position: relative;
}

body.page-stories .story-card-copy p {
  color: #ffffffb3;
  letter-spacing: .13em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  font-size: .68rem;
  font-weight: 700;
  display: flex;
}

body.page-stories .story-card-copy p span {
  color: var(--stories-accent);
}

body.page-stories .story-card h3 {
  color: #fff;
  letter-spacing: -.045em;
  text-wrap: balance;
  max-width: 760px;
  margin: 0;
  font-size: clamp(1.75rem, 3.4vw, 3.8rem);
  font-weight: 610;
  line-height: 1.02;
}

body.page-stories .story-card:not(.story-card--feature, .story-card--wide) h3 {
  font-size: clamp(1.65rem, 2.2vw, 2.45rem);
}

body.page-stories .story-card-link {
  color: var(--stories-accent);
  align-items: center;
  gap: 9px;
  margin-top: 26px;
  font-size: .82rem;
  font-weight: 720;
  display: inline-flex;
}

body.page-stories .story-card-link b {
  font-size: 1rem;
  transition: transform .18s;
}

body.page-stories .story-card:hover img {
  filter: saturate(1.08);
  transform: scale(1.025);
}

body.page-stories .story-card:hover .story-card-link b {
  transform: translate(3px, -3px);
}

body.page-stories .stories-feature {
  border-top: 1px solid var(--stories-line);
  background: #0c0d0d;
  padding: clamp(110px, 13vw, 185px) 0;
}

body.page-stories .stories-feature-heading {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: end;
  gap: clamp(52px, 9vw, 150px);
  display: grid;
}

body.page-stories .stories-feature-summary dl {
  border-top: 1px solid var(--stories-line);
  margin: 36px 0 0;
}

body.page-stories .stories-feature-summary dl div {
  border-bottom: 1px solid var(--stories-line);
  grid-template-columns: 90px 1fr;
  gap: 20px;
  padding: 15px 0;
  display: grid;
}

body.page-stories .stories-feature-summary :is(dt, dd) {
  margin: 0;
  font-size: .78rem;
}

body.page-stories .stories-feature-summary dt {
  color: #ffffff75;
  text-transform: uppercase;
}

body.page-stories .stories-feature-summary dd {
  color: #fff;
}

body.page-stories .stories-photo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 84px;
  display: grid;
}

body.page-stories .stories-photo {
  background: var(--stories-surface-2);
  border-radius: 24px;
  min-height: 430px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

body.page-stories .stories-photo--lead, body.page-stories .stories-photo--wide {
  grid-column: span 2;
  min-height: 690px;
}

body.page-stories .stories-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

body.page-stories .stories-photo figcaption {
  color: #ffffffd4;
  backdrop-filter: blur(14px);
  background: #040404bd;
  border: 1px solid #ffffff2b;
  border-radius: 13px;
  max-width: 370px;
  padding: 13px 16px;
  font-size: .76rem;
  line-height: 1.45;
  position: absolute;
  bottom: 18px;
  right: 18px;
}

body.page-stories .stories-feature-outcome {
  grid-template-columns: 160px minmax(0, 1.15fr) minmax(300px, .55fr);
  align-items: start;
  gap: clamp(36px, 5vw, 72px);
  padding-top: 88px;
  display: grid;
}

body.page-stories .stories-feature-outcome blockquote {
  color: #fff;
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 580;
  line-height: 1.08;
}

body.page-stories .stories-feature-outcome > p:not(.stories-kicker) {
  color: var(--stories-muted);
  margin: 0;
  line-height: 1.72;
}

body.page-stories .stories-feature-outcome a {
  color: var(--stories-accent);
  grid-column: 3;
  font-size: .86rem;
  font-weight: 720;
  text-decoration: none;
}

body.page-stories .stories-method {
  padding: clamp(110px, 12vw, 170px) 0;
}

body.page-stories .stories-method-head {
  border-bottom: 1px solid var(--stories-line);
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  padding-bottom: 50px;
  display: flex;
}

body.page-stories .stories-method-head .stories-kicker {
  margin-bottom: 7px;
}

body.page-stories .stories-method h2 {
  max-width: 780px;
  font-size: clamp(2.8rem, 5.1vw, 5.2rem);
}

body.page-stories .stories-method-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}

body.page-stories .stories-method-grid article {
  border-bottom: 1px solid var(--stories-line);
  min-height: 290px;
  padding: 38px 30px 30px 0;
}

body.page-stories .stories-method-grid article + article {
  border-left: 1px solid var(--stories-line);
  padding-left: 30px;
}

body.page-stories .stories-method-grid span {
  color: var(--stories-accent);
  font-size: .72rem;
  font-weight: 760;
}

body.page-stories .stories-method-grid h3 {
  color: #fff;
  margin: 78px 0 12px;
  font-size: 1.18rem;
}

body.page-stories .stories-method-grid p {
  color: var(--stories-muted);
  margin: 0;
  font-size: .88rem;
  line-height: 1.65;
}

body.page-stories .stories-submit {
  padding: 20px 0 120px;
}

body.page-stories .stories-submit-card {
  border: 1px solid var(--stories-line);
  background: #121313;
  border-radius: 30px;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .7fr);
  align-items: end;
  gap: clamp(60px, 10vw, 170px);
  padding: clamp(48px, 7vw, 94px);
  display: grid;
}

body.page-stories .stories-submit-copy ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
  margin: 28px 0 34px;
  padding: 0;
  list-style: none;
  display: grid;
}

body.page-stories .stories-submit-copy li {
  color: #fffc;
  padding-left: 16px;
  font-size: .78rem;
  position: relative;
}

body.page-stories .stories-submit-copy li:before {
  background: var(--stories-accent);
  content: "";
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: .48em;
  left: 0;
}

@media (width <= 980px) {
  body.page-stories .stories-shell {
    width: min(100% - 40px, 1280px);
  }

  body.page-stories .stories-intro-grid, body.page-stories .stories-feature-heading, body.page-stories .stories-submit-card {
    grid-template-columns: 1fr;
  }

  body.page-stories .stories-intro-copy, body.page-stories .stories-feature-summary, body.page-stories .stories-submit-copy {
    max-width: 680px;
  }

  body.page-stories .story-card {
    grid-column: span 6;
  }

  body.page-stories .story-card--feature, body.page-stories .story-card--wide {
    grid-column: span 12;
  }

  body.page-stories .story-card--feature {
    min-height: 650px;
  }

  body.page-stories .stories-feature-outcome {
    grid-template-columns: 120px 1fr;
  }

  body.page-stories .stories-feature-outcome > p:not(.stories-kicker), body.page-stories .stories-feature-outcome a {
    grid-column: 2;
  }

  body.page-stories .stories-method-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-stories .stories-method-grid article:nth-child(3) {
    border-left: 0;
  }
}

@media (width <= 680px) {
  body.page-stories .stories-shell {
    width: min(100% - 28px, 1280px);
  }

  body.page-stories .stories-kicker {
    margin-bottom: 15px;
    font-size: .64rem;
  }

  body.page-stories .stories-hero {
    border-radius: 24px;
    min-height: 760px;
    margin: 7px;
  }

  body.page-stories .stories-hero-media {
    object-position: 59% center;
  }

  body.page-stories .stories-hero-shade {
    background: linear-gradient(#04040433 0%, #040404bd 46%, #040404f5 100%);
  }

  body.page-stories .stories-hero-copy {
    padding-block: 250px 82px;
  }

  html[data-camixel-theme] body.page-stories.premium-ui .stories-hero h1 {
    font-size: clamp(3.25rem, 15vw, 4.7rem) !important;
  }

  body.page-stories .stories-hero-copy > p:not(.stories-kicker) {
    margin-top: 24px;
    font-size: .98rem;
  }

  body.page-stories .stories-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.page-stories .stories-button {
    width: 100%;
  }

  body.page-stories .stories-hero-index {
    gap: 8px;
    bottom: 18px;
    right: 18px;
  }

  body.page-stories .stories-hero-index span:not(:first-child) {
    display: none;
  }

  body.page-stories .stories-intro {
    padding: 105px 0;
  }

  body.page-stories .stories-intro-grid {
    gap: 34px;
    margin-bottom: 50px;
  }

  body.page-stories .stories-intro h2, body.page-stories .stories-feature h2, body.page-stories .stories-submit h2 {
    font-size: clamp(2.75rem, 13vw, 4.25rem);
  }

  body.page-stories .stories-card-grid {
    display: block;
  }

  body.page-stories .story-card, body.page-stories .story-card--feature, body.page-stories .story-card--wide {
    min-height: 500px;
    margin-top: 14px;
  }

  body.page-stories .story-card:first-child {
    margin-top: 0;
  }

  body.page-stories .story-card--wide img {
    object-position: center;
  }

  body.page-stories .story-card h3, body.page-stories .story-card:not(.story-card--feature, .story-card--wide) h3 {
    font-size: 2rem;
  }

  body.page-stories .stories-feature {
    padding: 105px 0;
  }

  body.page-stories .stories-feature-heading {
    gap: 34px;
  }

  body.page-stories .stories-photo-grid {
    margin-top: 55px;
    display: block;
  }

  body.page-stories .stories-photo, body.page-stories .stories-photo--lead, body.page-stories .stories-photo--wide {
    min-height: 430px;
    margin-top: 12px;
  }

  body.page-stories .stories-photo:first-child {
    margin-top: 0;
  }

  body.page-stories .stories-photo figcaption {
    max-width: none;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  body.page-stories .stories-feature-outcome {
    padding-top: 60px;
    display: block;
  }

  body.page-stories .stories-feature-outcome blockquote {
    margin: 24px 0 30px;
  }

  body.page-stories .stories-feature-outcome a {
    margin-top: 24px;
    display: inline-block;
  }

  body.page-stories .stories-method {
    padding: 100px 0;
  }

  body.page-stories .stories-method-head {
    padding-bottom: 35px;
    display: block;
  }

  body.page-stories .stories-method-grid {
    grid-template-columns: 1fr;
  }

  body.page-stories .stories-method-grid article, body.page-stories .stories-method-grid article + article {
    border-left: 0;
    min-height: 0;
    padding: 28px 0;
  }

  body.page-stories .stories-method-grid h3 {
    margin-top: 38px;
  }

  body.page-stories .stories-submit {
    padding-bottom: 90px;
  }

  body.page-stories .stories-submit-card {
    border-radius: 24px;
    gap: 42px;
    width: calc(100% - 14px);
    padding: 42px 24px;
  }

  body.page-stories .stories-submit-copy ul {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-stories .story-card img, body.page-stories .story-card-link b, body.page-stories .stories-button {
    transition: none;
  }
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero {
  border-radius: 24px !important;
  min-height: min(690px, 100svh - 88px) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero-copy {
  padding-block: 150px 92px !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero h1 {
  max-width: 760px !important;
  font-size: clamp(3.25rem, 6.5vw, 6.1rem) !important;
  line-height: .98 !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero-media {
  filter: saturate(.82) contrast(1.04) !important;
  object-position: center 48% !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero-shade {
  background: linear-gradient(90deg, #040404eb, #04040499 42%, #0404041a 100%), linear-gradient(#0000 45%, #040404d1) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-intro {
  padding-block: clamp(80px, 9vw, 130px) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-intro-grid {
  margin-bottom: 48px !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card {
  background: #111 !important;
  border-color: #ffffff24 !important;
  border-radius: 20px !important;
  min-height: 460px !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card--feature {
  min-height: 640px !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card--wide {
  min-height: 440px !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card figure:after {
  background: linear-gradient(#0000 22%, #00000059 57%, #000000f0) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card-copy {
  padding: clamp(25px, 3vw, 40px) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-feature {
  background: #0b0c0c !important;
  padding-block: clamp(80px, 9vw, 130px) !important;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo--lead, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo--wide {
  border-radius: 18px !important;
}

body.page-stories .stories-finale {
  background: #080808;
  border-top: 1px solid #ffffff1f;
  padding: clamp(88px, 10vw, 140px) 0;
}

body.page-stories .stories-finale .stories-shell {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

:is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-finale h2 {
  color: #f6f6f4 !important;
  letter-spacing: -.055em !important;
  margin: 0 0 36px !important;
  font-size: clamp(2.8rem, 6vw, 6rem) !important;
  font-weight: 620 !important;
  line-height: 1 !important;
}

body.page-stories .stories-finale h2 span {
  color: #3da57f;
}

@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: .22s ease-in-out both page-out;
}

::view-transition-new(root) {
  animation: .22s ease-in-out both page-in;
}

@keyframes page-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes page-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

body.premium-ui #camixel-page-transition {
  display: none !important;
}

body.premium-ui.page-leaving {
  opacity: 0;
  transition: opacity .17s;
}

body.premium-ui.page-entering main, body.premium-ui.page-entering .footer {
  animation: none !important;
}

body.premium-ui.page-entering {
  animation: .17s ease-out both page-in;
}

@supports (view-transition-name: root) {
  html:not([data-cxn-file-preview]) body.premium-ui.page-leaving {
    opacity: 1 !important;
    transition: none !important;
  }

  html:not([data-cxn-file-preview]) body.premium-ui.page-entering {
    animation: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation: none !important;
  }

  body.premium-ui.page-leaving, body.premium-ui.page-entering {
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (width <= 680px) {
  :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero {
    min-height: 650px !important;
    margin: 7px !important;
  }

  :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero-copy {
    padding-block: 210px 90px !important;
  }

  :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-hero h1 {
    font-size: clamp(2.75rem, 12vw, 4.4rem) !important;
  }

  :is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card--feature, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .story-card--wide {
    min-height: 430px !important;
  }

  :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo--lead, :is(html[data-camixel-theme], html) body.page-stories.premium-ui .stories-photo--wide {
    min-height: 360px !important;
  }
}

body.page-privacy .privacy-hero {
  border-bottom: 1px solid #ffffff1f;
  padding: clamp(110px, 13vw, 180px) 0 clamp(68px, 7vw, 96px);
}

body.page-privacy .privacy-hero h1 {
  letter-spacing: -.055em;
  max-width: 820px;
  margin: 22px 0;
  font-size: clamp(3rem, 7vw, 6.5rem);
  line-height: .98;
}

body.page-privacy .privacy-hero p:last-child {
  color: #b8c0bc;
  max-width: 660px;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.6;
}

body.page-privacy .privacy-content {
  padding: clamp(70px, 8vw, 120px) 0;
}

body.page-privacy .privacy-copy {
  max-width: 900px !important;
}

body.page-privacy .privacy-copy h2 {
  margin: 44px 0 14px;
  font-size: clamp(1.55rem, 2.3vw, 2.2rem);
  line-height: 1.2;
}

body.page-privacy .privacy-copy h2:first-child {
  margin-top: 0;
}

body.page-privacy .privacy-copy p {
  color: #b8c0bc;
  max-width: 760px;
  line-height: 1.75;
}

body.page-privacy .privacy-copy a {
  color: #62c9a1;
  text-underline-offset: 4px;
}

html[data-camixel-theme] body.page-blackmagic .m6-section .section-header > .section-tag {
  flex: none !important;
  align-self: flex-start !important;
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-flex !important;
}

#site-navigation, #site-navigation * {
  box-sizing: border-box;
}

#site-navigation {
  z-index: 6000;
  color: #f7f8f7;
  background: #080808;
  border-bottom: 1px solid #ffffff21;
  width: 100%;
  min-height: 72px;
  font-family: inherit;
  position: sticky;
  top: 0;
}

#site-navigation a {
  text-decoration: none;
}

#site-navigation .cxn-shell {
  align-items: center;
  gap: clamp(20px, 2vw, 36px);
  width: min(100% - 48px, 1440px);
  height: 72px;
  margin: 0 auto;
  display: flex;
}

#site-navigation .cxn-brand {
  flex: none;
  align-items: center;
  width: 136px;
  height: 58px;
  display: flex;
}

#site-navigation .cxn-brand img {
  object-fit: contain;
  object-position: left center;
  width: 100%;
  max-height: 48px;
  display: block;
}

#site-navigation .cxn-nav {
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

#site-navigation .cxn-link, #site-navigation .cxn-trigger {
  color: #c5ccca;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  padding: 0 11px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  transition: color .16s, background-color .16s;
  display: inline-flex;
  position: relative;
}

#site-navigation .cxn-link:hover, #site-navigation .cxn-trigger:hover, #site-navigation .cxn-link:focus-visible, #site-navigation .cxn-trigger:focus-visible, #site-navigation .cxn-trigger[aria-expanded="true"] {
  color: #fff;
  background: #1e1e1e;
}

#site-navigation .cxn-link[aria-current="page"], #site-navigation .cxn-trigger.cxn-current {
  color: #fff;
}

#site-navigation .cxn-link[aria-current="page"]:after, #site-navigation .cxn-trigger.cxn-current:after {
  content: "";
  background: #3da57f;
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: 3px;
  left: 11px;
  right: 11px;
}

#site-navigation .cxn-group {
  flex: none;
  position: relative;
}

#site-navigation .cxn-chevron {
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  width: 7px;
  height: 7px;
  margin: -3px 0 0 2px;
  transition: transform .16s;
  display: inline-block;
  transform: rotate(45deg);
}

#site-navigation .cxn-trigger[aria-expanded="true"] .cxn-chevron {
  transform: translateY(3px) rotate(225deg);
}

#site-navigation .cxn-panel[hidden] {
  display: none !important;
}

#site-navigation .cxn-panel {
  background: #121212;
  border: 1px solid #303635;
  border-radius: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: 410px;
  padding: 10px;
  display: grid;
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 22px 54px #0000007a;
}

#site-navigation #cxn-about-panel {
  grid-template-columns: 1fr;
  width: 260px;
}

#site-navigation #cxn-brands-panel .cxn-panel-heading {
  color: #86a598;
  letter-spacing: .13em;
  text-transform: uppercase;
  grid-column: 1 / -1;
  padding: 10px 12px 5px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

#site-navigation #cxn-brands-panel .cxn-panel-heading--secondary {
  border-top: 1px solid #303635;
  margin-top: 8px;
  padding-top: 16px;
}

#site-navigation .cxn-panel a {
  color: #dce2df;
  border-radius: 9px;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  transition: background-color .16s, color .16s;
  display: flex;
}

#site-navigation .cxn-panel a:hover, #site-navigation .cxn-panel a:focus-visible, #site-navigation .cxn-panel a[aria-current="page"] {
  color: #fff;
  background: #282828;
}

#site-navigation .cxn-actions {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

#site-navigation .cxn-action {
  color: #f2f4f2;
  white-space: nowrap;
  border: 1px solid #3a4140;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 17px;
  font-size: 12px;
  font-weight: 700;
  transition: background-color .16s, border-color .16s, color .16s;
  display: inline-flex;
}

#site-navigation .cxn-action:hover, #site-navigation .cxn-action:focus-visible {
  color: #fff;
  background: #262626;
  border-color: #6a7671;
}

#site-navigation .cxn-action--primary {
  color: #0c0c0c;
  background: #3da57f;
  border-color: #3da57f;
}

#site-navigation .cxn-action--primary:hover, #site-navigation .cxn-action--primary:focus-visible {
  color: #0c0c0c;
  background: #62c9a1;
  border-color: #62c9a1;
}

#site-navigation :is(a, button):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #62c9a1;
}

#site-navigation .cxn-toggle {
  cursor: pointer;
  background: #181818;
  border: 1px solid #343b38;
  border-radius: 11px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  margin-left: auto;
  display: none;
}

#site-navigation .cxn-toggle span {
  background: #f5f6f5;
  border-radius: 2px;
  width: 20px;
  height: 2px;
  transition: transform .16s, opacity .16s;
  display: block;
}

#site-navigation .cxn-toggle[aria-expanded="true"] span:first-child {
  transform: translateY(7px) rotate(45deg);
}

#site-navigation .cxn-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

#site-navigation .cxn-toggle[aria-expanded="true"] span:last-child {
  transform: translateY(-7px) rotate(-45deg);
}

#site-navigation .cxn-mobile-actions {
  display: none;
}

@media (width <= 1370px) {
  #site-navigation .cxn-shell {
    width: min(100% - 32px, 1440px);
  }

  #site-navigation .cxn-toggle {
    display: flex;
  }

  #site-navigation .cxn-shell > .cxn-actions {
    display: none;
  }

  #site-navigation .cxn-nav {
    background: #080808;
    border-top: 1px solid #282828;
    width: 100%;
    height: calc(100dvh - 72px);
    padding: 20px max(20px, 50vw - 380px) 42px;
    display: none;
    position: fixed;
    inset: 72px 0 0;
    overflow-y: auto;
    box-shadow: 0 18px 40px #00000073;
  }

  #site-navigation .cxn-nav.cxn-open {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2px;
    display: flex;
  }

  #site-navigation .cxn-link, #site-navigation .cxn-trigger {
    text-align: left;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    font-size: 15px;
  }

  #site-navigation .cxn-group {
    width: 100%;
  }

  #site-navigation .cxn-panel, #site-navigation #cxn-about-panel {
    width: 100%;
    box-shadow: none;
    grid-template-columns: 1fr;
    margin: 5px 0 9px;
    display: grid;
    position: static;
    transform: none;
  }

  #site-navigation .cxn-panel a {
    min-height: 44px;
    font-size: 14px;
  }

  #site-navigation .cxn-mobile-actions {
    gap: 10px;
    width: 100%;
    margin-top: 18px;
    display: grid;
  }

  #site-navigation .cxn-mobile-actions .cxn-action {
    min-height: 48px;
    font-size: 14px;
  }

  body.cxn-menu-open {
    overflow: hidden;
  }
}

@media (width <= 480px) {
  #site-navigation .cxn-brand {
    width: 122px;
  }

  #site-navigation .cxn-panel {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #site-navigation *, #site-navigation :before, #site-navigation :after {
    transition-duration: .01ms !important;
  }
}

:root body.premium-ui .trouble-item summary:after {
  content: "+" !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  display: inline-grid !important;
  transform: none !important;
}

:root body.premium-ui .trouble-item[open] summary:after {
  content: "−" !important;
  transform: none !important;
}

:root body.premium-ui section.faq-section details.faq-item[open] summary.faq-question:before {
  content: "−" !important;
  transform: translateY(-50%) !important;
}

:root body.premium-ui .community-faq-item summary:after {
  font-style: normal !important;
  transform: translateY(-50%) !important;
}

:root body.premium-ui .event-popup-close-btn:hover, :root body.page-index.premium-ui #eventPopupOverlay .event-popup-close-btn:hover {
  transform: none !important;
}

:root body.premium-ui #brands-mega-menu .mega-brand:is(:hover, :focus-visible, .is-current) .mega-arrow {
  transform: translate(2px) !important;
}

html body.page-stories.premium-ui .story-card {
  overflow: hidden;
  min-width: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

html body.page-stories.premium-ui .story-card figure {
  height: 100% !important;
  margin: 0 !important;
  position: absolute !important;
  inset: 0 !important;
}

html body.page-stories.premium-ui .story-card figure img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

html body.page-stories.premium-ui .story-card figure:after {
  position: absolute;
  inset: 0;
  content: "" !important;
  background: linear-gradient(0deg, #050505f0 0, #0505059e 42%, #05050500 78%) !important;
}

html body.page-stories.premium-ui .story-card-copy {
  gap: 10px;
  display: grid;
  align-self: end !important;
  padding: clamp(22px, 2.6vw, 38px) !important;
}

html body.page-stories.premium-ui .story-card-copy p, html body.page-stories.premium-ui .story-card-copy h3 {
  margin: 0 !important;
}

html body.page-stories.premium-ui .stories-card-grid {
  align-items: stretch !important;
  gap: 16px !important;
}

html body.page-eizo-medical.premium-ui .medical-application-card {
  position: relative;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

html body.page-eizo-medical.premium-ui .medical-application-card > img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #f1f3f2;
  flex: none;
  display: block;
  width: 100% !important;
  height: auto !important;
  position: static !important;
}

html body.page-eizo-medical.premium-ui .medical-application-wide > img {
  aspect-ratio: 3.1;
  object-fit: cover;
}

html body.page-eizo-medical.premium-ui .medical-application-copy {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  background: #0a0a0a !important;
  padding: clamp(20px, 2.4vw, 32px) !important;
  display: flex !important;
  position: static !important;
}

html body.page-eizo-medical.premium-ui .medical-application-copy > * {
  margin: 0 !important;
}

html body.page-eizo-medical.premium-ui .medical-application-copy a {
  padding-top: 6px;
  margin-top: auto !important;
}

.ux-equal-grid {
  align-items: stretch !important;
}

.ux-equal-grid > * {
  height: 100%;
}

.commerce-card, .ux-interactive-card {
  text-align: left;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.commerce-card > p, .model-card-body p {
  overflow-wrap: break-word;
}

.model-card-body p, .ptz-cat-card p {
  -webkit-line-clamp: 4 !important;
}

.model-card-body {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.model-card-body .model-card-link, .commerce-card .model-card-link {
  margin-top: auto;
}

.eco-card {
  box-sizing: border-box;
  min-width: 0 !important;
}

.eco-card * {
  overflow-wrap: anywhere;
  min-width: 0;
}

.ptz-events-grid, .prod-intro {
  align-items: start !important;
}

.cta-band {
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
}

.cta-band > * {
  min-width: 0;
}

.cx-calc-cta {
  box-sizing: border-box;
}

@media (width <= 680px) {
  html body.page-stories.premium-ui .story-card {
    min-height: 420px !important;
  }

  .story-card-copy h3 {
    font-size: clamp(1.5rem, 7vw, 2rem) !important;
  }
}

html body.page-eizo-medical.premium-ui .medical-application-card {
  background: #0a0a0a !important;
  border: 1px solid #232323 !important;
  border-radius: 18px !important;
}

html body.page-eizo-medical.premium-ui .medical-application-card:before, html body.page-eizo-medical.premium-ui .medical-application-card:after, html body.page-eizo-medical.premium-ui .medical-application-copy:before, html body.page-eizo-medical.premium-ui .medical-application-copy:after {
  content: none !important;
  display: none !important;
}

html body.page-eizo-medical.premium-ui .medical-application-copy {
  background: none !important;
}

html body.page-eizo-medical.premium-ui .medical-application-card:not(.medical-application-wide) > img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  box-sizing: border-box !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  clip-path: none !important;
  background: #f1f3f2 !important;
  width: 100% !important;
  height: 260px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 14px !important;
  transform: none !important;
}

html body.page-eizo-medical.premium-ui .medical-application-wide > img {
  object-fit: cover !important;
  clip-path: none !important;
  width: 100% !important;
  height: auto !important;
  max-height: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body.page-eizo-medical.premium-ui .medical-application-or > img {
  object-fit: contain !important;
  box-sizing: border-box !important;
  background: #0a0a0a !important;
  height: clamp(240px, 34vw, 420px) !important;
  max-height: none !important;
  padding: 10px !important;
}

.card-body p {
  -webkit-line-clamp: 4 !important;
}

html body.premium-ui form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]), select) {
  box-sizing: border-box;
  height: 48px;
  min-height: 48px;
}

html body.premium-ui form textarea {
  min-height: 120px;
}

@media (width <= 640px) {
  html[data-camixel-theme] body:is(.page-eizo, .page-eizo-medical).premium-ui .model-card.commerce-card .model-card-body > p, html[data-camixel-theme] body.page-ptzoptics.premium-ui .ptz-cat-card.commerce-card > p, html[data-camixel-theme] body.page-sennheiser.premium-ui .eco-card.eco-card > p {
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
  }
}

html[data-camixel-theme] body.premium-ui .px-quote-inner p.px-fine {
  box-sizing: border-box !important;
  text-align: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 24px auto 0 !important;
  padding-inline: 16px !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-top .container, html[data-camixel-theme] body.premium-ui footer.footer .footer-bottom .container {
  box-sizing: border-box !important;
  width: min(1360px, 100% - clamp(48px, 8vw, 128px)) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-top {
  padding: clamp(72px, 7vw, 104px) 0 76px !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-grid {
  grid-template-columns: minmax(270px, 1.55fr) minmax(150px, .82fr) minmax(165px, .9fr) minmax(200px, 1fr) !important;
  align-items: start !important;
  gap: 48px clamp(30px, 3.2vw, 56px) !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-brand {
  max-width: 390px !important;
  padding-right: 12px !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .site-logo-footer {
  object-fit: cover !important;
  object-position: center 70% !important;
  width: clamp(190px, 19vw, 248px) !important;
  max-width: 100% !important;
  height: clamp(77px, 7.7vw, 100px) !important;
  max-height: none !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-brand p {
  max-width: 36ch !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-heading {
  letter-spacing: .11em !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-col ul {
  gap: 15px !important;
  display: grid !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-col li, html[data-camixel-theme] body.premium-ui footer.footer .footer-col li a {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .contact-list li {
  align-items: flex-start !important;
  gap: 12px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .contact-list svg {
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  margin-top: 3px !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .social-icon-btn {
  width: 42px !important;
  height: 42px !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-bottom .container {
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px 32px !important;
  display: flex !important;
}

html[data-camixel-theme] body.premium-ui footer.footer .footer-bottom span {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

@media (width <= 1080px) {
  html[data-camixel-theme] body.premium-ui footer.footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 48px 64px !important;
  }
}

@media (width <= 620px) {
  html[data-camixel-theme] body.premium-ui footer.footer .footer-top .container, html[data-camixel-theme] body.premium-ui footer.footer .footer-bottom .container {
    width: calc(100% - 40px) !important;
  }

  html[data-camixel-theme] body.premium-ui footer.footer .footer-top {
    padding: 64px 0 56px !important;
  }

  html[data-camixel-theme] body.premium-ui footer.footer .footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }

  html[data-camixel-theme] body.premium-ui footer.footer .footer-bottom .container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}