/* Блок 5 «Беседки»: текст и пара фото (большое + мангал в рамке цвета фона). Кадры «Блок · Беседки» 1920 / 768 / 390. */
.besedki { position: relative; isolation: isolate; overflow: hidden; background: var(--c-bg-linen); }
.besedki__row { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 24px; padding-block: 48px; }

.besedki__text { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.besedki__text .h2 { align-self: stretch; }
.besedki__lead { font: 400 16px/22px var(--f-sans); color: var(--c-text-2); }
/* кнопка L: 327 в кадрах; уже 360 она не входит в колонку — поля 24 вместо 40 */
@media (max-width: 359px) { .besedki__btn { --btn-x: 24px; } }

/* «Декор · хребет»: гравюра фоном вверху блока, итоговая прозрачность 0,22. Рамки кадров: 390 — 390×104, 768 — 768×206 (на всю ширину),
   1920 — 1200×321 со сдвигом −140. Заливка FILL = object-fit: cover. */
.besedki__ridge { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; aspect-ratio: 390 / 104; opacity: .22; pointer-events: none; }
.besedki__ridge img { width: 100%; height: 100%; object-fit: cover; }

.besedki__photos { position: relative; height: 300px; }
.besedki__main { display: block; width: calc(100% - 42px); height: 258px; border-radius: var(--r-xl); overflow: hidden; }
.besedki__frame { position: absolute; right: 0; bottom: 0; width: 161px; height: 115px; padding: 8px; border-radius: var(--r-l); background: var(--c-bg-linen); }
.besedki__grill { display: block; height: 100%; border-radius: var(--r-m); overflow: hidden; }
.besedki__main img, .besedki__grill img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 768px) {
  .besedki__row { gap: 32px; padding-block: 64px; }
  .besedki__lead { font-size: 18px; line-height: 26px; }
  .besedki__ridge { aspect-ratio: 768 / 206; }
  .besedki__photos { height: 440px; }
  .besedki__main { width: calc(100% - 106px); height: 440px; }
  .besedki__frame { width: 253px; height: 181px; }
}
@media (min-width: 1200px) {
  .besedki__row { flex-direction: row; align-items: center; gap: 20px; padding-block: 96px; }
  .besedki__text { flex: none; width: 460px; }
  .h2--m { font-size: 48px; line-height: 56px; }
  .besedki__ridge { left: -140px; width: 1200px; aspect-ratio: 1200 / 321; }
  .besedki__photos { flex: 1 1 auto; min-width: 0; height: 460px; }
  .besedki__main { width: calc(100% - 140px); height: 460px; }
  .besedki__frame { bottom: 0; width: 280px; height: 200px; } /* правка макета 11.10: низ рамки = низ большого фото (y 260, низ 460) */
}
/* F5 (19.10): надзаголовок «БЕСЕДКИ» — общий цвет .eyebrow (текст/вторичный), как в кадре; прежнее переопределение на основной цвет убрано */
/* Вуаль под надзаголовком (макет «Вуаль по приёмке 19.10», кадры 1920 и 390; на 768–1199 вуали нет): два слоя цвета фона блока,
   привязаны к надзаголовку, а не к блоку. Ядро 84×24 (−4/−4, размытие 2), мягкий 108×40 (−12/−10, размытие 8).
   Гравюра хребта лежит ниже: .besedki__ridge z-index 0, .besedki__row — 1, слои вуали — z-index -1 внутри строки. */
.besedki__text .eyebrow { position: relative; }
.besedki__text .eyebrow::before, .besedki__text .eyebrow::after { content: ''; position: absolute; z-index: -1; background: var(--c-bg-linen); pointer-events: none; }
.besedki__text .eyebrow::before { left: -12px; right: -24px; top: -10px; bottom: -14px; filter: blur(var(--veil-soft, 8px)); } /* мягкий 108×40 */
.besedki__text .eyebrow::after { left: -4px; right: -8px; top: -4px; bottom: -4px; filter: blur(var(--veil-core, 2px)); } /* ядро 84×24 */
@media (min-width: 768px) and (max-width: 1199px) {
  .besedki__text .eyebrow::before, .besedki__text .eyebrow::after { display: none; }
}