/* section 9 */
.bwf-support {
  /* padding: 120px 0; */
  background: rgba(var(--bg-color-26));

  .bwf-support__wrapper {
    display: flex;
    gap: 96px;
    align-items: start;

    .bwf-support__content {
      position: sticky;
      top: 75px;
      width: 38.5%;

      .bwf-support__title {
        font-family: var(--font-source-serif-4);
        font-size: var(--font-9-2);
        font-weight: 700;
        line-height: 1;
        color: rgba(var(--text-color-3));
        margin-bottom: 38px;
      }

      .bwf-support__description {
        font-size: var(--font-24);
        line-height: 1.75;
        font-weight: 400;
        color: rgba(var(--text-color-9));
        max-width: 428px;
      }

      .bwf-support__tag {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 30px;
        padding: 10px 16px;
        border-radius: var(--border-radius-1);
        background: rgba(var(--bg-color-14), 10%);
        color: rgba(var(--text-color-13));
        font-size: var(--font-27);
        font-weight: 600;
        line-height: 1.2;

        svg {
          flex-shrink: 0;
        }
      }

      .bwf-support-content__img {
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 3 / 2;
        border-radius: var(--border-radius-4);
        margin-top: 24px;
      }
    }

    .bwf-support__list {
      border-top: 1px solid rgba(var(--border-color-6), 12%);
      width: 54%;

      .bwf-support__item {
        display: flex;
        gap: 14px;
        align-items: center;
        padding: 26px 66px 26px 0px;
        border-bottom: 1px solid rgba(var(--border-color-6), 12%);

        .bwf-support__number {
          color: rgba(var(--text-color-13));
          font-family: var(--font-source-serif-4);
          font-size: var(--font-15);
          font-style: italic;
          font-weight: 700;
          line-height: 1;
          letter-spacing: var(--letter-spacing-7);
          max-width: 58px;
          width: 100%;
          flex-shrink: 0;
        }

        .bwf-support__info {
          display: flex;
          flex-direction: column;
          gap: 6px;

          .bwf-support__info-title {
            font-family: var(--font-source-serif-4);
            font-size: var(--font-19);
            line-height: 1.3;
            color: rgba(var(--text-color-3));
            font-weight: 700;
          }

          .bwf-support__info-description {
            font-size: var(--font-25);
            line-height: 1.6;
            color: rgba(var(--text-color-9));
          }
        }
      }
    }
  }

  @media (max-width: 1024px) {
    .bwf-support__wrapper {
      flex-direction: column;
      gap: 48px;

      .bwf-support__content {
        position: relative;
        top: 0;
        width: 100%;

        .bwf-support__title {
          margin-bottom: 24px;
        }

        .bwf-support__description {
          max-width: 100%;
        }

        .bwf-support__tag {
          margin-top: 20px;
        }

        .bwf-support-content__img {
          aspect-ratio: 2 / 1;
        }
      }

      .bwf-support__list {
        width: 100%;
      }
    }
  }

  @media (max-width: 480px) {
    .bwf-support__wrapper {
      .bwf-support__content {
        .bwf-support-content__img {
          aspect-ratio: 3 / 2;
        }
      }

      .bwf-support__list {
        .bwf-support__item {
          padding: 20px 16px 20px 0;
        }
      }
    }
  }
}