/* Блок 3 «Чан и купель»: фото во всю ширину, два слоя затемнения (еловый #1f2d22), текст и ряд пунктов поверх,
   гравюра камней у реки в правом нижнем углу. Кадры «Блок · Чан и купель» 1920 / 768 / 390: высота 800 / 720 / 700,
   содержимое прижато к низу (поля 96 / 64 / 48). Слои снизу вверх: фото 0, затемнение 1, гравюра 2, текст 3. */
.chan {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; justify-content: flex-end; min-height: 700px;
  background: var(--c-bg-spruce); color: var(--c-text-light);
}
.chan__photo { position: absolute; inset: 0; z-index: 0; }
.chan__photo img { width: 100%; height: 100%; object-fit: cover; }

/* «Затемнение»: 390 — один слой снизу вверх; 768 и 1920 — снизу вверх + диагональ от левого нижнего угла к правому верхнему */
.chan::before {
  content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to top, rgba(31, 45, 34, .98) 0%, rgba(31, 45, 34, .93) 50%, rgba(31, 45, 34, .55) 80%, rgba(31, 45, 34, .05) 100%);
}

/* «Декор · камни река»: рамка 300×118 в правом нижнем углу, гравюра вписана (FIT), итоговая прозрачность 0,35 */
.chan__stones { position: absolute; z-index: 2; right: 0; bottom: 0; width: 300px; aspect-ratio: 300 / 118; opacity: .35; pointer-events: none; }
.chan__stones img { width: 100%; height: 100%; object-fit: contain; }

.chan__in { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 48px; padding-block: 48px; }
.chan__text { display: flex; flex-direction: column; gap: 24px; }
.chan__head { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
/* «Надзаголовок · на фото-линии»: белый текст, по бокам золотые линии 32×1 */
.eyebrow--lines { display: flex; align-items: center; gap: 16px; color: var(--c-text-light); }
.eyebrow--lines::before, .eyebrow--lines::after { content: ''; flex: none; width: 32px; height: 1px; background: var(--c-gold); }
.chan__title { align-self: stretch; font: 400 24px/30px var(--f-serif); }
.chan__lead { font: 400 16px/22px var(--f-sans); }

/* «Пункты · чан»: 390 — столбик через линии, значок золотой 40 (штрих 1,75 px), подпись 18/26 */
.chan__facts { display: flex; flex-direction: column; gap: 16px; }
.chan__sep { height: 1px; background: var(--c-line-dark); }
/* «Пункты и ссылка»: ряд пунктов и под ним (через 24) ссылка «Подробнее о …» — белая 18/26 без подчёркивания, стрелка 14 */
.chan__factsbox { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.chan__factsbox .chan__facts { align-self: stretch; }
.cfact { display: flex; align-items: center; gap: 16px; }
.cfact .icon { width: 40px; height: 40px; color: var(--c-gold); stroke-width: 1.05; }
.cfact__text { flex: 1; min-width: 0; font: 400 18px/26px var(--f-sans); }

@media (min-width: 768px) {
  .chan { min-height: 720px; }
  .chan::before {
    background:
      linear-gradient(to top right, rgba(31, 45, 34, .5) 0%, rgba(31, 45, 34, .15) 45%, rgba(31, 45, 34, 0) 65%),
      linear-gradient(to top, rgba(31, 45, 34, .94) 0%, rgba(31, 45, 34, .82) 30%, rgba(31, 45, 34, .35) 55%, rgba(31, 45, 34, 0) 72%);
  }
  .chan__stones { width: 400px; aspect-ratio: 400 / 157; }
  .chan__in { padding-block: 64px; }
  .chan__title { font-size: 42px; line-height: 48px; }
  .chan__lead { font-size: 18px; line-height: 26px; }
  /* ряд: три пункта поровну, между ними разделители 1×48; значок 28 (штрих 1,75 px), подпись 15/22 */
  .chan__facts { flex-direction: row; align-items: center; gap: 16px; }
  .chan__sep { flex: none; width: 1px; height: 48px; }
  .cfact { flex: 1 1 0; min-width: 0; gap: 12px; }
  .cfact .icon { width: 28px; height: 28px; stroke-width: 1.5; }
  .cfact__text { font-size: 15px; line-height: 22px; }
}
@media (min-width: 1200px) {
  .chan { min-height: 800px; }
  .chan::before {
    background:
      linear-gradient(to top right, rgba(31, 45, 34, .6) 0%, rgba(31, 45, 34, .2) 40%, rgba(31, 45, 34, 0) 60%),
      linear-gradient(to top, rgba(31, 45, 34, .92) 0%, rgba(31, 45, 34, .8) 25%, rgba(31, 45, 34, .4) 50%, rgba(31, 45, 34, 0) 68%);
  }
  /* правее третьего пункта: штрих гор не ложится под значок «Вид на горы» */
  .chan__stones { width: 480px; aspect-ratio: 480 / 188; }
  .chan__in { padding-block: 96px; }
  .chan__title { font-size: 56px; line-height: 64px; }
  .chan__lead { max-width: 780px; }
  .chan__facts { gap: 40px; }
  .cfact { gap: 16px; }
  .cfact .icon { width: 48px; height: 48px; stroke-width: .875; }
  .cfact__text { font-size: 20px; line-height: 28px; }
}
/* 1200–1919: ряд пунктов доходит до правого края и камни 480×188 ложились под значок и подписи третьей колонки
   (на «Бассейн и чан» — под строки «к любой бане»); рамка ниже поля блока (96): 232×91 у правого нижнего угла, под текст не заходит.
   С 1920 — рамка кадра 480×188 */
@media (min-width: 1200px) and (max-width: 1919px) {
  .chan__stones { width: 232px; aspect-ratio: 480 / 188; }
}
/* /besedki/ «Можно», ≥1290: фото (накрытый стол) под надзаголовком светлое — медиана контраста 4,2 на 1920, p05 3,4 на 1920 и 3,8 на 1440 (до 1290 фото темнее).
   Мягкое пятно еловым 0,3 под строкой надзаголовка (эллипс 480×110, центр на строке), текст и заголовок сверху; вид остального блока прежний */
@media (min-width: 1290px) {
  .chan--eb-dk .chan__head { position: relative; }
  .chan--eb-dk .chan__head::before {
    content: ''; position: absolute; z-index: -1; left: -100px; top: -45px; width: 480px; height: 110px; pointer-events: none;
    background: radial-gradient(closest-side, rgba(31, 45, 34, .3) 0%, rgba(31, 45, 34, .3) 50%, rgba(31, 45, 34, 0) 100%);
  }
}