/* Drawings are selectable parts of a story, with evidence visible before a click. */
.story-explorer>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-explorer{--story-color:#874d34;--story-tint:#f7eee7;--story-line:#c8a58e;margin:0;color:var(--folio-ink)}
.story-pivot{--story-color:#405f68;--story-tint:#eaf1f2;--story-line:#8ea8ad}
.story-data{--story-color:#3f6254;--story-tint:#edf2ef;--story-line:#8eaa9c}
#work .story-evidence{font-size:.9375rem;line-height:1.65;max-width:60ch;margin:0 0 12px;color:#444c50}
#work .story-evidence strong{font-weight:600;color:#24272b}
.story-instruction{font-size:.8125rem;line-height:1.5;color:#565e63;margin:14px 0 8px}
.story-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;align-items:start;padding:14px 0 0}
.story-scene:before{content:"";position:absolute;left:12%;right:12%;top:76px;border-top:1px dashed var(--story-line);pointer-events:none}
.story-choice{appearance:none;font:inherit;text-align:left;background:transparent;color:var(--story-color);border:0;border-bottom:2px solid transparent;display:flex;flex-direction:column;position:relative;min-width:0;padding:0 12px 17px;cursor:pointer;align-items:flex-start}
.story-choice:disabled{opacity:1;cursor:default}
.story-choice svg{display:block;width:100%;height:112px;position:relative;background:#fff;margin-bottom:12px}
.story-choice .sketch-wash{fill:var(--story-tint);stroke:none}
.story-choice-title{font-size:.9375rem;font-weight:600;line-height:1.35;color:#30373a;max-width:18ch}
.story-choice-sub{font-size:.8125rem;line-height:1.5;color:#565e63;display:block;margin-top:6px;max-width:20ch}
.story-choice-cue{display:none;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--story-color);border-radius:50%;font-size:18px;line-height:1;position:absolute;right:8px;top:4px;background:#fff}
.story-ready .story-choice-cue{display:flex}
.story-choice:hover:not(:disabled){background:var(--story-tint)}
.story-choice:hover:not(:disabled) svg{background:transparent}
.story-choice[aria-pressed=true]{border-bottom-color:var(--story-color)}
.story-choice[aria-pressed=true] .story-choice-cue{font-size:0;background:var(--story-color);color:#fff}
.story-choice[aria-pressed=true] .story-choice-cue:after{content:"•";font-size:19px}
.story-answer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:24px 0;margin-top:0;border-top:1px solid var(--folio-rule);line-height:1.65}
.story-answer[hidden]{display:none!important}
.story-answer{scroll-margin-top:90px}
.story-answer-label{font-size:.6875rem;letter-spacing:.075em;text-transform:uppercase;color:#565e63;margin:0 0 9px}
#work .story-answer h5{font-size:1.125rem;font-weight:550;letter-spacing:-.02em;line-height:1.35;margin:0 0 10px}
#work .story-answer div>p:last-child{font-size:.9375rem;color:#444c50;margin:0}
.story-question{border-left:2px solid var(--story-line);padding:8px 0 8px 18px;align-self:center}
.story-question>span{display:block;font-size:.75rem;color:#565e63;line-height:1.5;margin-bottom:10px}
.story-question>p{font-family:'Newsreader',Georgia,serif;font-size:1.45rem;line-height:1.35;letter-spacing:-.015em;color:var(--story-color);margin:0}
/* Questions explain the perspective; they are not reconstructed deal transcripts. */
.visual-depth{border-top:1px solid var(--folio-rule);margin-top:22px}
.visual-depth>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:13px 0;cursor:pointer;font-size:.9375rem;line-height:1.5}
.visual-depth>summary::-webkit-details-marker{display:none}
.visual-depth>summary>span:last-child{font-size:1.3rem;flex:none}
.visual-depth[open]>summary>span:last-child{transform:rotate(45deg)}
.visual-depth>div{padding:8px 0 16px;font-size:.9375rem;line-height:1.7}
.visual-depth>div>p{max-width:65ch;margin:0 0 15px}
#work .brim-bridge-depth{border-color:#ffffff35;margin-top:24px}
#work .brim-bridge-depth>summary{color:#f5f4f1}
#work .brim-bridge-depth>div{color:#d6dadd}
.bridge-questions{display:flex;flex-wrap:wrap;gap:10px 24px;margin:20px 0;border-left:2px solid #c8a086;padding-left:18px;font-size:.875rem;color:#f5f4f1}
@media(max-width:1000px) and (min-width:761px){.story-answer{grid-template-columns:1fr;gap:18px}.story-choice{padding-left:4px;padding-right:4px}.story-choice-title{font-size:.875rem}}
@media(max-width:600px){
 .story-scene{grid-template-columns:1fr;gap:0;padding-top:8px}
 .story-scene:before{left:39px;right:auto;top:26px;bottom:40px;width:0;border-top:0;border-left:1px dashed var(--story-line)}
 .story-choice{display:grid;grid-template-columns:78px minmax(0,1fr) 24px;column-gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid var(--folio-rule);width:100%;text-align:left}
 .story-choice svg{grid-row:1/3;width:78px;height:68px;margin:0}
 .story-choice-title{grid-column:2;align-self:end;max-width:none}
 .story-choice-sub{grid-column:2;align-self:start;margin-top:4px;max-width:none}
 .story-choice-cue{grid-row:1/3;grid-column:3;position:static;width:20px;height:20px;font-size:16px}
 .story-choice[aria-pressed=true]{border-bottom:2px solid var(--story-color)}
 .story-answer{grid-template-columns:1fr;gap:19px;padding:22px 16px;margin:0 0 8px;background:#fff;border-top:0;border-left:2px solid var(--story-line);position:relative}
 .story-question{padding:0;border:0}
 .story-question>span{margin-bottom:6px}
 .story-question>p{font-size:1.35rem}
 .story-answer h5{max-width:100%}
}
@media(forced-colors:active){.story-choice[aria-pressed=true]{border:2px solid Highlight}.story-choice-cue{forced-color-adjust:auto}.story-question,.story-answer,.story-scene:before{border-color:CanvasText}}
@media print{.story-scene{display:block!important}.story-choice,.story-instruction,.story-scene:before{display:none!important}.story-answer,.story-answer[hidden]{display:block!important;border:0;padding:12px 0;break-inside:avoid}.story-question{margin-top:12px}}

/* Small reveals explain the thinking behind each contribution. No scripted motion. */
.story-reveal{margin:22px 0 0;border-top:1px solid var(--folio-rule,#c7cdcd);color:var(--folio-ink,#24272b);min-width:0}
.story-reveal>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:14px 0;list-style:none;cursor:pointer;font-size:.9375rem;line-height:1.5;font-weight:500}
.story-reveal>summary::-webkit-details-marker{display:none}
.story-reveal>summary::marker{content:""}
.story-reveal>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.story-reveal-mark{font-size:1.25rem;font-weight:400;flex:none;width:24px;text-align:center;color:var(--folio-accent,#874d34)}
.story-reveal[open]>summary .story-reveal-mark{transform:rotate(45deg)}
.story-reveal>summary:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}
.story-reveal>summary:focus-visible{outline:3px solid #315e74;outline-offset:4px}
.story-reveal-content{padding:8px 0 18px}
.story-reveal figure{margin:0;max-width:100%}
.story-reveal figcaption{font-size:.875rem;line-height:1.65;color:var(--folio-muted,#565e63);margin:16px 0 0;max-width:58ch}
#approach .feedback-reveal{margin-top:22px}
.feedback-steps{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:22px;margin:0;padding:0;list-style:none}
.feedback-figure{container-type:inline-size}
.feedback-steps li{position:relative;min-width:0;text-align:center;font-size:.8125rem;line-height:1.5;color:var(--folio-ink,#24272b);overflow-wrap:anywhere}
.feedback-steps .step-arrow{position:absolute;right:-17px;top:50%;transform:translateY(-50%);color:var(--folio-accent,#874d34);font-size:1.1rem}
.feedback-return{display:block;width:100%;height:28px;margin-top:6px;fill:none;stroke:var(--folio-accent,#874d34);stroke-width:1.2;overflow:visible}
.feedback-return path{vector-effect:non-scaling-stroke}
.feedback-figure figcaption{margin-top:10px}
.exchange-network{position:relative;max-width:370px;margin:0 auto;isolation:isolate}
.exchange-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b5a598;stroke-width:1.2;z-index:-1}
.exchange-lines path{vector-effect:non-scaling-stroke}
.exchange-labels{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px;list-style:none;margin:0;padding:0;min-height:120px;align-items:center;justify-items:center}
.exchange-labels li{padding:3px 10px;background:var(--folio-paper,#fff);font-size:.875rem;line-height:1.45;text-align:center;max-width:100%;overflow-wrap:anywhere}
.exchange-labels li:first-child{grid-column:1/-1;font-weight:500}
.funds-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.funds-steps li{display:grid;grid-template-columns:minmax(75px,.7fr) minmax(0,2fr);gap:16px;position:relative;min-width:0;align-items:baseline}
.funds-step-name{font-size:.875rem;font-weight:500;color:var(--folio-accent,#874d34);line-height:1.5}
.funds-step-detail{font-size:.875rem;color:var(--folio-ink,#24272b);line-height:1.5}
.funds-steps .step-arrow{position:absolute;left:20px;bottom:-19px;font-size:.8125rem;color:#899596;line-height:1}
@media(max-width:760px){
 .story-reveal{margin-top:18px}
 .story-reveal>summary{font-size:.9375rem;gap:12px}
 .feedback-steps{gap:16px}
 .feedback-steps .step-arrow{right:-14px}
 .exchange-labels{column-gap:12px}
}
@media(max-width:360px){
 .funds-steps li{grid-template-columns:minmax(64px,.8fr) minmax(0,1.8fr);gap:12px}
}
@container(max-width:20rem){
 .feedback-steps{grid-template-columns:1fr;gap:20px;padding-left:18px;border-left:1px solid #b5a598}
 .feedback-steps li{text-align:left;font-size:.875rem}
 .feedback-steps li br{display:none}
 .feedback-steps .step-arrow{right:auto;left:-24px;top:auto;bottom:-20px;transform:rotate(90deg);background:var(--folio-paper,#fff);line-height:1}
 .feedback-return{display:none}
}
@media(prefers-reduced-motion:reduce){.story-reveal *{transition:none;animation:none}}
@media(forced-colors:active){
 .story-reveal{border-color:CanvasText}
 .story-reveal>summary:focus-visible{outline-color:Highlight}
 .feedback-return,.exchange-lines{stroke:CanvasText}
 .exchange-labels li{background:Canvas}
 .story-reveal-mark,.step-arrow,.funds-step-name{color:CanvasText}
}

.story-question>p.story-reasoning{font-family:var(--sans);font-size:.875rem;line-height:1.65;letter-spacing:0;color:#444c50;margin-top:14px}
