/* Compact sample exchange: a permanent team for recurring site work. */
.tasks .section-heading { align-items: center; margin-bottom: 40px; }
.task-dialogue { flex: 0 1 440px; width: 100%; display: flex; flex-direction: column; gap: 8px; }
.task-message { position: relative; max-width: 96%; padding: 11px 16px 12px; border: 1px solid #ffffff16; }
.task-message-client { align-self: flex-start; background: #141414; border-radius: 12px 12px 12px 3px; }
.task-message-team { align-self: flex-end; background: #242424; border-color: #ffffff24; border-radius: 12px 12px 3px 12px; }
.task-message-author { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-size: 8px; font-weight: 600; letter-spacing: .1em; color: #939393; }
.task-message-team .task-message-author { color: #bfbfbf; }
.task-message-author i { width: 4px; height: 4px; border-radius: 50%; background: #d0d0d0; }
.task-message p { margin: 0; font-size: 14px; line-height: 1.5; letter-spacing: -.015em; color: #bdbdbd; }
.task-message-team p { color: #f2f2f2; }
@media (max-width: 1100px) {
  .task-dialogue { flex-basis: 360px; }
  .task-message p { font-size: 12px; }
}
@media (max-width: 700px) {
  .tasks .section-heading { display: block; margin-bottom: 28px; }
  .task-dialogue { margin-top: 20px; max-width: 420px; }
  .task-message { max-width: 96%; padding: 10px 13px 11px; }
  .task-message p { font-size: 12px; }
}