/* emmrost.ru. Направление D2 «Аналитика на тёплой бумаге», тело B2 «Разворот». */
:root{
  --paper:#faf8f4; --fog:#f2efe9; --card:#ffffff; --wash:#f6e6d8;
  /* --hair держит структуру и порог 3:1 не проходит намеренно. Кант элементов,
     с которыми человек работает, живёт в --edge: правка Дмитрия 21.08.2026.
     Значения здесь базовые, активная палитра перекрывает их в palette-*.css. */
  --ink:#1b1a17; --stone:#6b665e; --ash:#918b81; --hair:#c6bdab; --edge:#8f8471;
  --ochre:#a8541f; --ochre-deep:#5d2a10; --ok:#2f6b3f;
  --text:#3f3a34; --text2:#4a443d; --shadow:rgba(93,42,16,.45);
  --r:20px; --r-s:12px;
  --s1:8px; --s2:12px; --s3:16px; --s4:24px; --s5:32px; --s6:48px; --s7:64px; --s8:96px;
  --ease:cubic-bezier(.2,0,0,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
body{
  background:var(--paper);color:var(--ink);
  font:400 clamp(1.05rem,.98rem + .3vw,1.16rem)/1.62 Inter,system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}
h1,h2,h3,.serif{font-family:Lora,Georgia,serif;font-weight:500}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--s4)}
@media(min-width:768px){.wrap{padding:0 var(--s6)}}
.ask{font-family:Lora,Georgia,serif;font-style:italic;color:var(--ochre);font-size:1.05rem}
h2{margin-top:var(--s2);font-size:clamp(1.8rem,1.3rem + 2vw,2.7rem);line-height:1.1;max-width:22ch}
.lede{margin-top:var(--s4);color:var(--stone);max-width:56ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:100px;text-decoration:none;font-weight:500;font-size:1.02rem;border:1px solid transparent;transition:background .25s var(--ease),border-color .25s var(--ease);cursor:pointer}
.btn-p{background:var(--ink);color:var(--paper)}
.btn-p:hover{background:#000}
.btn-s{color:var(--ink);border-color:var(--hair);background:var(--card)}
.btn-s:hover{border-color:var(--ash)}
.btn:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
.dim{color:var(--ash);font-size:.92rem}