.people-blueprint{position:relative;color:#52715b;isolation:isolate;width:100%}
.people-blueprint-sheet{position:relative}
#stage-drawing .people-blueprint-art{display:block;width:100%;height:auto;overflow:visible}
.people-blueprint .bp-paper-grid{fill:none;stroke:currentColor;stroke-width:.55;opacity:.11}
.people-blueprint .bp-ground{fill:#a4b99c12;stroke:currentColor;stroke-opacity:.24}
.people-blueprint .bp-grid{fill:none;stroke:currentColor;stroke-width:.65;opacity:.2}
.people-blueprint .bp-construction{opacity:.18;stroke-width:.65;stroke-dasharray:12 6 2 6}
.people-blueprint .bp-surface{fill:#faf9f5;stroke:currentColor;stroke-width:1.55}
.people-blueprint .bp-foundation{fill:var(--blueprint-hatch,url(#people-hatch));stroke:currentColor;stroke-width:1.25}
.people-blueprint .bp-hatch{stroke:currentColor;stroke-width:.5;opacity:.28}
.people-blueprint .bp-glass{fill:#d9e4d3a6;stroke:currentColor;stroke-width:1.15}
.people-blueprint .bp-detail{stroke-width:.9;stroke-opacity:.78}
.people-blueprint .bp-roof-seam{stroke-width:.75;stroke-opacity:.6}
.people-blueprint .bp-outline{stroke-width:1.7}
.people-blueprint .bp-setback{opacity:.35;stroke-width:.85;stroke-dasharray:5 5}
.people-blueprint .bp-shadow{stroke-width:.6;stroke-opacity:.2;fill:#5275480a}
.people-blueprint .bp-dimension{stroke-width:.65;stroke-opacity:.55}
.people-blueprint .bp-leader{stroke-width:1;stroke-opacity:.65}
.people-blueprint .bp-record-back{stroke-opacity:.45;stroke-width:1}
.people-blueprint .bp-code{stroke-width:1.4;opacity:.75}
.people-blueprint .bp-registration{opacity:.5;stroke-width:1}
.people-blueprint .bp-route-base{stroke:#94aa93;stroke-width:1.7;stroke-opacity:.52;stroke-dasharray:4 5}
.people-blueprint .bp-route{stroke:#39724b;stroke-width:2.1;stroke-dasharray:1;stroke-dashoffset:1;animation:people-record-route 14s ease-in-out infinite;animation-play-state:paused}
.people-blueprint .bp-route-record{animation-delay:.8s}
.people-blueprint .bp-route-associations{animation-delay:1.6s}
.people-blueprint .bp-data-node{fill:#f6f3ef;stroke:#39724b;stroke-width:1.6;animation:people-record-node 14s ease-in-out infinite;animation-delay:var(--node-delay);animation-play-state:paused}
.people-blueprint.is-inview :is(.bp-route,.bp-data-node){animation-play-state:running}
.people-bp-label{position:absolute;font:500 14px var(--font);line-height:1.35;white-space:nowrap;transform:translate(-50%,-50%);background:var(--page);padding:5px 8px;color:#294d3a}
.people-bp-chapter{left:41%;top:7%}.people-bp-keepers{left:19%;top:32%}.people-bp-record{left:82%;top:50%}
.people-bp-associations{position:relative;margin-top:-8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center}
.people-bp-associations a{font:500 13px var(--font);letter-spacing:.25px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--page);color:#294d3a;border-top:1px solid #52715b33;transition:color .2s,border-color .2s}
.people-bp-associations a:hover{color:var(--primary);border-color:var(--primary)}
.people-bp-associations a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.people-bp-associations a span{font-size:13px;opacity:.6}
@keyframes people-record-route{0%,8%{stroke-dashoffset:1;opacity:.4}28%,68%{stroke-dashoffset:0;opacity:1}88%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes people-record-node{0%,8%,88%,100%{fill:#f6f3ef}28%,68%{fill:#527548}}
@media(max-width:760px){.people-blueprint :is(.bp-surface,.bp-outline){stroke-width:2}.people-bp-associations{margin-top:0}.people-bp-label{font-size:12px;padding:4px 5px}.people-bp-chapter{left:43%;top:5%}.people-bp-keepers{left:22%;top:30%}.people-bp-record{left:81%;top:49%}.people-bp-associations a{font-size:12px;letter-spacing:0;gap:4px;min-height:42px}.people-bp-associations a span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.people-blueprint :is(.bp-route,.bp-data-node){animation:none}.people-blueprint .bp-route{stroke-dashoffset:0;opacity:1}.people-bp-associations a{transition:none}}

/* One stable drawing surface for all three chapters of the automatic tour. */
#stage-drawing.blueprint-loop{display:grid;align-items:start}
.blueprint-frame{grid-area:1/1;min-width:0;width:100%;opacity:0;pointer-events:none;transition:opacity .9s ease;z-index:0}
.blueprint-frame.is-current{opacity:1;pointer-events:auto;z-index:1}
.blueprint-loop .bp-route{animation:none;opacity:1;stroke-dashoffset:1}
.blueprint-loop .bp-data-node{animation:none;fill:#f6f3ef}
.bp-footnotes>span{font:500 13px var(--font);letter-spacing:.25px;min-height:42px;display:flex;align-items:center;justify-content:center;background:var(--page);color:#294d3a;border-top:1px solid #52715b33}
#connection .step p{height:0;min-height:0;max-height:none;margin-top:0;line-height:1.6;opacity:0;overflow:hidden}
#connection .step.active p{height:3.2em;max-height:none;margin-top:9px;opacity:1}
@media(max-width:760px){.bp-footnotes>span{font-size:12px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.blueprint-frame{transition:none}.blueprint-loop .bp-route{stroke-dashoffset:0}}

/* Financial notes remain part of the light technical drawing. */
.network-data-point{position:absolute;z-index:2;width:29%;max-width:146px;padding:8px 9px;border:1px solid #52715b40;border-left:2px solid #527548;background:var(--page);color:#294d3a;opacity:calc(.55 + var(--data-reveal,0) * .45)}
.network-data-point strong{display:block;font:550 13px/1.35 var(--font)}
.network-data-point>span{display:block;font:12px/1.45 var(--font);margin-top:4px;color:#5c7261}
.network-data-point small{display:block;font:11px/1.4 var(--font);margin-top:3px;color:#69766c}
.network-data-stock{left:3%;top:1%}.network-data-transactions{left:0;top:51%}.network-data-costs{right:0;top:43%}
@media(max-width:760px){.network-data-point{width:33%;padding:5px 6px}.network-data-point strong{font-size:12px}.network-data-point>span{font-size:11px;line-height:1.35;margin-top:3px}.network-data-point small{font-size:10px;line-height:1.3;margin-top:2px}.network-data-stock{left:0;top:0}.network-data-transactions{top:51%}.network-data-costs{top:43%;right:0}}
@media(prefers-reduced-motion:reduce){.network-data-point{opacity:1}}

/* Match the Registry pencil studies: paper, sage planes and a hierarchy of ink. */
#connection .drawing-panel{border-color:#9caf9b80;padding:0}
#stage-drawing{margin:0}
.people-blueprint{color:#294d3a}
.bp-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 14px 10px;font:500 11px/1.5 var(--font);letter-spacing:1.25px;text-transform:uppercase;color:#52715b}
.bp-sheet-number{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.5px;white-space:nowrap}
.people-blueprint .bp-paper-grid{opacity:.1;stroke:#9caf9b}
.people-blueprint .bp-construction{opacity:.22;stroke-width:.65;stroke-dasharray:3 9}
.people-blueprint .bp-side-plane,.people-blueprint .bp-roof-plane{fill:#e7ece3}
.people-blueprint .bp-foundation{fill:var(--blueprint-hatch,url(#people-hatch));stroke-width:1.1}
.people-blueprint .bp-detail{stroke-width:.95;stroke-opacity:.7}
.people-blueprint .bp-outline{stroke-width:1.6}
.people-blueprint .bp-route-base{stroke-width:1;stroke-opacity:.6;stroke-dasharray:4 6}
.people-blueprint .bp-route{stroke-width:1.85}
.people-blueprint .bp-data-node{stroke-width:1.3}
.people-blueprint .bp-pencil-pass{fill:none!important;stroke:currentColor;stroke-width:.7;stroke-opacity:.17;pointer-events:none}
.people-bp-label{padding:3px 6px 7px;color:#294d3a;background:#f6f3efe6;font-weight:500}
.bp-label-underline{position:absolute;left:5%;bottom:0;width:90%;height:8px;overflow:visible;fill:none;stroke:#527548;stroke-width:1.5;pointer-events:none}
.bp-annotation{fill:none;stroke:#527548;stroke-width:1.35;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}
.bp-pencil-return{stroke-width:.7;stroke-opacity:.4}
.bp-pencil-circle .bp-annotation{stroke-width:1.15;stroke-opacity:.8}
.bp-pencil-circle .bp-pencil-return{stroke-width:.6;stroke-opacity:.28}
.people-blueprint .bp-art-text{fill:#294d3a;stroke:none;font:500 9px var(--font);letter-spacing:.7px}
.people-blueprint .bp-art-field{font-size:10px;font-weight:400;letter-spacing:0;fill:#5c7261}
.bp-sheet-legend{display:flex;justify-content:space-between;gap:12px;padding:16px 10px 12px;font:10px/1.5 var(--font);color:#69766c}
.bp-sheet-legend>span:first-child{display:flex;align-items:center;gap:7px;white-space:nowrap}
.bp-sheet-legend i{width:16px;border-top:1.5px solid #39724b;position:relative}
.bp-sheet-legend i:after{content:'';position:absolute;right:-1px;top:-3px;width:4px;height:4px;border:1px solid #39724b;background:var(--page);border-radius:50%}
.bp-tour-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #9caf9b55;padding:6px 4px;color:#52715b;font:12px/1.5 var(--font)}
.bp-tour-controls[hidden]{display:none}
.bp-tour-controls>span{margin-right:auto;color:#69766c}
.bp-tour-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 8px;font:inherit;color:#294d3a;border-radius:3px}
.bp-tour-controls button:hover{background:#e7ece3}
.bp-tour-controls button:focus-visible{outline:2px solid #39724b;outline-offset:2px}
.network-data-point{border-color:#9caf9b80;background:#faf9f5f5}
@media(max-width:760px){.bp-sheet-heading{font-size:10px;padding:16px 8px 8px;letter-spacing:.8px}.bp-sheet-legend{font-size:9px;padding:12px 6px}.bp-tour-controls{font-size:11px;gap:4px}.people-bp-label{font-size:12px}.bp-tour-controls>span{max-width:120px}.people-blueprint .bp-pencil-pass{stroke-width:.8}}
@media(prefers-reduced-motion:reduce){.bp-annotation{stroke-dashoffset:0}}
