.hero{max-width:var(--max);margin:auto;padding:106px 25px 78px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
    h1{font-size:clamp(46px,8.2vw,94px);line-height:.96;letter-spacing:-.065em;margin:18px 0 27px;max-width:1100px}h1 span{display:block;color:#555a61}
    .lead{font-size:clamp(20px,2.6vw,30px);line-height:1.35;letter-spacing:-.025em;max-width:930px;color:#3d4249}.meta{display:flex;flex-wrap:wrap;gap:9px 23px;margin-top:34px;color:var(--muted);font-size:14px}
    .layout{max-width:var(--max);margin:auto;padding:0 25px 120px;display:grid;grid-template-columns:215px minmax(0,1fr);gap:66px}.toc{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 96px);overflow:auto;padding:20px 0;border-top:1px solid var(--line)}