/* Journal page only. */

/* ---------- Subscribe ---------- */

#subscribe { padding: 130px var(--gutter) 60px; background: var(--chalk); }
#subscribe h2 {
  margin: 0 0 38px;
  font-weight: 300; font-size: 44px; line-height: 60px;
  max-width: 900px;
}
#subscribe form { display: flex; flex-direction: column; gap: 14px; }
#subscribe .form__row { display: flex; gap: 14px; flex-wrap: wrap; }
#subscribe .field {
  display: block;
  width: 400px; max-width: 100%; height: 64px;
  margin-bottom: 0;
  padding: 0 28px;
  border: 1px solid var(--hedge);
  border-radius: 32px;
  background: transparent;
  color: var(--hedge);
  font: inherit; font-size: 13px; font-weight: 500; letter-spacing: 0.6px;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
#subscribe .field::placeholder {
  color: var(--hedge); opacity: 0.8;
  font-size: 11px; font-weight: 500; letter-spacing: 1.54px; text-transform: uppercase;
}
#subscribe .field:focus {
  outline: none;
  border-color: var(--funky);
  box-shadow: 0 0 0 1px var(--funky);
}
#subscribe .form__row .field { margin-bottom: 0; }
#subscribe .submit {
  display: flex; align-items: center; justify-content: space-between;
  width: 600px; max-width: 100%; height: 64px;
  margin-top: 0;
  padding: 0 30px 0 34px;
  border: 0; border-radius: 32px;
  background: var(--funky); color: var(--chalk);
  font: inherit; font-size: 11px; font-weight: 500; letter-spacing: 1.54px;
  cursor: pointer;
  transition: background-color 160ms ease;
}
#subscribe .submit:hover { background-color: #7A2E02; }
#subscribe .note { margin-top: 16px; max-width: 600px; font-size: 13px; line-height: 22px; font-weight: 300; }
#subscribe .hp { position: absolute; left: -9999px; }

/* ---------- Recent issues ---------- */

#issues { position: relative; overflow: hidden; padding: 120px var(--gutter); color: var(--chalk); }
#issues .issues__media { position: absolute; inset: 0; }
#issues .issues__media img { width: 100%; height: 100%; object-fit: cover; }
#issues .issues__media::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.76); }
#issues .split__label { color: var(--chalk); }
#issues .issue {
  padding: 30px 0;
  border-top: 1px solid var(--chalk);
}
#issues .issue:last-child { border-bottom: 1px solid var(--chalk); }
#issues .issue__title { font-weight: 300; font-size: 21px; line-height: 32px; }
#issues .issue__sub { margin-top: 12px; font-size: 16px; line-height: 24px; font-weight: 300; opacity: 0.6; }

/* ---------- Responsive ---------- */

@media (max-width: 1400px) { #subscribe h2 { font-size: 34px; line-height: 46px; } }

@media (max-width: 1100px) {
  #subscribe { padding-top: 80px; }
  #issues { padding-top: 80px; padding-bottom: 80px; }
}

@media (max-width: 620px) {
  #subscribe h2 { font-size: 27px; line-height: 37px; margin-bottom: 28px; }
  #subscribe .form__row { flex-direction: column; gap: 14px; }
  #subscribe .field, #subscribe .submit { width: 100%; }
  #issues .issue__title { font-size: 19px; line-height: 28px; }
}