/* ============ Навигатор Ивенковой — общий стиль внутренних страниц ============ */
:root{
  --paper:#FAF8F4; --panel:#DCD6CB;
  --ink:#1A1714; --ink-2:#5B5349; --ink-3:#8C8377;
  --bordo:#7A1F2A; --bordo-2:#611722; --emerald:#146046;
  --rose:#F0A7B6; --rose-2:#F1DEE0; --mint:#59DBA8; --mint-2:#48C99B;
  --card:#FFFFFF;
  --hair:rgba(26,23,20,.12);
  --disp:'Golos Text', system-ui, sans-serif;
  --sans:'Onest', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  --r:20px;
  --shadow:0 1px 0 rgba(26,23,20,.04), 0 18px 44px -30px rgba(26,23,20,.5);
  --mw:1460px;   /* единая ширина сайта — как на главной */
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; background:var(--panel)}
body{
  margin:0; color:var(--ink); font-family:var(--sans); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* фон-градиент отдельным fixed-слоем — плавный скролл */
body::before{content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(120% 60% at 8% -6%, #EDE8E0 0%, rgba(237,232,224,0) 60%),
    radial-gradient(80% 50% at 100% 0%, #E6DCD6 0%, rgba(230,220,214,0) 55%),
    var(--panel);
}
a{color:inherit; text-decoration:none}
.mono{font-family:var(--mono)}
.tnum{font-variant-numeric:tabular-nums lining-nums}
.wrap{max-width:var(--mw); margin:0 auto; padding:26px 40px 72px}

/* ---------- header ---------- */
.top{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:8px 0 22px; border-bottom:1px solid var(--hair)}
.brand{display:inline-flex; flex-direction:column; align-items:stretch; gap:0}
.brand__name{font-family:var(--disp); font-weight:700; font-size:22px; line-height:.9; letter-spacing:-.005em; text-transform:uppercase; color:var(--ink); white-space:nowrap}
.brand__name .amp{color:var(--bordo)}
.brand__dek{margin-top:6px; font-family:var(--mono); font-weight:500; font-size:8.5px; line-height:1; letter-spacing:.2em; text-transform:uppercase; color:var(--ink-2); white-space:nowrap}
.topnav{display:flex; align-items:center; gap:8px}
.topnav a{font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-2); padding:9px 13px; border-radius:11px}
.topnav a:hover{background:rgba(26,23,20,.05); color:var(--ink)}
.topnav .cta{background:var(--ink); color:var(--paper)}
.topnav .cta:hover{background:var(--bordo)}

/* ---------- breadcrumbs / back ---------- */
.crumbs{display:flex; align-items:center; gap:9px; margin:22px 0 6px; font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3)}
.crumbs a:hover{color:var(--bordo)}
.crumbs .sep{opacity:.5}

/* ---------- headings ---------- */
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--bordo); font-weight:600}
.eyebrow::before{content:""; width:24px; height:1.5px; background:var(--bordo)}
.h1{font-family:var(--disp); font-weight:800; letter-spacing:-.025em; line-height:1.03; font-size:clamp(30px,4vw,48px); margin:16px 0 0; text-wrap:balance}
.h1 em{font-style:normal; color:var(--bordo)}
.lead{margin:16px 0 0; font-size:clamp(16px,1.5vw,18px); color:var(--ink-2); max-width:640px}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; gap:9px; font-family:var(--disp); font-weight:700; font-size:15px; padding:14px 24px; border-radius:13px; border:0; cursor:pointer; background:var(--ink); color:var(--paper); transition:background .2s, transform .2s}
.btn:hover{background:var(--bordo); transform:translateY(-1px)}
.btn--bordo{background:var(--bordo)} .btn--bordo:hover{background:var(--bordo-2)}
.btn--ghost{background:transparent; color:var(--bordo); border:1.5px solid var(--hair)}
.btn--ghost:hover{background:transparent; border-color:var(--bordo)}

/* ---------- chips / tags ---------- */
.chips{display:flex; flex-wrap:wrap; gap:9px}
.chip{font-family:var(--mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-2); background:var(--card); border:1px solid var(--hair); border-radius:999px; padding:9px 15px; cursor:pointer; transition:.18s}
.chip:hover{border-color:var(--bordo); color:var(--bordo)}
.chip.on{background:var(--bordo); color:var(--paper); border-color:var(--bordo)}
.tag{font-family:var(--mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--bordo); background:var(--rose-2); border-radius:6px; padding:3px 8px}

/* ---------- generic card ---------- */
.card{background:var(--card); border:1px solid var(--hair); border-radius:var(--r); box-shadow:var(--shadow); padding:24px}

/* ---------- footer ---------- */
.foot{margin-top:40px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:22px; border-top:1px solid var(--hair)}
.foot .c{font-family:var(--mono); font-size:11px; letter-spacing:.03em; color:var(--ink-3)}
.foot .c b{color:var(--ink-2); font-weight:600}

@media (max-width:720px){
  .wrap{padding:16px 16px 48px}
  .topnav a:not(.cta){display:none}
}