/* A single visual workflow replaces two overlapping explanations. */
.retail-workflow{background-color:#f1f6ed;background-image:linear-gradient(180deg,rgba(241,246,237,.04),rgba(241,246,237,.1) 230px,#f1f6ed 580px),linear-gradient(90deg,#f1f6ed 0%,rgba(241,246,237,.98) 35%,rgba(241,246,237,.05) 78%),url('retail-workflow-background.webp');background-size:100% 620px,100% 620px,auto 620px;background-repeat:no-repeat;background-position:top,top,right top}
.retail-workflow>.sectionheading{display:block;min-height:265px;margin-bottom:32px}
.retail-workflow>.sectionheading>div{max-width:53%}
.retail-workflow>.sectionheading p:not(.eyebrow){max-width:470px;font-size:17px;color:var(--muted);margin:23px 0 0}
.retail-workflow .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.retail-workflow .capability-grid>article{background:rgba(255,255,255,.97);border:1px solid #d4e2c9;border-radius:14px;padding:28px;display:flex;flex-direction:column}
.retail-workflow .workflow-number{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--green)}
.retail-workflow .capability-grid h3{font-size:25px;line-height:1.3;margin:24px 0 16px}
.retail-workflow .capability-grid p{font-size:15px;line-height:1.8;margin:0 0 24px}
.retail-workflow .workflow-outcome{margin-top:auto;border-top:1px solid #dce6d4;padding-top:18px;color:var(--green);font-size:14px;font-weight:600}
@media(max-width:700px){
 .retail-workflow{background-size:100% 420px,100% 420px,auto 370px;background-position:top,top,76% top;background-image:linear-gradient(180deg,rgba(241,246,237,.04),rgba(241,246,237,.14) 200px,#f1f6ed 370px),linear-gradient(90deg,#f1f6ed 0%,rgba(241,246,237,.96) 30%,rgba(241,246,237,.1) 85%),url('retail-workflow-background.webp')}
 .retail-workflow>.sectionheading{min-height:240px;margin-bottom:24px}
 .retail-workflow>.sectionheading>div{max-width:70%}
 .retail-workflow>.sectionheading h2{font-size:33px;line-height:1.15}
 .retail-workflow>.sectionheading .eyebrow{font-size:10px;max-width:165px}
 .retail-workflow>.sectionheading p:not(.eyebrow){font-size:14px;margin-top:16px}
 .retail-workflow .capability-grid{grid-template-columns:1fr}
 .retail-workflow .capability-grid>article{padding:25px}
}