@layer page {
  .enquiry-hero {
    padding-block: var(--space-14) var(--space-12);

    & .hero__title {
      max-width: 24ch;
      font: var(--type-page-title);
    }
  }

  .enquiry-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
    align-items: start;
    gap: var(--space-8);
    padding-block: var(--space-12) var(--section-space);
  }

  .enquiry-layout--single {
    grid-template-columns: minmax(0, 760px);
  }

  .enquiry-form {
    gap: var(--space-8);
    padding: var(--space-8);
  }

  .enquiry-form__title {
    font: var(--type-section);
  }

  .enquiry-form__group {
    display: grid;
    gap: var(--space-5);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;

    & + .enquiry-form__group {
      padding-top: var(--space-8);
      border-top: 1px solid var(--line);
    }
  }

  .enquiry-form__legend {
    float: left;
    width: 100%;
    padding: 0;
    font: var(--type-subsection);
    color: var(--text-1);
  }

  .enquiry-form__intro {
    margin-top: calc(-1 * var(--space-3));
    font: var(--type-interface);
    font-weight: 400;
    color: var(--text-2);
  }

  .enquiry-form__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-5);
  }

  .enquiry-form__submit {
    display: grid;
    justify-items: start;
    gap: var(--space-3);
  }

  .enquiry-form__about {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-control);
    background: var(--accent-tint);
    font: var(--type-interface);
    color: var(--text-1);
  }

  .enquiry-form__note {
    font: var(--type-interface);
    font-weight: 400;
    color: var(--text-2);
  }

  .enquiry-aside {
    display: grid;
    gap: var(--space-5);
  }

  .enquiry-steps__list {
    display: grid;
    gap: var(--space-5);
    margin: 0;
    padding: 0;
  }

  .enquiry-steps__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: var(--space-3);
  }

  .enquiry-steps__number {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-capsule);
    background: var(--accent-tint);
    font: var(--type-label);
    color: var(--accent-text);
  }

  .enquiry-steps__title {
    font: var(--type-label);
    color: var(--text-1);
  }

  .enquiry-steps__text,
  .enquiry-contact__note {
    margin-top: var(--space-1);
    font: var(--type-interface);
    font-weight: 400;
    color: var(--text-2);
  }

  .enquiry-benefits {
    display: grid;
    gap: var(--space-6);
    padding-top: var(--space-12);
  }

  .enquiry-benefits__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-5);
    margin: 0;
    padding: 0;
  }

  .enquiry-benefits__item {
    gap: var(--space-2);
  }

  .enquiry-benefits__icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: var(--space-2);
    border-radius: var(--radius-control);
    background: var(--accent-tint);
    color: var(--accent-text);
  }

  .enquiry-contact__list {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    font: var(--type-interface);

    & a {
      color: var(--accent-text);
    }
  }

  .enquiry-sent {
    display: grid;
    justify-items: center;
    padding-block: var(--section-space);
  }

  .enquiry-sent__card {
    justify-items: start;
    max-width: 560px;
    padding: var(--space-10);
  }

  .enquiry-sent__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-capsule);
    background: var(--green-tint);
    color: var(--green-fg);
  }

  .enquiry-sent__title {
    font: var(--type-page-title);
  }

  .enquiry-sent__body {
    font: var(--type-body-large);
    color: var(--text-2);
  }

  @media (max-width: 1023px) {
    .enquiry-benefits__list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .enquiry-layout {
      grid-template-columns: minmax(0, 1fr);
      padding-top: var(--space-8);
    }
  }

  @media (max-width: 639px) {
    .enquiry-hero {
      padding-block: var(--space-10) var(--space-8);
    }

    .enquiry-form,
    .enquiry-sent__card {
      padding: var(--space-5);
    }

    .enquiry-form__row,
    .enquiry-benefits__list {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}