/* A quiet, connected index between the cinematic opening and the product tour. */
.practice-flow{--workflow-progress:1;position:relative;display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:center;padding:46px 5.8% 42px;background:#eee7dc;border-top:1px solid #c8b28d;border-bottom:1px solid #d6c9b5}
.workflow-eyebrow{display:block;color:#8c7350;font-size:8px;font-weight:600;letter-spacing:1.8px;margin-bottom:13px}
.workflow-intro h2{font:400 34px/1.06 CRMSerif,Georgia,serif;letter-spacing:-.6px;color:#3d3020;margin:0}
.workflow-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.workflow-path:before,.workflow-path:after{content:'';position:absolute;top:42px;left:12.5%;right:12.5%;height:1px;background:#d1c2aa;pointer-events:none}
.workflow-path:after{background:#9a7a44;transform:scaleX(var(--workflow-progress));transform-origin:left;transition:transform .08s linear}
.workflow-path li{min-width:0;position:relative;z-index:1}
.workflow-step{display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;padding:0 5px 3px;color:#67563d}
.workflow-number{font:500 8px/1 CRMGeist,Arial,sans-serif;letter-spacing:1.2px;color:#9b8665;margin-bottom:13px}
.workflow-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cbb995;background:#eee7dc;border-radius:50%;box-shadow:0 0 0 7px #eee7dc;color:#886b3d;transition:background .3s,color .3s,transform .3s,border-color .3s}
.workflow-icon svg{width:22px;height:22px}
.workflow-step strong{font:400 25px/1.15 CRMSerif,Georgia,serif;color:#463723;margin-top:16px;letter-spacing:-.3px}
.workflow-caption{font-size:9px;line-height:1.5;color:#8c7d68;margin-top:6px;white-space:nowrap}
.workflow-step:hover .workflow-icon,.workflow-step:focus-visible .workflow-icon{background:#7a5c2c;color:#fff5df;border-color:#7a5c2c;transform:translateY(-4px)}
.workflow-step:focus-visible{outline-offset:7px;border-radius:5px}
.workflow-step:hover strong{color:#7a5c2c}
.scroll-motion-ready .practice-flow{--workflow-progress:0}
.motion-paused .workflow-path:after{transform:scaleX(1);transition:none}
@media(min-width:1550px){.practice-flow{grid-template-columns:290px 1fr;gap:65px;padding:50px 8%}.workflow-intro h2{font-size:39px}.workflow-step strong{font-size:29px}.workflow-caption{font-size:10px}}
@media(max-width:1000px){.practice-flow{grid-template-columns:190px 1fr;gap:20px;padding:38px 5%}.workflow-intro h2{font-size:30px}.workflow-step strong{font-size:22px}.workflow-caption{font-size:8px}}
@media(max-width:750px){.practice-flow{grid-template-columns:1fr;gap:30px;padding:30px 6% 34px}.workflow-intro{display:flex;align-items:center;justify-content:space-between;gap:22px}.workflow-eyebrow{font-size:7px;letter-spacing:1px;max-width:90px;line-height:1.7;margin:0}.workflow-intro h2{font-size:28px;text-align:right}.workflow-path:before,.workflow-path:after{top:38px}.workflow-number{font-size:7px;margin-bottom:12px}.workflow-icon{width:38px;height:38px;box-shadow:0 0 0 5px #eee7dc}.workflow-icon svg{width:19px;height:19px}.workflow-step{padding:0 2px}.workflow-step strong{font-size:19px;margin-top:14px}.workflow-caption{font-size:8px;white-space:normal;max-width:74px;line-height:1.5;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.workflow-path:after{transform:scaleX(1);transition:none}.workflow-icon{transition:none}.workflow-step:hover .workflow-icon{transform:none}}
