/* Заглушка непереехавшей страницы: картинка работы, название, строка о переезде, ссылка на главную, контакты.
   Блок стоит по вертикали с поправкой на силу тяготения: воздуха снизу в 1,4 раза больше, чем сверху. */
.stub { display: flex; }
.stub-in {
  --air: clamp(32px, 6vw, 96px);
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: var(--s);
  align-content: center;
  padding-top: var(--air);
  padding-bottom: calc(var(--air) * 1.4);
}
.stub-pic { width: 100%; max-width: 560px; }
.stub-text { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: calc(.5 * var(--s)); max-width: 34rem; }
.stub-t { margin: 0; font-size: var(--t-mid); font-weight: 700; line-height: 1.15; text-wrap: balance; }
.stub-d { margin: 0; font-size: var(--t-small); line-height: var(--l-small); color: var(--muted); }
.stub-m { margin: calc(.5 * var(--s)) 0 0; text-wrap: pretty; }
.stub-a, .stub-c { margin: 0; }
.stub-c a { white-space: nowrap; }
.stub-c { font-size: var(--t-small); line-height: var(--l-small); color: var(--muted); text-wrap: pretty; }
.stub-a a, .stub-c a { color: var(--black); text-decoration-thickness: 1px; text-underline-offset: .18em; }
.stub-a a { font-weight: 700; }
.stub-a a, .stub-c a { transition: opacity .33s; }
@media (hover: hover) { .stub-a a:hover, .stub-c a:hover { opacity: .62; transition: none; } }
@media (prefers-reduced-motion: reduce) { .stub-a a, .stub-c a { transition: none; } }

/* от 900: картинка слева, текст справа, по центру картинки */
@media (min-width: 900px) {
  .stub-in { grid-template-columns: minmax(0, 46%) minmax(0, 1fr); column-gap: 56px; align-items: center; }
  .stub-in.no-pic { grid-template-columns: minmax(0, 1fr); }
  .stub-pic { max-width: none; }
}