/* The interest form's page: the home page's column, a heading, five plain
   fields and the one coral button. */
h1 { font: 500 34px/1.1 var(--serif); letter-spacing: -.01em; padding: 30px 4px 0; }
.sub { font: italic 400 18px/1.4 var(--serif); color: var(--dim); padding: 12px 4px 0; }
.interest { padding: 26px 4px 0; }
.interest .f { display: block; margin-bottom: 18px; }
.interest .f span { display: block; font: 400 15px/1.3 var(--serif); color: var(--dim); margin-bottom: 7px; }
.interest input, .interest textarea { display: block; width: 100%; box-sizing: border-box; font: 400 17px/1.4 var(--sans); color: var(--ink); background: #fff; border: 1px solid rgba(22,22,22,.22); border-radius: 12px; padding: 12px 14px; }
.interest input::placeholder { color: rgba(22,22,22,.3); }
.interest input:focus, .interest textarea:focus { outline: none; border-color: var(--ink); }
.interest .short input { width: 130px; }
.interest .hp { position: absolute; left: -9999px; width: 1px; height: 1px; }
.interest .row { margin-top: 24px; }
/* The mark's face, as on the one-sheet's buttons. */
.btn { display: inline-block; font: 400 13.5px/1 "Rubik Mono One", ui-monospace, monospace; letter-spacing: .04em; word-spacing: -.3em; text-transform: uppercase; color: var(--ink); background: var(--coral); padding: 16px 20px 15px; border-radius: 999px; text-decoration: none; border: 0; cursor: pointer; }
.btn:hover { background: #F25B4A; }
.btn:disabled { opacity: .6; cursor: default; }
.interest .err { font: 400 16px/1.4 var(--serif); color: #B8121B; margin-top: 14px; }
.done { font: 400 21px/1.45 var(--serif); padding: 30px 4px 0; }
[hidden] { display: none !important; }
.page .foot { padding-top: 40px; font-size: 17px; }