/* =====================================================================
   Кофейня «Мояже» (coffee.html, глава V) — только то, чего нет в base.css.
   Утро и дневной свет: вся глава на бумаге, тёмной секции нет.
   Ритм: титул напротив высокого светлого кадра, как фронтиспис книги →
   живая картинка рядом с «зачем заглянуть» → спокойная пара кадров →
   широкий кадр солнечного света в конце главы.
   Пара — restaurant.css: та же книга, но вечер у огня и другой ритм.
   ===================================================================== */

/* ---------- V. Открытие главы: титул и фронтиспис ---------- */
.c-open .opener__head { grid-column: 2 / span 5; align-self: start; }
.c-open .opener__title { max-width: 7em; }
.c-open__media { grid-column: 8 / span 5; margin-top: 0; }
.c-open .v-menu { margin-top: var(--s-5); }

/* ---------- Живая картинка и «зачем заглянуть» ---------- */
.c-live .g { align-items: start; }
.c-live__media { grid-column: 1 / span 7; }
.c-live__text { grid-column: 9 / span 4; padding-top: clamp(0px, 2vw, 32px); }
.c-live__text .h2 { margin-bottom: var(--s-6); }
.c-why li { font-size: var(--fs-lead); line-height: 1.4; padding-block: 14px; }
.c-live__next { margin-top: var(--s-6); color: var(--ink-2); max-width: 22em; }
.c-live__text .link { margin-top: var(--s-4); }

/* ---------- Утренний свет: пара кадров и широкий кадр ---------- */
.c-pair { align-items: start; }
.c-pair > .c-plate:nth-child(1) { grid-column: 2 / span 5; }
.c-pair > .c-plate:nth-child(2) { grid-column: 8 / span 5; }
.c-plate { min-width: 0; }
.c-plate .caption { max-width: 30em; }
.c-plate--wide { margin-top: clamp(72px, 2rem + 6vw, 160px); margin-left: var(--hang); }   /* от 2-й колонки — по краю пары кадров */

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
  .c-open .opener__head, .c-open__media, .c-live__media, .c-live__text,
  .c-pair > .c-plate:nth-child(n) { grid-column: 1 / -1; }
  .c-open .opener__title { max-width: none; }
  .c-open__media { margin-top: var(--s-7); max-width: 560px; }
  .c-live__text { padding-top: var(--s-7); }
  .c-pair > .c-plate + .c-plate { margin-top: var(--s-7); }
  .c-plate--wide { margin-top: var(--s-8); margin-left: 0; }
}