.paragraph--type--gallery {
  background: var(--Dark-Base, #282846);

  .content-inner {
    max-width: 1526px;
    padding-left: 43px;
    padding-right: 43px;
    margin: 0 auto;
    padding-block: 80px;

    @media (max-width: 1440px) {
      padding-right: 3vw;
      padding-left: 3vw;
    }

    > .field--name-field-heading {
      color: var(--Tertiary-2, #7BCDF1);
      text-align: center;
      font-family: var(--font-sans);
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 110%; /* 44px */
      margin-bottom: 40px;
    }

    .field--name-field-content {
      max-width: 60%;
      margin-bottom: 60px;
      margin-inline: auto;

      p {
        color: var(--Pure-White, #FFF) !important;
      }
    }

    .field--name-field-gallery-items {
      display: flex;
      flex-direction: column;
      gap: 80px;

      > .field__item .paragraph--type--gallery-item {
        display: flex;
        flex-direction: column;

        .field--name-field-pre-heading {
          color: var(--Brand-Secondary, #DD3A31);
          font-family: var(--font-serif);
          font-size: 36px;
          font-style: normal;
          font-weight: 700;
          line-height: 94%; /* 33.84px */
          letter-spacing: 0.72px;
          text-transform: uppercase;
          margin-bottom: 80px;
        }

        .field--name-field-heading {
          color: var(--Pure-White, #FFF);
          font-family: var(--font-serif);
          font-size: 28px;
          font-style: normal;
          font-weight: 700;
          line-height: 110%; /* 30.8px */
          letter-spacing: 1.4px;
          text-transform: uppercase;
          margin-bottom: 20px;
        }

        .field--name-field-images {
          --gallery-gap: 20px;
          display: flex;
          flex-wrap: wrap;
          gap: var(--gallery-gap);

          > .field__item {
            flex: 0 0 100%;

            img {
              width: 100%;
              height: auto;
              object-fit: cover;
              border-radius: 12px;
            }
          }

          @media (min-width: 768px) {
            > .field__item {
              flex: 0 0 calc(100% / 4 - (var(--gallery-gap) * 4 / 3));
            }
          }
        }
      }
    }

    @media (max-width: 767px) {
      > .field--name-field-heading {
        font-size: 30px;
        margin-bottom: 40px;
      }

      .field--name-field-content {
        max-width: unset !important;

        p {
          color: var(--Pure-White, #FFF) !important;
        }
      }

      .field--name-field-gallery-items {
        gap: 40px;

        > .field__item .paragraph--type--gallery-item {
          .field--name-field-pre-heading {
            font-size: 28px;
            text-align: center;
            margin-bottom: 40px;
          }

          .field--name-field-heading {
            font-size: 21px;
            margin-bottom: 20px;
          }

          .field--name-field-images {
            --gallery-gap: 20px;
            display: flex;
            flex-wrap: wrap;
            gap: var(--gallery-gap);

            > .field__item {
              flex: 0 0 calc(100% / 2 - (var(--gallery-gap) * 2 / 3));

              img {
                width: 100%;
                height: auto;
                object-fit: cover;
                border-radius: 12px;
              }
            }
          }
        }
      }
    }
  }
}