.pos-theme-light {
  --hero-bg-img-url: url("../../../images/about-us/hero-light.avif");
}

.pos-theme-dark {
  --hero-bg-img-url: url("../../../images/about-us/hero-dark.avif");
}

.about-us .button {
  border: 1px solid var(--pos-color-button-primary-stroke-normal);
}

.bg-hero {
  background-image: var(--hero-bg-img-url);
  background-color: var(--pos-color-page-background);
  background-size: auto 110%;
  background-repeat: no-repeat;
  background-position: top right;
}

.about-us {
  min-height: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-us nav {
  align-self: flex-start;
  display: flex;
  gap: 16px;
}

.hero-paragraph {
  width: 65%;
}

@media (max-width: 768px) {
  .hero-paragraph {
    width: 100%;
  }

  .about-us nav {
    flex-direction: column;
    align-self: center;
  }
}