.original-banner {
  display: grid;
  place-items: center;
  padding: 1.35rem 3vw;
  border-bottom: 1px solid var(--line);
  background: #050505;
}
.original-banner img {
  display: block;
  width: min(100%, 1100px);
  height: auto;
}

.contact {
  display: grid;
  grid-template-columns: minmax(150px, .55fr) minmax(0, 2fr);
  gap: 4rem;
  padding: 7rem 3vw;
  border-top: 1px solid var(--line);
}
.contact h2 {
  font-size: clamp(2.8rem, 6vw, 6rem);
  letter-spacing: -.055em;
  line-height: .9;
  margin: .4rem 0;
}
.contact-content { max-width: 58rem; }
.contact-intro { max-width: 42rem; color: #b8b4ac; font-size: 1.1rem; }
.contact form { margin-top: 2.5rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contact label {
  display: grid;
  gap: .45rem;
  margin-bottom: 1rem;
  color: #b8b4ac;
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.contact input, .contact textarea {
  width: 100%;
  padding: .9rem;
  border: 1px solid #484848;
  background: #141414;
  color: var(--paper);
  font: inherit;
  font-size: 1rem;
  letter-spacing: normal;
  text-transform: none;
}
.contact input:focus, .contact textarea:focus { outline: 2px solid var(--red); outline-offset: 2px; }
.contact textarea { resize: vertical; }
.contact button {
  padding: 1rem 1.5rem;
  border: 0;
  background: var(--red);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.contact button:hover { background: #ff4a3c; }
.form-note { display: inline-block; margin-left: 1rem; color: var(--muted); font-size: .82rem; }
@media (max-width: 780px) {
  .original-banner { padding: .75rem 0; }
  .original-banner img { width: 100%; }
  .contact { grid-template-columns: 1fr; gap: 2rem; padding: 4rem 1.1rem; }
  .form-row { grid-template-columns: 1fr; }
  .form-note { display: block; margin: .8rem 0 0; }
}