/* Approved architectural diagram: real site type, one ivory surface, shared artwork. */
.flow-illustrated{--flow-ink:#202a25;--flow-accent:#aa812d;background:#f4f2eb;overflow:hidden}
.flow-illustrated .section-label{margin-bottom:42px}
.flow-visual-heading h2{font-family:var(--display);font-size:clamp(40px,5.2vw,78px);font-weight:250;letter-spacing:-.055em;line-height:1.08}
.flow-visual-heading>p{font:400 clamp(17px,1.8vw,25px)/1.5 var(--sans);color:var(--muted);margin-top:14px}
.flow-diagram{margin-top:44px}
.flow-properties{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:16px;list-style:none;margin:0;padding:0}
.flow-properties li{text-align:center;min-width:0}
.flow-art{display:block;width:100%;overflow:hidden;filter:brightness(1.1);mix-blend-mode:multiply}
.flow-properties .flow-art{height:clamp(120px,13.7vw,210px)}
.flow-properties li>span{display:block;font:400 clamp(14px,1.35vw,20px)/1.35 var(--sans);margin-top:8px;overflow-wrap:anywhere}
.flow-property-connections{display:block;width:100%;height:58px;margin-top:12px;stroke:var(--flow-accent);fill:none;stroke-width:1.2}
.flow-property-connections path{vector-effect:non-scaling-stroke}
.flow-property-connections circle{fill:var(--flow-accent);stroke:none}
.flow-property-spine{display:none}
.flow-relations{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(40px,.6fr) minmax(250px,1.7fr) minmax(40px,.6fr) minmax(220px,1.35fr);grid-template-areas:"owner ownerlink platform prolink pros";align-items:center;column-gap:10px;margin-top:4px}
.flow-owner{grid-area:owner;text-align:center}
.flow-professionals{grid-area:pros;text-align:center;min-width:0}
.flow-platform{grid-area:platform;text-align:center;min-width:0}
.flow-owner-link{grid-area:ownerlink}
.flow-pro-link{grid-area:prolink}
.flow-illustrated :is(.flow-owner,.flow-professionals) h3{font:400 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;min-height:34px;margin:0}
.flow-owner .flow-art{width:130px;height:154px;max-width:100%;margin:auto}
.flow-owner p{font:400 14px/1.5 var(--sans);margin-top:8px}
.flow-professionals .flow-art{height:154px}
.flow-professionals ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:8px 0 0;font:400 12px/1.5 var(--sans)}
.flow-professionals li{overflow-wrap:anywhere}
.flow-platform-brand{display:flex;justify-content:center;align-items:center;gap:18px;max-width:350px;margin:0 auto}
.flow-logo-symbol{width:54px;height:auto;flex:0 0 54px}
.flow-logo-name{display:block;width:calc(100% - 72px);max-width:266px;height:auto;filter:brightness(0)}
.flow-platform-caption{font:400 clamp(12px,1.2vw,17px)/1.5 var(--sans);color:var(--flow-ink);margin:12px 0 0}
.flow-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 0;gap:10px}
.flow-functions li{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}
.flow-functions svg{width:34px;height:34px;stroke:var(--flow-ink);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.flow-functions .flow-icon-accent{stroke:var(--flow-accent)}
.flow-functions span{font:400 14px/1.4 var(--sans)}
.flow-link svg{display:block;width:100%;stroke:var(--flow-accent);stroke-width:1.15;fill:none;overflow:visible}
.flow-link .flow-arrowhead{fill:var(--flow-accent);stroke:none}
.flow-summary{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0 0;margin:34px 0 0;border-top:1px solid #202a2540;gap:0}
.flow-summary li{display:flex;gap:16px;align-items:baseline;padding:0 20px;min-width:0}
.flow-summary li:first-child{padding-left:0}
.flow-summary li:last-child{padding-right:0}
.flow-summary li+li{border-left:1px solid #202a2530}
.flow-summary li>span{font:400 18px/1.3 var(--mono);color:var(--gold);flex-shrink:0}
.flow-summary p{font:400 15px/1.55 var(--sans);margin:0}
.flow-illustrated .flow-assistance{margin-top:30px;max-width:100%;border-top:1px solid var(--line)}
.flow-illustrated .flow-assistance summary{color:var(--muted);font-size:14px}
.flow-illustrated .flow-assistance>p{font-size:14px;max-width:940px}
.flow-illustrated .flow-scope{max-width:100%;font-size:12px;line-height:1.7;margin-top:15px;color:var(--muted)}
@media(min-width:1500px){.flow-relations{column-gap:20px}.flow-professionals ul,.flow-owner p,.flow-functions span{font-size:16px}.flow-illustrated :is(.flow-owner,.flow-professionals) h3{font-size:12px}.flow-summary p{font-size:17px}}
@media(max-width:1000px){.flow-relations{grid-template-columns:minmax(80px,.8fr) minmax(20px,.35fr) minmax(235px,1.8fr) minmax(20px,.35fr) minmax(180px,1.25fr);column-gap:7px}.flow-summary li{gap:10px;padding:0 12px}.flow-summary p{font-size:14px}.flow-owner .flow-art,.flow-professionals .flow-art{height:130px}.flow-platform-brand{gap:12px}.flow-logo-symbol{width:44px;flex-basis:44px}.flow-logo-name{width:calc(100% - 56px)}.flow-professionals ul{font-size:11px}.flow-functions span{font-size:13px}}
@media(max-width:760px){.flow-illustrated .section-label{margin-bottom:30px}.flow-visual-heading h2{font-size:clamp(38px,7vw,56px)}.flow-visual-heading>p{font-size:17px;max-width:360px}.flow-diagram{margin-top:30px}.flow-properties{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 8px}.flow-properties li{grid-column:span 2}.flow-properties li:nth-child(4){grid-column:2 / span 2}.flow-properties li:nth-child(5){grid-column:4 / span 2}.flow-properties .flow-art{height:clamp(78px,17vw,130px)}.flow-properties li>span{font-size:13px;margin-top:3px}.flow-property-connections{display:none}.flow-property-spine{display:block;width:12px;height:38px;margin:14px auto 10px;stroke:var(--flow-accent);fill:none;stroke-width:1.2}.flow-property-spine circle{fill:var(--flow-accent);stroke:none}.flow-relations{grid-template-columns:1fr 1.9fr;grid-template-areas:"platform platform" "ownerlink prolink" "owner pros";gap:0 20px}.flow-platform{width:100%;max-width:330px;margin:auto}.flow-platform-brand{gap:16px;max-width:300px}.flow-logo-symbol{width:48px;flex-basis:48px}.flow-logo-name{width:calc(100% - 64px)}.flow-platform-caption{font-size:14px;margin-top:10px}.flow-functions{margin-top:20px;gap:12px}.flow-functions span{font-size:13px}.flow-functions svg{width:30px;height:30px}.flow-link{height:58px;display:flex;align-items:center;justify-content:center;margin:6px 0}.flow-link svg{width:46px;transform:rotate(90deg)}.flow-owner .flow-art,.flow-professionals .flow-art{height:116px}.flow-owner .flow-art{width:98px}.flow-illustrated :is(.flow-owner,.flow-professionals) h3{font-size:10px;letter-spacing:.035em;min-height:32px}.flow-professionals ul{font-size:11px;gap:4px}.flow-owner p{font-size:13px}.flow-summary{grid-template-columns:1fr 1fr;gap:18px 14px;padding-top:20px;margin-top:28px}.flow-summary li,.flow-summary li:first-child,.flow-summary li:last-child{padding:0;border:none;gap:11px}.flow-summary li>span{font-size:16px}.flow-summary p{font-size:14px;line-height:1.55}.flow-illustrated .flow-assistance{margin-top:24px}.flow-illustrated .flow-scope{font-size:11px}}
@media(max-width:370px){.flow-relations{column-gap:12px}.flow-professionals ul{font-size:10px}.flow-functions span{font-size:12px}.flow-properties li>span{font-size:12px}.flow-summary p{font-size:13px}}