.home-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 37.5rem;
  padding-top: 6.25rem;
  @media (min-width: 768px) {
    height: 45rem;
    padding-top: 7.5rem;
  }
  @media (min-width: 1024px) {
    height: clamp(50rem, 100dvh, 55rem);
    padding-top: 10rem;
  }
  @media (min-width: 1200px) {
    height: clamp(50rem, 100dvh, 60rem);
    padding-top: 12.5rem;
  }
  &::before {
    content: "";
    aspect-ratio: 953 / 965;
    width: 34.75rem;
    background-image: url("/system_panel/uploads/images/stump.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -1.5rem;
    left: -4.5rem;
    filter: blur(2px);
  }
  
  & .home-hero__logo {
    width: 100%;
    margin-inline: auto;
    max-width: 35.125rem;
    filter: drop-shadow(0 16px 48px rgba(0, 0, 0, 0.12)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.04)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.02));
  }
}

.home-intro-image {
  object-fit: cover;
  position: absolute;
  &.home-intro-image--tr {
    aspect-ratio: 400 / 470;
    width: 13.25rem;
    top: -2.5rem;
    right: 0;
  }
  &.home-intro-image--bl {
    aspect-ratio: 342 / 510;
    width: 9.875rem;
    bottom: -1rem;
    left: 0;
  }
  @media (min-width: 1200px) {
    &.home-intro-image--tr {
      width: 25rem;
      top: 5rem;
      right: -1.25rem;
    }
    &.home-intro-image--bl {
      width: 21.375rem;
      bottom: 4.5rem;
      left: -1.25rem;
    }
  }
}

.home-works-images {
  display: grid;
  grid-template-columns: 60fr 100fr 135fr;
  align-items: end;
  gap: 1.25rem;
  & img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 6 / 8;
  }
}

.home-intro-stump {
  position: absolute;
  right: -3rem;
  bottom: -3rem;
  filter: blur(2px);
  width: 31.5rem;
}

.home-philosophy-stump {
  position: absolute;
  filter: blur(2px);
  &.home-philosophy-stump--tl {
    width: 34.75rem;
    top: 11.875rem;
    left: -5rem;
  }
  &.home-philosophy-stump--br {
    width: 25.875rem;
    right: -3rem;
    bottom: 3.75rem;
  }
}

.home-philosophy-logo {
  width: 100%;
  max-width: 35.125rem;
  margin-inline: auto;
  filter: drop-shadow(0 16px 48px rgba(0, 0, 0, 0.12)) drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.04)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.02));
}

.home-staff-slider {
  width: 100%;
  overflow: visible;
  & .swiper-wrapper {
    transition-timing-function: linear;
  }
  & .swiper-slide {
    & img {
      aspect-ratio: 1 / 1;
      object-fit: cover;
      width: 100%;
      box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.02), 0 4px 12px 2px rgba(0, 0, 0, 0.04), 0 8px 24px 4px rgba(0, 0, 0, 0.08), 0 16px 48px 8px rgba(0, 0, 0, 0.12);
    }
  }
}