/* Тема «Егор» — система FENOMEN: чёрный лист, кремовый текст, оранжевый #FF4500, дисплейный Unbounded.
   Накладывается ПОВЕРХ базовых стилей страниц: переопределяет токены и те места, где цвет был зашит явно.
   Имена токенов --blue/--bluePale оставлены, чтобы не трогать разметку: теперь они оранжевые. */

@font-face{font-family:'Unbounded';font-style:normal;font-weight:200 900;font-display:swap;src:url(unbounded.ttf) format('truetype')}

/* Палитра «Архитектор»: графит, кость, тёмное вино. Не цвет продукта — цвет человека:
   ответственность и суд фактом (вино, а не сигнальный оранж), Молдова и винодельня как почва,
   чёрное в одежде и ч/б портрет — вино на них единственный живой тон. */
:root{
  --bg:#0A0A0B; --ink:#EDE7DF; --muted:#B3ABA3; --dim:#7C756E;
  --line:#232326; --line2:#34343A; --surface:#121214; --surface2:#1A1A1D;
  --blue:#B02A3C; --blueDeep:#7A1F2B; --bluePale:#E38A94;
  --dark:#000000; --darkInk:#F1ECE5; --darkMut:#A39B94; --darkLine:#2A2A2E;
  --ok:#3CC57A;
  --acc-ink:#F7F1EA;
  --glow:rgba(176,42,60,.38);
  --disp:'Unbounded','Manrope',system-ui,sans-serif;
}
::selection{background:var(--blue);color:var(--acc-ink)}
body{background:var(--bg);color:var(--ink)}

/* Навигация и переключатель языка */
nav{background:rgba(11,11,12,.92);border-bottom-color:var(--line)}
nav .brand{color:var(--ink)}
.lang{border-color:var(--line2)}
.lang button{color:var(--muted)}
.lang button.on{background:var(--blue);color:var(--acc-ink)}

/* Первый экран: свечение цветом акцента */
.hero{background:linear-gradient(180deg,#000 0%,#0A0A0B 100%)}
.hero::before{background:radial-gradient(closest-side,var(--glow),rgba(0,0,0,0))}
.hero .wrap{align-items:center}
.hero h1{font-weight:700;letter-spacing:-0.02em;font-size:clamp(22px,3.5vw,37px);line-height:1.12}
.hero .sub{font-size:15.5px}
.hchip{border-color:var(--line2)}
.portrait{border-color:var(--line2)}

/* Заголовки — Unbounded шире Manrope, кегль чуть ниже */
h2{font-weight:700;font-size:clamp(19px,2.7vw,27px);letter-spacing:-0.015em}
h3{font-weight:600}
.story p.lead{font-weight:600;font-size:clamp(17px,2.2vw,21px)}
.stat b.v{font-weight:700;font-size:27px}
.caps.blue{color:var(--bluePale)}            /* мелкий оранж на тёмном — светлее, ради контраста */
.shot .txt .path,.gal .cap b,.fnrow b{color:var(--bluePale)}

/* Карточки, рамки, снимки */
.stat,.side,.mech .m,.fnrow,.objection,.story{background:var(--surface)}
.stat,.side,.mech .m,.fnrow{border-color:var(--line)}
.story{background:transparent}
.pic{background:#000;border-color:var(--line2);box-shadow:0 2px 6px rgba(0,0,0,.5),0 30px 70px -30px rgba(0,0,0,.9)}
.pic .bar{background:#141416;border-bottom-color:var(--line)}
.pic .bar s{background:#36363C}
.pic .bar .url,.pic .bar .demo{color:var(--dim);border-color:var(--line2)}
.st{border-color:var(--line2);color:var(--muted)}
.go{color:var(--bluePale);border-bottom-color:var(--blueDeep)}
.go:hover{border-bottom-color:var(--blue)}
.pains li{border-top-color:var(--line2)}
.bio .nda{color:var(--muted)}

/* Тёмные полосы теперь чуть светлее фона — чтобы ритм страницы остался */
.axis{background:#0F0F11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.honest{border-color:var(--line2)}
.verdict{background:var(--surface);border:1px solid var(--line2)}
.verdict .go{background:var(--blue);color:var(--acc-ink);border:0}
.contacts a{border-color:var(--line2)}
.contacts a:hover{border-color:var(--blue)}
footer{border-top-color:var(--line);color:var(--dim)}

/* Презентация Wine OS: таймлайн, телефон, галерея */
.ev::before{background:var(--surface)}
.ev .say{background:var(--surface);border-color:var(--line)}
.ev.bad .say{border-color:rgba(232,96,76,.45);background:rgba(232,96,76,.10)}
.ev.good .say{border-color:rgba(60,197,122,.4);background:rgba(60,197,122,.10)}
.phone{border-color:var(--line2);background:#000}
.ph-top{background:var(--blue);color:var(--acc-ink)}
.fgroup::after{background:var(--blueDeep)}
.shot .txt .say{background:var(--surface);border-left-color:var(--blue)}
.gal .cap{color:var(--muted)}

/* Ядро: лид и хронология вертикалей */
.axis .lead{font-family:var(--disp);font-weight:600;font-size:clamp(17px,2.3vw,22px);line-height:1.35;color:var(--darkInk);max-width:34ch;margin-top:18px}
.axis .lead .x{color:var(--blue)}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
@media(max-width:760px){.tl{grid-template-columns:1fr 1fr}}
.tl .s{border:1px solid var(--line2);border-radius:14px;padding:14px 16px;background:var(--surface);position:relative}
.tl .s::after{content:"→";position:absolute;right:-13px;top:16px;color:var(--dim);font-weight:700}
.tl .s:last-child::after{content:""}
.tl .s i{font-style:normal;display:block;font-family:var(--disp);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bluePale)}
.tl .s b{display:block;font-family:var(--disp);font-size:13px;font-weight:600;margin-top:8px;color:var(--darkInk);line-height:1.3}
.tl .s span{display:block;font-size:12px;color:var(--darkMut);margin-top:5px;line-height:1.45}

@media print{
  body{background:#fff;color:#111}
}
