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

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

   Поэтому: импортируем базу, переопределяем палитру и добираем те места,
   где в базе цвет прибит литералом (белые подложки, тени под светлый фон). */

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

:root{
  /* Бумага становится ночной. Три ступени — как в базе: фон, подложка, край. */
  --paper:#131110;--paper2:#1A1715;--paper3:#232019;--white:#1A1715;
  --ink:#F4F0E9;--ink64:#A79E92;--ink32:#6C645A;--hair:#2C2822;
  /* Бордо базы становится золотом IZNANKA. Имена переменных не трогаем:
     иначе пришлось бы переписывать весь импортированный файл. */
  --bordo:#C9A96E;--bordo-deep:#0E0C0B;--bordo-pale:#E3D2AA;--on-bordo:#E8DFCC;
}

/* Тени, рассчитанные на светлый фон, на тёмном не читаются — гасим и
   заменяем контуром. */
.spec{box-shadow:none;border-color:var(--hair)}
.browser{box-shadow:0 30px 60px -34px rgba(0,0,0,.85)}
.browser:hover{box-shadow:0 44px 80px -34px rgba(0,0,0,.95)}
.it:hover{background:#211D18}
.browser__bar .dot:nth-child(1){background:#C9A96E}
.browser__bar .dot:nth-child(2){background:#8C7440}
.browser__bar .dot:nth-child(3){background:#4A4238}

/* Кнопка «Смотреть демо»: золото — светлое, белый текст на нём слепнет. */
.demo{color:#161310}
.demo:hover svg{stroke:#161310}
.now{color:#161310}

/* Мини-шапка в базе светлая — перекрашиваем под ночь. */
.vs-minibar{background:rgba(19,17,16,.94);border-bottom-color:var(--hair)}

/* Итоговая лента: у базы это тёмно-бордовый прямоугольник, здесь — почти
   чёрный с золотой каймой сверху, чтобы он не сливался со страницей. */
.why{border-top:1px solid var(--hair);box-shadow:inset 0 1px 0 rgba(201,169,110,.25)}

/* Ссылка Telegram в шапке кейса: рыжий из общего стиля на золоте фальшивит. */
.vs-tel{color:var(--bordo)}

/* Нить у Milery — про вязку. Здесь это шов: прямая строчка пунктиром,
   а не петля. Кривую из разметки переопределять нельзя, поэтому меняем
   рисунок обводки. */
.thread path,.thread-line path{stroke:var(--bordo);stroke-dasharray:7 6;opacity:.55}
.thread-sec.in .thread-line path{stroke-dashoffset:0}