/* =========================================================
   REQUEST ACCESS
========================================================= */

.request-access {
  background:
    var(--surface-primary);
}

.request-hero {
  min-height:
    100vh;

  padding:
    180px
    var(--section-padding-x)
    var(--space-6xl);

  display:
    flex;

  align-items:
    center;
}

.request-inner {
  width:
    100%;

  max-width:
    var(--container-wide);

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    1fr
    520px;

  gap:
    var(--space-6xl);

  align-items:
    start;
}

.request-copy {
  max-width:
    720px;
}

.request-copy h1 {
  max-width:
    11ch;

  margin-bottom:
    var(--space-xl);
}

.request-copy p:last-child {
  max-width:
    520px;
}


/* =========================================================
   FORM
========================================================= */

.request-form {
  padding:
    var(--space-2xl);

  border-radius:
    var(--radius-xl);

  background:
    var(--glass-surface-light);

  border:
    var(--border-dark);

  box-shadow:
    var(--shadow-floating);

  display:
    grid;

  gap:
    var(--space-lg);
}

.request-form .button {
  margin-top:
    var(--space-md);

  width:
    100%;
}



/* =========================================================
   CONFIDENTIALITY NOTE
========================================================= */

.request-note {
  margin-top:
    var(--space-xl);

  color:
    var(--text-muted);

  font-size:
    var(--text-lg);

  letter-spacing:
    var(--tracking-normal);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 980px) {

  .request-hero {
    padding:
      140px
      7%
      var(--space-5xl);
  }

  .request-inner {
    grid-template-columns:
      1fr;

    gap:
      var(--space-3xl);
  }

  .request-copy h1 {
    max-width:
      100%;
  }

  .request-form {
    padding:
      var(--space-xl);
  }

}