/* ============================================
   Contact Page
   ============================================ */

.contact {
  padding: 0 var(--padding-x);
  padding-top: var(--fv-padding-top);
  padding-bottom: 145rem;

  .title {
    font-family: var(--font-en);
    font-size: var(--fv-title-font-size);
    font-weight: normal;
    line-height: normal;
    margin-bottom: var(--fv-title-margin-bottom);
  }

  .text-fit {
    margin-bottom: var(--fv-logo-margin-bottom);
  }

  .contact-body {
    max-width: 665rem;
  }

  .info {
    margin-top: 97rem;
    margin-bottom: 50rem;
  }

  .email-row {
    display: flex;
    align-items: center;
    gap: 15rem;
    .pill {
      margin-left: 0.5rem;
      font-size: 15rem;
      padding: 11rem 19rem;
      text-decoration: none;
    }
  }
}

/* --- Access --- */
.access {
  padding-bottom: 120rem;

  .border {
    border-top: 1px solid #EBEBEB;
    margin-bottom: 80rem;
  }

  .heading {
    font-family: var(--font-en);
    padding: 0 var(--padding-x);
    font-size: 33.6rem;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 68rem;
  }

  .body {
    padding: 0 var(--padding-x);
    font-size: 18rem;
    letter-spacing: 1.8rem;
    line-height: 1.81;
  }
}

/* ============================================
   Responsive - SP
   ============================================ */
@media (max-width: 700px) {
  .contact {
    padding-bottom: 35rem;

    .contact-body {
      max-width: none;
    }

    .page-intro {
      margin-top: 42rem;
      margin-bottom: 47rem;
    }

    .info {
      font-size: 14rem;
      letter-spacing: 0;
      line-height: 2;
      margin-bottom: 60rem;
    }

    .email-row {
      font-size: 14rem;
      letter-spacing: 0;
      line-height: 2;
      gap: 10rem;

      .pill {
        font-size: 12rem;
        padding: 11rem 18rem;
      }
    }
  }

  .access {
    padding-bottom: 0;

    .border {
      margin-bottom: 32rem;
    }

    .heading {
      font-size: 24rem;
      line-height: 2.4;
      margin-bottom: 13rem;
    }

    .body {
      font-size: 14rem;
      letter-spacing: 0;
      line-height: 2;
    }
  }
}