/* Website V186 — ALIEHS Running-only dual-brand header lockup. */

.rm-brand-experience--aliehs-running .top > .rm-header-brand-lockup {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.25vw, 18px);
  min-width: 0;
  height: 100%;
}

.rm-brand-experience--aliehs-running .rm-header-brand-lockup > a {
  display: grid;
  place-items: center;
  min-width: 0;
  height: 100%;
  padding: 4px 0;
}

.rm-brand-experience--aliehs-running .rm-header-brand-lockup > a:focus-visible {
  outline: 2px solid #d7ff3f;
  outline-offset: 4px;
  border-radius: 2px;
}

.rm-brand-experience--aliehs-running .rm-header-brand-lockup .logo {
  width: clamp(122px, 10vw, 158px) !important;
  max-height: 66px !important;
  margin: 0;
}

.rm-brand-experience--aliehs-running .rm-header-brand-divider {
  width: 1px;
  height: 46px;
  flex: 0 0 1px;
  background: var(--aliehs-holographic);
  box-shadow: 0 0 14px rgba(169, 216, 212, 0.2);
  opacity: 0.9;
}

.rm-brand-experience--aliehs-running .rm-header-brand-secondary img {
  display: block;
  width: clamp(168px, 14vw, 220px);
  max-width: 100%;
  max-height: 52px;
  object-fit: contain;
  filter: brightness(0) invert(1)
    drop-shadow(0 0 12px rgba(245, 245, 242, 0.1));
}

.rm-brand-experience--aliehs-running .rm-header-brand-secondary:hover img,
.rm-brand-experience--aliehs-running .rm-header-brand-secondary:focus-visible img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(93%) saturate(914%)
    hue-rotate(26deg) brightness(109%) contrast(102%)
    drop-shadow(0 0 12px rgba(215, 255, 63, 0.22));
}

@media (min-width: 1024px) {
  .rm-brand-experience--aliehs-running .top > .rm-header-brand-lockup {
    grid-area: brand;
    align-self: stretch;
    justify-self: center;
    height: 92px;
    padding: 7px 16px;
  }
}

@media (max-width: 1019px) {
  .rm-brand-experience--aliehs-running .top > .rm-header-brand-lockup {
    width: min(66vw, 313px);
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-lockup .logo {
    width: clamp(92px, 27vw, 124px) !important;
    max-height: 52px !important;
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-divider {
    height: 36px;
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-secondary img {
    width: clamp(120px, 35vw, 168px);
    max-height: 42px;
  }
}

@media (max-width: 359px) {
  .rm-brand-experience--aliehs-running .top > .rm-header-brand-lockup {
    width: min(64vw, 210px);
    gap: 6px;
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-lockup .logo {
    width: 82px !important;
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-divider {
    height: 31px;
  }

  .rm-brand-experience--aliehs-running .rm-header-brand-secondary img {
    width: 110px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rm-brand-experience--aliehs-running .rm-header-brand-secondary img {
    transition: none !important;
  }
}