.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(var(--vw) * 120) calc(var(--vw) * 15) calc(var(--vw) * 80);
  gap: calc(var(--vw) * 30);
  @media screen and (min-width: 769px) {
    margin: 0 auto;
    padding: 224px 0 calc(var(--vw) * 130);
  }
}
:where(.contact) {
  .contact__title {
    color: #D5CCA6;
    font-weight: 400;
    font-size: calc(var(--rem) * 25);
    letter-spacing: 1.2px;
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 30);
      letter-spacing: 1.5px;
      margin-bottom: calc(var(--vw) * 49);
    }
  }
  .contact__form {
    width: 100%;
    input, textarea {
      background: transparent;
      border: 1px solid #FFF;
      width: 100%;
      padding: calc(var(--vw) * 6) calc(var(--vw) * 10);
      @media screen and (min-width: 769px) {
        width: min(calc(var(--vw) * 800), 800px);
        margin-left: calc(var(--vw) * 60);
        padding: calc(var(--vw) * 6) calc(var(--vw) * 22);
      }
    }
    label {
      display: flex;
      @media screen and (max-width: 768px) {
        flex-direction: column;
        font-size: calc(var(--rem) * 15);
        gap: calc(var(--vw) * 6);
      }
      @media screen and (min-width: 769px) {
        font-size: calc(var(--rem) * 20);
        justify-content: space-between;
        letter-spacing: 1px;
      }
    }
    p + p {
      margin-top: calc(var(--vw) * 15);
      @media screen and (min-width: 769px) {
        margin-top: calc(var(--vw) * 28);
      }
    }
    input[type="submit"] {
      display: flex;
      background: #FFF;
      color: #373750;
      font-size: calc(var(--rem) * 15);
      letter-spacing: 1px;
      padding: calc(var(--vw) * 10) 0;
      transition: opacity 0.2s linear;
      display: flex;
      justify-content: center;
      @media screen and (min-width: 769px) {
        font-size: calc(var(--rem) * 20);
        margin-left: auto;
      }
      &:hover {
        opacity: 0.5;
      }
    }
  }
  .contact__text {
    text-align: center;
    font-size: calc(var(--rem) * 15);
    letter-spacing: 0.85px;
    @media screen and (min-width: 769px) {
      font-size: calc(var(--rem) * 17);
      letter-spacing: 0.85px;
      margin-top: calc(var(--vw) * 18);
    }
  }
}