.workflow-example{background:var(--marsh,#0c3547);color:var(--oyster,#f6f2ea);font-family:var(--font-body,"Work Sans", sans-serif)}.workflow-example *,.workflow-example :before,.workflow-example :after{box-sizing:border-box}.workflow-example__inner{max-width:1240px;margin-inline:auto;padding:80px 24px}.workflow-example__eyebrow,.workflow-example .workflow-example__label{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.11em;text-transform:uppercase;text-wrap:initial;margin:0;font-size:.8125rem;font-weight:500;line-height:1.6}.workflow-example__eyebrow{color:#bac6c8}.workflow-example .workflow-example__title{font-family:var(--font-display,"Instrument Serif", Georgia, serif);letter-spacing:-.02em;text-wrap:balance;margin:20px 0 24px;font-size:clamp(2.5rem,4.5vw,4.1rem);font-weight:400;line-height:1.06}.workflow-example__title em,.workflow-example__title span{display:block}.workflow-example__support{color:#c8d0d0;max-width:760px;margin:0;font-size:1rem;line-height:1.8}.workflow-example__comparison{grid-template-columns:minmax(0,1fr) 100px minmax(0,1.18fr);align-items:start;gap:20px;margin-top:44px;display:grid}.workflow-example__before{color:#d0d8d7;border-top:1px solid #536b75;min-width:0;padding:26px 0 0}.workflow-example__scattered{margin-top:24px;position:relative}.workflow-example__broken-lines{fill:none;stroke:#718893;stroke-width:1px;stroke-dasharray:4 6;width:100%;height:100%;position:absolute;inset:0}.workflow-example__nodes{gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.workflow-example__nodes li{color:#d0d8d7;background:#163e4f;border:1px solid #536b75;border-radius:5px;width:77%;min-height:50px;padding:13px 16px;font-size:1rem;line-height:1.5}.workflow-example__nodes li:nth-child(2){width:72%;margin-left:20%}.workflow-example__nodes li:nth-child(3){width:66%;margin-left:5%}.workflow-example__nodes li:nth-child(4){margin-left:23%}.workflow-example__nodes li:nth-child(5){width:86%}.workflow-example__nodes li:nth-child(6){width:80%;margin-left:15%}.workflow-example__observation{border-top:1px solid #536b75;max-width:340px;margin:30px 0 0;padding-top:20px;font-size:1rem;line-height:1.7}.workflow-example__transition{color:#c8d0d0;text-align:center;align-self:center}.workflow-example__transition svg{fill:none;stroke:#c8d0d0;stroke-width:1px;width:58px;height:24px;margin:0 auto 12px}.workflow-example__transition p{margin:0;font-size:.875rem;line-height:1.65}.workflow-example__after{background:var(--oyster,#f6f2ea);min-width:0;color:var(--marsh,#0c3547);border-radius:8px;padding:26px 28px 28px}.workflow-example__steps{margin:24px 0 0;padding:0;list-style:none}.workflow-example__steps li{grid-template-columns:30px minmax(0,1fr);gap:16px;padding:0 0 23px;display:grid;position:relative}.workflow-example__steps li:not(:last-child):after{content:"";background:#c6c7bd;width:1px;position:absolute;top:28px;bottom:5px;left:12px}.workflow-example__number{font-family:var(--font-mono,"JetBrains Mono", monospace);color:#52666b;font-size:.875rem;line-height:1.75}.workflow-example__steps h4{font:600 1.0625rem/1.5 var(--font-body,"Work Sans", sans-serif);letter-spacing:-.01em;margin:0}.workflow-example__steps p{color:#485c63;margin:5px 0 0;font-size:1rem;line-height:1.6}.workflow-example__result{border-top:3px solid var(--clay,#c9653f);background:#eedbd0;border-radius:0 0 4px 4px;margin-top:3px;padding:22px 24px 24px}.workflow-example__result .workflow-example__label{color:#75412d}.workflow-example__result p{font:400 clamp(1.75rem, 2.45vw, 2.125rem)/1.15 var(--font-display,"Instrument Serif", Georgia, serif);letter-spacing:-.01em;text-wrap:pretty;margin:12px 0 0}.workflow-example__impacts{border-top:1px solid #536b75;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:44px;padding-top:28px;display:grid}.workflow-example__impacts>div+div{border-left:1px solid #536b75;padding-left:28px}.workflow-example__impacts p{color:#c8d0d0;margin:12px 0 0;font-size:1rem;line-height:1.7}@media (width<=1023px){.workflow-example__inner{padding-block:56px}.workflow-example__comparison{grid-template-columns:minmax(0,1fr);gap:28px}.workflow-example__before,.workflow-example__after{width:100%}.workflow-example__scattered{max-width:540px}.workflow-example__transition{text-align:left;align-items:center;gap:20px;display:flex}.workflow-example__transition svg{flex:0 0 40px;width:40px;margin:10px 0;transform:rotate(90deg)}.workflow-example__transition p{max-width:260px}}@media (width<=599px){.workflow-example__inner{padding:44px 20px}.workflow-example__title span{margin-top:4px}.workflow-example__comparison{margin-top:32px}.workflow-example__before{padding-top:20px}.workflow-example__after{padding:22px 18px 18px}.workflow-example__steps li{column-gap:10px}.workflow-example__nodes li{padding-inline:12px}.workflow-example__result{padding:18px}.workflow-example__impacts{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:32px}.workflow-example__impacts>div+div{border-top:1px solid #536b75;border-left:0;padding:22px 0 0}.workflow-example__impacts p{margin-top:8px}}