/*--------------------------------------------------------------
# Page Home
--------------------------------------------------------------*/

.page-home {
  /* Intro
--------------------------------------------- */
  .intro {
    > .wrapper {
      max-width: var(--max-w-xl);
      margin: 0 auto;
      padding: var(--padding-xxl) 24px;

      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1.5rem;

      @media (min-width: 960px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4.5rem;
      }
    }

    .title {
      margin-bottom: 1.5rem;
      font-size: var(--font-2xl);
      line-height: 1.2;
      font-weight: 500;
    }

    .body {
      p:not(:last-child) {
        margin-bottom: 1.5rem;
      }
    }
  }

  /* Property Preview
--------------------------------------------- */
  .property-preview {
    > .wrapper {
      max-width: var(--max-w-xl);
      margin: 0 auto;
      padding: var(--padding-xxl) 24px;
    }

    .header {
      margin-bottom: 3rem;

      .title {
        margin-bottom: 1.5rem;
        font-size: var(--font-2xl);
        line-height: 1.2;
        font-weight: 500;
      }

      .subtitle {
        margin-bottom: 1.5rem;
      }
    }

    .swiper {
      img {
        object-fit: cover;
        aspect-ratio: 5 / 7;
      }

      .navigation {
        margin-bottom: 24px;
      }
    }
  }
}