#our-philosophy {
  counter-reset: philosophy;

  & .grid-2 {
    gap: 80px;
  }

  & .heading-sticky__container {
    height: 100%;

    & .heading-sticky {
      display: flex;
      flex-direction: column;
      gap: 20px;

      position: sticky;
      top: 120px;

      height: fit-content;
    }
  }

  & .philosophy-items__container {
    display: flex;
    flex-direction: column;
    gap: 40px;

    & .philosophy-item {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 32px;
      background-color: #fafafa;
      position: relative;

      &:not(:last-child)::after {
        content: "";
        position: absolute;
        height: 60px;
        width: 1px;
        background-color: var(--stb-border-gray);
        left: 50%;
        bottom: 0;
        translate: -1px 100%;
      }


      & .philosophy-item-count::before {
        counter-increment: philosophy;
        content: counter(philosophy, decimal-leading-zero);
        font-weight: bold;
        font-size: clamp(32px, 2.5vw, 60px);
        line-height: 1;
        filter: brightness(1.4);
      }


      & .philosophy-item-content {
        display: flex;
        flex-direction: column;
        gap: 12px;

        & .philosophy-text {}

      }
    }
  }
}