/* Стили страницы raboty/bengmontero/index.html.

   Скелет кейса общий (raboty-milery.css) — меняем только характер.
   Палитра взята из самого прототипа: питомник Bengmontero подан в
   тёмно-зелёном с тёплой бумагой, и кейс должен читаться с проектом
   как одна вещь.

   Почему гротеск, а не антиква. Во всех остальных кейсах в заголовках
   стоит антиква — она добавляет проекту весомости. Здесь наоборот:
   вся ниша питомников набрана курсивами и вензелями, и «бабушкин
   альбом» начинается именно со шрифта. Прототип уходит от этого
   ровным гротеском, кейс повторяет тот же ход. */

@import url('/css/pages/raboty-milery.css?v=20260731b');

:root{
  --paper:#F3F2EE;--paper2:#EAE9E3;--paper3:#E1E0D8;--white:#FCFCFA;
  --ink:#14181A;--ink64:#5E6A66;--ink32:#98A19D;--hair:#D8D8CF;
  /* Бордо базы становится зелёным питомника. Имена переменных не трогаем —
     иначе пришлось бы переписывать весь импортированный файл. */
  --bordo:#1E6B4E;--bordo-deep:#0E241D;--bordo-pale:#7FB79A;--on-bordo:#E8F1EC;
  --display:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* Заголовки гротеском требуют другого веса и трекинга, чем антиква:
   у антиквы контраст штриха работает сам, гротеск нужно уплотнять. */
.title,.shead h2,.duo h2,.why h2,.shot__txt h3,.vs-cta__h{
  font-weight:800;letter-spacing:-.022em}
.title{font-weight:800}
.laid .it h4{font-weight:700;letter-spacing:-.01em}

/* Курсивные акценты в заголовках: у гротеска наклон выглядит случайным,
   поэтому выделяем цветом, а не начертанием. */
.title em,.shead h2 em,.duo h2 em,.why h2 em,.shot__txt h3 em{
  font-style:normal;color:var(--bordo)}

/* Метки и номера — разрядкой. */
.lbl,.ctop .tag,.vs-minibar__tag,.kicker,.spec .sh,.shead .meta{letter-spacing:.15em}
.kicker{font-size:11.5px}
.fact__n{font-weight:800;letter-spacing:-.02em}

/* Оранжевый акцент базового скелета (ссылка в Telegram, плашка cookie)
   на зелёной странице читается как чужой элемент — переводим в палитру
   проекта. Цвет ссылки в .vs-tel задан значением, а не переменной,
   поэтому перекрываем правилом. */
:root{--rust-2:#1E6B4E}
.vs-tel{color:var(--bordo)}

/* «Bengmontero» — одно длинное слово латиницей, и на телефоне оно не
   помещается в минимум базового clamp (50px). Слово неразрывное, перенести
   нельзя — уменьшаем кегль. Заодно страхуемся от переполнения. */
@media(max-width:560px){
  .title{font-size:clamp(30px,9vw,50px)}
}