/* The people form a field around the offer, with readable routes to each destination. */
#intention{--square:min(600px,max(140px,calc(var(--grid-height) - 188px - var(--scene-gap))))}
#intention .scene-experiment .panel>div:last-child{top:calc(var(--grid-top) + 72px)}
#intention .narrative-copy>p,#intention .scene-experiment .panel p,#intention .scene-experiment blockquote{line-height:1.4}
#intention .scene-experiment .panel p,#intention .scene-experiment blockquote{margin:0}
#intention .people-stage>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#intention .people-stage .flower-clearance{fill:#161616}
#intention .people-stage .people-flower-mark{opacity:1;filter:brightness(2)}
#intention .people-stage .person{fill:#161616;stroke:#4a554e;stroke-width:1.1}
#intention .people-stage .person.possible{fill:#19472b;stroke:#286e42}
#intention .people-stage .person.actual{fill:#35ba6a;stroke:#54d986}
#intention .people-stage .person.chosen{fill:#19ed6a;stroke:#19ed6a;filter:drop-shadow(0 0 5px #19ed6a88)}
#intention .buyer-route{fill:none;stroke:#477f5a;stroke-width:1.35;stroke-linecap:round;opacity:.72;stroke-dasharray:300;stroke-dashoffset:300}
#intention #step-1 .buyer-route{stroke:#59b878;stroke-width:1.6;opacity:.85}
#intention .buyer-route-match{stroke:#19ed6a;stroke-width:2;opacity:1}
#intention .panel:not([hidden]) .buyer-route{animation:buyer-route-arrive 950ms ease-in-out var(--route-delay) forwards}
@keyframes buyer-route-arrive{to{stroke-dashoffset:0}}
@media(max-width:800px){#intention .scene-experiment .panel>div:last-child{position:static;top:auto;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){#intention .buyer-route{stroke-dashoffset:0}#intention .panel:not([hidden]) .buyer-route{animation:none}}