body.place {
  main {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    gap: 1em;

    .introduction,
    .events {
      grid-column: 1/-1;
    }

    a {
      color: var(--blue);


      &:hover {
        color: inherit;
      }

    }

    .swiper {
      grid-row: 2;
      grid-column: 1/17;
      width: 100%;
      max-height: 700px;


      .swiper-slide {
        width: 100%;


        display: flex;

        img {
          object-fit: contain;
          max-height: 700px;
          width: 100%;
          height: auto;

          &:hover {
            cursor: pointer;
          }
        }
      }
    }


    .title {
      font-size: 2em;
    }

    .infos,
    .title {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      gap: 0 1em;
      margin-top: .5em;


      .swiper-pagination-place {
        text-align: left;
        top: 0;
        position: relative;
        grid-column: 1/2;


      }

      .caption {
        grid-column: 3/-1;
      }

      .description {
        grid-column: 1/-1;

      }
    }

    .header {
      font-size: 2em;
      line-height: 100%;
      margin: 0.5em 0;
      grid-row: 1;
      grid-column: 1/-1;
    }

    .event {

      .event-title {
        grid-column: 3/-1;
      }



    }

    .introduction,
    .event {
      margin-bottom: 2em;
    }



  }
}