section.about-us-hero {
  position: relative;
  display: flex;
  width: 100%;
  height: 100svh;
  max-height: 84.5625rem;
  margin: 0 auto;
  justify-content: center;
  align-items: center;

  @media screen and (width >= 48rem) {
    margin-bottom: 17.0625rem;
  }

  .about-us-hero-content {
    position: relative;
    z-index: 20;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;

    .text-section-title-italic {
      @media screen and (width >= 48rem) {
        line-height: 1.0526315;
      }
    }

    .about-us-hero-description {
      max-width: 14.4375rem;

      @media screen and (width >= 48rem) {
        max-width: 40.625rem;
      }
    }
  }

  .about-us-hero-puzzle {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;

    .about-us-hero-piece {
      position: absolute;
      display: block;
      width: var(--w);
      height: var(--h);
      transition: all 0.3s ease-out;

      @media only screen and (width >= 48rem) {
        transition: none;
      }

      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }

    .about-us-hero-piece.is-1 {
      top: calc(24.4375rem + (17.375 - 24.4375) * (100vw - 24.5625rem) / (120 - 24.5625));
      left: calc(0rem + (3.4375 - 0) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(3.6875rem + (10.0625 - 3.6875) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(5.625rem + (11 - 5.625) * (100vw - 24.5625rem) / (120 - 24.5625));
    }

    .about-us-hero-piece.is-2 {
      top: calc(7.375rem + (3.75 - 7.375) * (100vw - 24.5625rem) / (120 - 24.5625));
      left: calc(1.75rem + (34.25 - 1.75) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(5.625rem + (10.875 - 5.625) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(6.5625rem + (14.6875 - 6.5625) * (100vw - 24.5625rem) / (120 - 24.5625));
    }

    .about-us-hero-piece.is-3 {
      top: calc(12.25rem + (0 - 12.25) * (100vw - 24.5625rem) / (120 - 24.5625));
      right: calc(9rem + (41.4375 - 9) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(3.25rem + (10.875 - 3.25) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(3.25rem + (7.8125 - 3.25) * (100vw - 24.5625rem) / (120 - 24.5625));

      @media screen and (width >= 48rem) {
        top: 0;
      }
    }

    .about-us-hero-piece.is-4 {
      top: calc(6.5625rem + (9.5625 - 6.5625) * (100vw - 24.5625rem) / (120 - 24.5625));
      right: calc(0rem + (15.625 - 0) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(6.0625rem + (10.0625 - 6.0625) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(4.0625rem + (11rem - 4.0625) * (100vw - 24.5625rem) / (120 - 24.5625));
    }

    .about-us-hero-piece.is-5 {
      bottom: calc(6.4375rem + (19.5625 - 6.4375) * (100vw - 24.5625rem) / (120 - 24.5625));
      left: calc(2.8125rem + (18.6875 - 2.8125) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(5.3125rem + (21 - 5.3125) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(6.8125rem + (13.75 - 6.8125) * (100vw - 24.5625rem) / (120 - 24.5625));

      @media screen and (width >= 48rem) {
        bottom: calc(6.4375rem + (2.5 - 6.4375) * (100vw - 24.5625rem) / (120 - 24.5625));
      }
    }

    .about-us-hero-piece.is-6 {
      right: calc(0rem + (42.1875 - 0) * (100vw - 24.5625rem) / (120 - 24.5625));
      bottom: calc(4.5625rem + (7.0625 - 4.5625) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(10.5rem + (13.1875 - 10.5) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(5.8125rem + (22.5 - 5.8125) * (100vw - 24.5625rem) / (120 - 24.5625));

      @media screen and (width >= 48rem) {
        bottom: calc(4.5625rem + (-8.75 - 4.5625) * (100vw - 24.5625rem) / (120 - 24.5625));
      }
    }

    .about-us-hero-piece.is-7 {
      right: calc(0.9375rem + (0 - 0.9375) * (100vw - 24.5625rem) / (120 - 24.5625));
      bottom: calc(20.5rem + (15.8125 - 20.5) * (100vw - 24.5625rem) / (120 - 24.5625));

      --w: calc(2.0625rem + (26 - 2.0625) * (100vw - 24.5625rem) / (120 - 24.5625));
      --h: calc(2.75rem + (36.875 - 2.75) * (100vw - 24.5625rem) / (120 - 24.5625));

      @media screen and (width >= 48rem) {
        bottom: calc(14.5rem + (1.25 - 20.5) * (100vw - 24.5625rem) / (120 - 24.5625));
      }
    }
  }
}