.hw-sec{background:#ECE1CE;padding:96px 0;position:relative;overflow:hidden}
.hw-head{max-width:720px;margin:0 auto 54px;text-align:center;padding:0 24px}
.hw-head h2{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.03em;color:var(--espresso);line-height:1.04;margin:14px 0 0}
.hw-head p{color:var(--muted);font-size:17.5px;line-height:1.5;margin:16px auto 0;max-width:52ch}
.hw-flow{position:relative;max-width:1160px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hw-line{position:absolute;top:44px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--clay) 0 10px,transparent 10px 20px);opacity:.5;z-index:0}
.hw-line::after{content:"";position:absolute;top:-3px;left:0;width:28px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--orange),var(--mustard));animation:hwrun 5s linear infinite}
@keyframes hwrun{from{left:0}to{left:100%}}
.hw-step{position:relative;z-index:1;text-align:center}
.hw-ico{width:88px;height:88px;margin:0 auto 18px;border-radius:26px;background:var(--paper-2);border:1px solid rgba(90,55,25,.12);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--e-out)}
.hw-ico img{width:46px;height:46px;object-fit:contain}
.hw-step:hover .hw-ico{transform:translateY(-5px) scale(1.04)}
.hw-n{font-family:var(--disp);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.hw-step h4{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--espresso);margin:8px 0 8px;letter-spacing:-.01em}
.hw-step p{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0 auto;max-width:24ch}
@media(max-width:820px){.hw-flow{grid-template-columns:1fr 1fr;gap:34px 20px}.hw-line{display:none}}
@media(max-width:460px){.hw-flow{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hw-line::after{animation:none}.hw-step:hover .hw-ico{transform:none}}