/* Desktop UX — spacious, side-by-side work areas for screens 1024px and wider. */
@media (min-width: 1024px) {
  .hero { min-height: 306px; }
  .hero-copy { max-width: 650px; }
  .word-machine { transform: rotate(1deg); }
  .word-machine:hover { transform: rotate(0); }
  .campaign-view .chapter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .campaign-view .chapter-card { min-height: 257px; }
  .translator-card { padding: 40px; }
  .mission-card { max-width: 960px; margin-right: auto; margin-left: auto; padding: 34px 40px; }
  .mission-activity { grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); align-items: start; column-gap: 24px; }
  .mission-activity > :not(.mission-preview) { grid-column: 1; }
  .mission-activity .mission-preview { grid-column: 2; grid-row: 1 / span 8; position: sticky; top: 20px; min-height: 145px; }
}