/* ==========================================================================
   皮肤 · editorial 编辑部
   气质：克制、有分量、像一本工业杂志。适合「有历史、讲工艺」的工厂。

   设计参考：Sandvik 的字体分工 + TOTO 的非纯白底
   关键手法：标题用【衬线体】—— 这是"看起来贵"最便宜的一招
   ========================================================================== */
:root {
    /* ── 字体：display 与 text 分家 ── */
    --font-display: Georgia, "Iowan Old Style", "Palatino Linotype",
                    "Songti SC", "Noto Serif SC", "Times New Roman", serif;
    --font-text:    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                    "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
    --font-label:   var(--font-text);

    /* ── 字号档位（不是随手写，是体系）── */
    --fs-body:    17px;
    --fs-h1:      clamp(40px, 5.4vw, 68px);
    --fs-h2:      clamp(28px, 3.2vw, 42px);
    --fs-h3:      19px;
    --fs-lede:    clamp(17px, 1.5vw, 20px);
    --fs-eyebrow: 12px;
    --fs-btn:     15px;

    --leading-body:    1.68;
    --leading-display: 1.06;

    --weight-display:  600;          /* 衬线体不宜太粗 */
    --weight-label:    640;
    --tracking-display: -0.022em;    /* 衬线字距别收太紧 */
    --tracking-label:   0.09em;

    /* ── 颜色：暖纸底 + 砖红 ── */
    --bg:        #FBF9F6;
    --surface:   #FFFFFF;
    --ink:       #1A1817;
    --ink-2:     #57534E;
    --ink-3:     #A8A29E;

    --accent:    #8C2F1A;            /* 深砖红，不是企业蓝 */
    --accent-ink:#FFFFFF;

    /* ── 线条与形状：细线、零圆角、无阴影 ── */
    --line:        #E6E1DA;
    --line-strong: #D9D2C7;
    --divider:       1px solid var(--line);
    --divider-strong:1px solid var(--line-strong);
    --head-divider:  1px solid var(--line);

    --radius:    0px;
    --radius-lg: 0px;
    --shadow-btn: 0 8px 20px rgba(26, 24, 23, .16);

    /* ── 节奏：留白大方 ── */
    --wrap:       1180px;
    --gutter:     28px;
    --section-y:  112px;
    --head-gap:   56px;
    --hero-y:     104px;
    --hero-gap:   76px;
    --hero-img-gap: 64px;
    --row-py:     34px;
    --gap-eyebrow:22px;

    --btn-py: 16px;
    --btn-px: 28px;
    --btn-border: 1px solid transparent;

    /* ── 图与面 ── */
    --media-bg:      #F3EFE9;
    --media-border:  1px solid var(--line);
    --hero-full-bg:  #F5F1EB;
    --cell-bg:       transparent;
    --cell-bg-hover: #F5F1EB;
    --cta-top-line:  2px;
}

/* 衬线标题需要一点额外的视觉补偿：字重略降、字距回到正常 */
h1 { font-weight: 600; }
h1 em, h2 em { font-style: italic; font-weight: 500; }

/* eyebrow 用字距拉开，衬线正文里形成对比 */
.eyebrow { font-variant: small-caps; letter-spacing: .12em; }

/* 按钮不加箭头，改用手写体式的下划线感 */
.btn::after { content: "→"; }
.btn--ghost { text-decoration: none; }