@media (max-width: 1080px) {
  .hero__body { grid-template-columns: minmax(0, 1fr); gap: var(--s-7); }
  .hero__mega { max-width: 16ch; }
  .rec__head  { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); align-items: start; }
  .rec__title { max-width: 14ch; }
}

@media (max-width: 900px) {
  .split { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
  .sec { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
  .sec__label { position: static; }
  .sec__note { max-width: none; }
  .rec__plate { aspect-ratio: 16 / 9; }
}

@media (max-width: 820px) {
  .nav__links  { display: none; }
  .nav__toggle { display: inline-flex; }
}

@media (max-width: 760px) {
  .work { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 560px) {
  .console__read { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .readout__row { grid-template-columns: minmax(0, 1fr); row-gap: var(--s-1); }
  .step { grid-template-columns: minmax(0, 1fr); row-gap: var(--s-2); }
  .decision { grid-template-columns: minmax(0, 1fr); row-gap: var(--s-2); }
  .rec__plate { aspect-ratio: 4 / 3; }
  .card__plate { aspect-ratio: 4 / 3; }
  .foot__row { flex-direction: column; align-items: flex-start; }
  .hero__acts .act, .close__acts .act { flex: 1 1 100%; justify-content: space-between; }
  .draft { max-width: none; }
  .pull { max-width: none; }
}