body {
  background-image: var(--linen-black);
  color: var(--snow);
}

.header {
  & .header__logo img {
    &:first-child {
      display: none;
    }
    &:last-child {
      display: block;
    }
  }
}

.page-hero.page-hero--dark {
  border-color: hsl(0deg 0% 100% / 20%);
  &::before {
    background-image: url("/system_panel/uploads/images/page-hero-dark-hexagons.svg");
  }
}

.title-hexagon {
  width: 1.5rem;
  filter: drop-shadow(var(--elevation-2--snow));
  align-self: center;
  &.title-hexagon--sm {
    width: 1.125rem;
  }
  @media (min-width: 768px) {
    width: 2rem;
    &.title-hexagon--sm {
      width: 1.5rem;
    }
  }
}

.concept-intro-image-dec {
  &.concept-intro-image-dec--left {
    transform: translate(-47%, -87.3134328358%);
  }
  &.concept-intro-image-dec--right {
    transform: translate(35%, -40.243902439%) scaleX(-1);
  }
}

.business-service-hexagon {
  width: 30rem;
  position: absolute;
  & img {
    width: 100%;
  }
  &.business-service-hexagon--1 {
    top: -15rem;
    left: -7.5rem;
  }
  &.business-service-hexagon--2 {
    top: -6.25rem;
    left: -5rem;
  }
}