/* workflow */
.wf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.wf .intro{position:sticky;top:96px}
.hole{position:relative;display:grid;gap:34px;padding-left:76px}
.hole::before{content:"";position:absolute;left:27px;top:12px;bottom:12px;width:2px;background:repeating-linear-gradient(to bottom,var(--gold) 0 10px,transparent 10px 18px)}
.hs{position:relative}
.hs i{position:absolute;left:-76px;top:0;width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);display:grid;place-items:center;font:500 1rem/1 var(--f-mono);color:var(--gold-text);font-style:normal}
.hs h3{font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gold-text);font-family:var(--f-body);font-weight:600;margin-bottom:6px}
.hs p{margin:0;color:var(--muted)}
.deliv{margin-top:56px}
.deliv h3{margin-bottom:18px}
.deliv .chips span{background:var(--card);border-color:var(--line);color:var(--ink)}