/* Brand-only adaptations for the imported Company page. */
#company .as-company-wordmark {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#company .l-heder__left .l-header__logo,
#company .l-hambergerMenu__logo {
  width: clamp(130px, 15rem, 180px);
}

#company .l-footer__logo {
  aspect-ratio: auto;
}

#company .p-company-history__progressValue span::before {
  background-image: url("/assets/img/astronstar/official-logo.png") !important;
  background-position: center !important;
  background-size: contain !important;
  aspect-ratio: 297 / 99 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain !important;
}

/* Keep the animated brand accent in a dedicated lane below the company data. */
#company .p-company-outline {
  overflow: hidden;
}

#company .p-company-outline .p-company-outline__inner {
  padding-bottom: 22rem;
}

#company .p-company-outline__bear {
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: normal;
}

#company .p-company-outline__bearImage {
  top: auto;
  bottom: 2.4rem;
  left: 8rem;
  width: clamp(185px, 16.5vw, 265px);
  height: auto;
}

#company .p-company-outline__bearImage img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 284 / 120;
  object-fit: contain;
  image-rendering: pixelated;
}

@media screen and (max-width: 768px) {
  #company .l-heder__left .l-header__logo,
  #company .l-hambergerMenu__logo {
    width: 13rem;
  }

  #company .p-company-outline .p-company-outline__inner {
    padding-bottom: 16rem;
  }

  #company .p-company-outline__bearImage {
    bottom: 1.5rem;
    left: 2.4rem;
    width: 194px;
  }
}