/* How it works */
.hiw-panel { display: grid; gap: var(--sp-6); align-items: start; }
.hiw-panel__media { display: grid; gap: var(--sp-3); }
.hiw-panel .steps { margin: var(--sp-4) 0 var(--sp-5); }
.hiw-panel .step h4 { margin: 0 0 var(--sp-1); }
@media (min-width: 900px) {
  .hiw-panel { grid-template-columns: 5fr 7fr; gap: var(--sp-7); }
  .hiw-panel__media { position: sticky; top: calc(var(--header-h) + var(--sp-4)); }
}
.hiw-door { align-items: center; }
.hiw-panel .steps { grid-template-columns: 1fr; }