body.path-about {
  #block-injili-page-title {
    display: none;
  }
  .views-element-container {
    padding-left: 0;
    padding-right: 0;
  }
  .about-wrapper .content {
    max-width: var(--site-max-width);
    margin-left: auto;
    margin-right: auto;
    padding: var(--sp60) var(--sp30);
  }

  .section01 {
    background-image: url(../../images/about-bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--color-beige);

    .content div:first-child {
      img {
        max-width: 200px;
        width: 100%;
        float: right;
        padding: var(--sp30);
      }
    }
    h2 {
      font-family: var(--font-sans);
      font-size: var(--font-size-sm);
      letter-spacing: 2px;
    }
    p {
      font-size: var(--font-size-base);
    }
    strong {
      color: var(--color-gold);
    }

    @media screen and (min-width: 520px) {
      .content {
        display: grid;
        gap: var(--sp30);
        div:first-child {
          img {
            max-width: 450px;
            width: 100%;
            float: unset;
            padding: var(--sp30);
          }
        }
        p {
          font-size: var(--font-size-lg);
        }
      }
    }

    @media screen and (min-width: 800px) {
      .content {
        div:first-child {
          grid-column: 1 / 2;
        }
        div:last-child {
          grid-column: 2 / 3;
        }
      }
    }
  }
  .section02 {
    .content div:first-child {
      margin-bottom: var(--sp60);
    }
    p {
      font-size: var(--font-size-md);
    }

    @media screen and (min-width: 800px) {
      .content {
        display: grid;
        gap: var(--sp75);

        div:first-child {
          grid-column: 1 / 2;
        }
        div:last-child {
          grid-column: 2 / 3;
        }
      }
    }
  }
  .section03 {
    background-color: var(--color-beige-light);

    .content {
      position: relative;
      div {
        margin-bottom: var(--sp45);
      }

      div:first-child {
        text-align: right;

        h2 {
          margin: var(--sp75) 0 0 0;
        }
        img {
          padding: 0 0 var(--sp45) 0;
          max-width: 140px;

          position: absolute;
          top: var(--sp45);
        }
        p {
          color: var(--color-gold);
          font-size: var(--font-size-md);
          margin: var(--sp30) 0;
        }
      }
      div:last-child {
        font-size: 0;
        counter-reset: my-list-counter;
        margin: auto var(--sp30);

        a,
        blockquote {
          font-size: var(--font-size-base);
        }
        blockquote {
          position: relative;
          counter-increment: my-list-counter;
          margin: 0;
          padding: 0 0 0 65px;
          h3 {
            margin: var(--sp30) 0 0;
          }
        }
        blockquote:before {
          content: counter(my-list-counter) ". ";
          font-family: var(--font-serif);
          font-size: var(--font-size-xxxl);
          line-height: 80%;
          text-align: center;
          width: 45px;
        }
      }
    }

    @media screen and (min-width: 500px) {
      .content {
        div:first-child {
          text-align: left;
          h2 {
            margin: var(--sp75) 0 0 0;
            font-size: var(--font-size-xl);
            margin: 0;
          }
          img {
            padding: var(--sp30);
            max-width: 200px;

            position: relative;
            top: unset;
          }
          p {
            color: var(--color-gold);
            font-size: var(--font-size-md);
            margin: var(--sp30) 0;
          }
        }
      }
    }

    @media screen and (min-width: 800px) {
      .content {
        display: grid;
        gap: var(--sp45);

        img {
          padding: var(--sp45);
          max-width: 450px;
        }
        h2 {
          font-size: var(--font-size-xl);
        }
        div:first-child {
          p {
            font-size: var(--font-size-lg);
            margin: var(--sp30) 0;
            max-width: 300px;
            grid-column: 1 / 2;
          }
        }
        div:last-child {
          grid-column: 2 / 3;
          max-width: 650px;
          blockquote:before {
            content: counter(my-list-counter) ". ";
            font-family: var(--font-serif);
            font-size: var(--font-size-xxxl);
            line-height: 80%;
            text-align: center;
            width: 45px;
          }
        }
      }
    }
  }
}