.hero{z-index:2}.hero__body{justify-items:center;gap:var(--s4);padding-block:var(--s6) calc(var(--s7) + var(--torn));text-align:center;display:grid}.hero h1{font:var(--t-display);color:var(--head)}.hero__rule{background:var(--accent);border-radius:1px;width:56px;height:2px}.hero p{max-width:34em;font:var(--t-lead);color:var(--ink2);text-wrap:balance}