#workflow .brief-heading{max-width:920px;margin-bottom:40px}
#workflow .flow-experience{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.85);border-radius:32px;background:rgba(255,250,242,.26);overflow:hidden}
#workflow .flow-experience-head{display:flex;justify-content:space-between;gap:22px;padding:25px 30px 0;font-size:15px;line-height:1.5;color:var(--brief-muted)}
#workflow .flow-experience-head span:first-child{font-weight:600;color:var(--brief-ink)}
#workflow .flow-stage{position:relative;width:100%;aspect-ratio:1100/520;min-height:480px;margin:4px 0 10px}
/* Fade the retained template artwork before all four image edges. */
#workflow .flow-warmth{position:absolute;left:2%;top:-12%;width:74%;height:124%;object-fit:cover;opacity:.46;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 12%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.36) 65%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 12%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.36) 65%,transparent 100%)}
#workflow .flow-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#workflow .flow-orbits circle{stroke:#c29b74;stroke-width:.8;fill:none;opacity:.18}
#workflow .flow-orbits circle:nth-child(2){stroke-dasharray:3 8;opacity:.23}
#workflow .flow-connectors path{fill:none;stroke:url(#flow-line-tone);stroke-width:1.6;marker-end:url(#flow-arrow);opacity:.5;transition:opacity .25s,stroke-width .25s}
#workflow .flow-connectors path.is-active{stroke-width:2.2;opacity:.95;stroke-dasharray:7 10;animation:flow-travel 16s linear infinite}
#workflow .flow-return{fill:none;stroke:#bc946e;stroke-width:1.2;stroke-dasharray:4 8;opacity:.6;animation:flow-travel 22s linear infinite}
@keyframes flow-travel{to{stroke-dashoffset:-204}}
#workflow button.flow-node{position:absolute;display:flex;align-items:center;flex-direction:column;gap:0;width:188px;padding:0;border:0;background:transparent;color:var(--brief-ink);font:inherit;cursor:pointer;transform:translate(-50%,-44px);z-index:2;text-align:center}
#workflow .flow-node-monitor{left:12%;top:45%}#workflow .flow-node-strategy{left:37%;top:45%}#workflow .flow-node-partners{left:65%;top:20%}#workflow .flow-node-content{left:65%;top:68%}#workflow .flow-node-results{left:89%;top:45%}
#workflow .flow-icon-well{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:linear-gradient(140deg,#fffaf3 10%,#fae7d0 100%);border:1px solid #fffaf0;box-shadow:inset 0 1px 1px #fff,0 9px 22px #a1723f15,0 2px 3px #ad815f16;transition:transform .22s,box-shadow .22s,border-color .22s}
#workflow .flow-icon-well:before{content:'';position:absolute;inset:-8px;border:1px solid rgba(167,112,64,.22);border-radius:35px;opacity:0;transform:scale(.9);transition:opacity .22s,transform .22s}
#workflow .flow-node-strategy .flow-icon-well{border-radius:50%;background:linear-gradient(145deg,#fff3e4,#f3c49b);box-shadow:inset 0 2px 4px #fff9,0 16px 35px #be754429}
#workflow .flow-node-strategy .flow-icon-well:before{border-radius:50%}
#workflow .flow-icon-well img{width:38px;height:38px;opacity:.9}
#workflow .flow-node-number{position:absolute;left:-5px;top:-7px;font-size:15px;line-height:26px;width:28px;height:28px;border:1px solid #edd4b9;background:#fff8ed;border-radius:50%;color:#8a6b50;font-weight:500}
#workflow .flow-ai-seal{position:absolute;right:-8px;bottom:1px;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#5c4030;color:#fff6eb;font-size:15px;font-weight:600;border:2px solid #fae8d3}
#workflow .flow-node>b{font-weight:600;font-size:20px;line-height:1.5;margin-top:17px;letter-spacing:-.01em}
#workflow .flow-node-caption{font-size:15px;line-height:1.6;color:var(--brief-muted);margin-top:5px;white-space:normal}
#workflow .flow-node:hover .flow-icon-well{transform:translateY(-4px);box-shadow:inset 0 1px 1px #fff,0 13px 30px #a1723f28}
#workflow .flow-node.is-active .flow-icon-well:before{opacity:1;transform:scale(1)}
#workflow .flow-node:focus-visible{outline:0}#workflow .flow-node:focus-visible .flow-icon-well{outline:2px solid #9b6541;outline-offset:5px}
#workflow .flow-return-label{position:absolute;left:51%;top:91%;font-size:15px;color:#8d6b4d;line-height:1.5;background:#f9e9d8;padding:0 12px;white-space:nowrap}
#workflow .flow-return-label>span{font-size:17px;margin-right:4px}
#workflow .flow-detail{display:grid;grid-template-columns:.9fr 1.7fr;gap:36px;position:relative;padding:30px;border-top:1px solid #d8b79465;background:rgba(255,250,244,.56);min-height:227px}
#workflow .flow-detail-title>span{font-size:15px;color:var(--brief-muted);letter-spacing:.03em}
#workflow .flow-detail-title h3{font-size:26px;font-weight:500;margin:13px 0}
#workflow .flow-detail-title p{font-size:17px;line-height:1.8;color:var(--brief-muted);margin:0;max-width:300px}
#workflow .flow-detail-copy{display:grid;gap:14px;align-content:start}
#workflow .flow-detail-copy>div{display:grid;grid-template-columns:104px 1fr;gap:12px}
#workflow .flow-detail-copy span{font-size:15px;color:#987759;line-height:1.85;padding-top:2px}
#workflow .flow-detail-copy p{margin:0;font-size:17px;line-height:1.85;color:var(--brief-ink)}
@media(min-width:1050px){#workflow .flow-icon-well{width:98px;height:98px}#workflow button.flow-node{transform:translate(-50%,-49px)}#workflow .flow-icon-well img{width:42px;height:42px}}
@media(max-width:760px){#workflow .flow-experience{border-radius:24px}#workflow .flow-experience-head{padding:22px 20px 0;font-size:15px}#workflow .flow-stage{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 10px;padding:35px 14px 20px;margin:0}#workflow .flow-stage:before{content:'';position:absolute;top:75px;bottom:115px;left:50%;width:1px;background:#c49c7280;z-index:-1}#workflow .flow-warmth{left:0;top:0;width:100%;height:100%}#workflow .flow-network{display:none}#workflow button.flow-node{position:relative;left:auto;top:auto;transform:none;justify-self:center;width:100%;max-width:200px}#workflow .flow-node-monitor,#workflow .flow-node-strategy,#workflow .flow-node-results{grid-column:1/-1}#workflow .flow-node-partners{grid-column:1}#workflow .flow-node-content{grid-column:2}#workflow .flow-icon-well{width:76px;height:76px;border-radius:24px}#workflow .flow-icon-well img{width:34px;height:34px}#workflow .flow-node>b{font-size:19px;margin-top:13px;background:#f9e9d8}#workflow .flow-node-caption{font-size:14px;background:#f9e9d8}#workflow .flow-return-label{position:relative;left:auto;top:auto;grid-column:1/-1;text-align:center;white-space:normal;background:transparent;font-size:15px}#workflow .flow-detail{grid-template-columns:1fr;gap:23px;padding:25px 20px;min-height:0}#workflow .flow-detail-title p{max-width:none}#workflow .flow-detail-copy>div{grid-template-columns:92px 1fr}}
@media(prefers-reduced-motion:reduce){#workflow .flow-connectors path.is-active,#workflow .flow-return{animation:none}#workflow .flow-icon-well,#workflow .flow-icon-well:before{transition:none}}
@media(min-width:761px){#workflow .flow-stage{margin-bottom:54px}#workflow .flow-return-label{top:auto;bottom:-30px;left:63%;transform:translateX(-50%)}}

@media(max-width:760px){#workflow .flow-experience-head{flex-wrap:wrap;gap:8px}#workflow .flow-return-label{transform:none}#workflow .flow-stage{gap:40px 14px}#workflow .flow-node-caption{max-width:170px}#workflow .flow-detail-copy>div{grid-template-columns:1fr;gap:3px}}