:root {
  --bg: #170C09;          /* фон основной — тёмное красное дерево */
  --raise: #22130E;       /* фон поднятый — карточки, формы, полосы */
  --shade: #0E0605;       /* фон притенённый — подвал */
  --ink: #F1E4D4;         /* чернила — слоновая кость */
  --ink-soft: #C4AE9C;    /* чернила мягкие */
  --acc: #C98A58;         /* медь — линии, кольца, активные состояния */
  --acc-txt: #DDA274;     /* медь светлая — мелкий текст акцентом (AA на --bg) */
  --act: #9A2A21;         /* действие — кирпично-красный, основная кнопка */
  --act-hi: #B3352A;
  --alert: #E8B04B;       /* служебное и фокус */
  --line: rgba(201, 138, 88, .38);

  --f-disp: "Playfair Display", Georgia, serif;
  --f-text: "Spectral", Georgia, serif;
  --f-ui: "Jost", "Helvetica Neue", Arial, sans-serif;

  --s0: .82rem; --s1: 1.14rem; --s2: clamp(1.35rem, 1.9vw, 1.75rem);
  --s3: clamp(2.2rem, 4vw, 3.6rem); --s4: clamp(2.9rem, 6.4vw, 5.8rem); --s5: clamp(3.4rem, 9vw, 8rem);
  --gut: clamp(18px, 4vw, 48px);
  --sec: clamp(64px, 9vw, 128px);
  --wrap: 1240px;
}

.zz-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px auto 34px;max-width:360px;}
.zz-divider span{flex:1;height:0;border-top:1px solid rgba(201,138,88,.38);border-bottom:1px solid rgba(201,138,88,.38);padding-top:3px;}
.zz-ring{width:44px;height:44px;color:#C98A58;flex:none;display:block;}