/* Как работаем: таблица ответственности по этапам */
.duty { border-top: 1px solid var(--color-border-strong); }
.duty__head, .duty__row { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: 32px; }
.duty__head { padding: 14px 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); border-bottom: 1px solid var(--color-border); }
.duty__row { padding: 28px 0; border-bottom: 1px solid var(--color-border); transition: background-color .3s; }
@media (hover: hover) { .duty__row:hover { background: linear-gradient(90deg, rgba(var(--text-rgb), .03), transparent); } }
.duty__stage { font-family: var(--ff-display); font-size: clamp(30px, 3vw, 44px); font-weight: 600; text-transform: uppercase; line-height: .95; letter-spacing: 0; }
.duty__we p:last-child { font-size: 17px; }
.duty__you p:last-child { color: var(--color-text-muted); padding-left: 16px; border-left: 2px solid var(--color-primary); }
.duty__m { display: none; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 6px; }
@media (max-width: 820px) {
  .duty__head { display: none; }
  .duty__row { grid-template-columns: 1fr; gap: 14px; padding: 24px 0; }
  .duty__m { display: block; }
}