/* ==========================================================================
   Andrine Mendez — Writing page. Transcribed from project/Writing.dc.html.
   ========================================================================== */

.writing-intro { max-width: 820px; margin: 0 auto; padding: 72px 32px 16px; }
.writing-intro h1 {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 0.96;
  font-size: clamp(38px, 6vw, 60px);
  color: var(--ink-900);
  margin: 16px 0 0;
}
.writing-intro p {
  font-family: var(--font-body);
  font-size: 19px;
  line-height: 1.6;
  color: var(--grey-600);
  margin: 20px 0 0;
  max-width: 52ch;
}
.writing-intro .btn { margin-top: 28px; display: inline-flex; }

.writing-articles { max-width: 1120px; margin: 0 auto; padding: 48px 32px 80px; }
.writing-placeholder {
  padding: 40px;
  border: 1.5px dashed var(--grey-300);
  border-radius: 22px;
  text-align: center;
}
.writing-placeholder p {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--grey-500);
  margin: 0;
}