/* A concise, mobile-first account of the investment workflow. */
.visual-case{--v-soft:#f3f3fa;--v-border:#d9deed;padding-top:24px}
.v-heading{padding-block:30px 28px}
.v-heading .eyebrow{font-size:9px;line-height:1.8;letter-spacing:.7px;color:var(--muted);display:block}
.v-heading h1{font-size:clamp(32px,8.5vw,50px);line-height:1.15;letter-spacing:-1.8px;margin-top:21px;max-width:20ch}
.v-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:68ch;margin-top:24px}.v-intro p+p{margin-top:18px}
.case-context{padding-block:23px 0;display:grid;gap:20px}
.case-context h2{font-size:22px;letter-spacing:-.6px;line-height:1.5}
.context-copy{font-size:13px;line-height:1.9;color:var(--muted);max-width:68ch}.context-copy p+p{margin-top:16px}
.v-kicker{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--muted);margin-bottom:14px}
.v-section{padding-top:45px;scroll-margin-top:25px}
.v-section h2{font-size:27px;line-height:1.35;letter-spacing:-1px}
.v-section-heading>p:last-child:not(.v-kicker){font-size:12px;line-height:1.8;color:var(--muted);margin-top:13px}
.section-intro,.contribution-copy{font-size:13px;line-height:1.85;color:var(--muted);max-width:68ch;margin-top:18px}
.ecosystem{margin-top:24px}
.ecosystem-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ecosystem-tool{border:1px solid var(--v-border);background:white;color:var(--blue);border-radius:4px;padding:20px 17px;text-align:left;display:grid;grid-template-columns:24px 1fr;column-gap:11px;row-gap:9px;align-items:center;min-width:0;min-height:44px;transition:background .15s,border-color .15s}
.v-icon{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ecosystem-tool .v-icon{grid-row:1/3;width:24px;height:24px}
.tool-short{font-size:11px;letter-spacing:.8px;font-weight:700;line-height:1.4}
.tool-purpose{grid-column:1/-1;font-size:11px;line-height:1.5;color:var(--muted)}
.ecosystem-tool[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:white}
.ecosystem-tool[aria-selected=true] .tool-purpose{color:#e6e9ff}
.ecosystem-tool:hover{border-color:var(--blue)}
.tool-detail{background:var(--v-soft);border-radius:4px 4px 30px 4px;padding:25px 23px;margin-top:12px;min-height:205px;display:flex;flex-direction:column;justify-content:center}
.detail-label{font-size:9px;letter-spacing:1px;color:var(--blue);font-weight:700;line-height:1.8}
.tool-detail h3{font-size:23px;line-height:1.4;letter-spacing:-.7px;color:var(--blue);margin-top:10px}
.detail-copy{font-size:13px;line-height:1.85;color:var(--muted);margin-top:13px;max-width:65ch}
.perspective-map{display:grid;margin:25px 0 0;border:1px solid var(--v-border);border-radius:4px 4px 32px 4px;padding:25px 22px;gap:18px;background:var(--v-soft)}
.perspective-label{font-size:9px;line-height:1.8;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--blue)}
.perspective-side h3{font-size:22px;line-height:1.4;letter-spacing:-.6px;color:var(--blue);margin-top:13px}
.perspective-side p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:13px;max-width:45ch}
.perspective-bridge{display:flex;align-items:center;gap:15px;color:var(--blue)}
.perspective-bridge:before,.perspective-bridge:after{content:'';height:1px;flex:1;background:#c1cae1}
.perspective-bridge span{font-size:27px;line-height:1.5}
.perspective-map figcaption{font-size:10px;line-height:1.85;color:var(--muted);margin-top:5px;max-width:70ch}
.v-draft-note{font-size:10px;line-height:1.85;color:var(--muted);margin-top:30px}
@media(min-width:700px){
 .v-heading{padding-block:40px}.v-heading h1{font-size:58px;letter-spacing:-2.7px;max-width:none}.v-intro{font-size:16px;max-width:67ch}
 .case-context{padding-block:28px 0;gap:24px}.case-context h2{font-size:26px}.context-copy{font-size:14px}
 .v-section{padding-top:65px}.v-section h2{font-size:35px}.section-intro,.contribution-copy{font-size:15px}
 .ecosystem-tabs{grid-template-columns:repeat(4,1fr)}.ecosystem-tool{padding:25px 20px;grid-template-columns:1fr}.ecosystem-tool .v-icon{grid-row:auto;margin-bottom:12px}.tool-short{font-size:13px}.tool-purpose{font-size:12px}
 .tool-detail{min-height:190px;padding:32px 36px}.tool-detail h3{font-size:28px}.detail-copy{font-size:14px}
 .perspective-map{grid-template-columns:1fr 45px 1fr;padding:32px;gap:24px;align-items:center;margin-top:30px}.perspective-bridge:before,.perspective-bridge:after{display:none}.perspective-bridge{justify-content:center}.perspective-side h3{font-size:27px}.perspective-side p{font-size:14px}.perspective-map figcaption{grid-column:1/-1;margin-top:5px}
}
@media(min-width:1050px){
 .v-heading{padding-block:50px 36px}.v-heading h1{font-size:72px}.v-section{padding-top:75px}.v-section h2{font-size:40px}
 .case-context{grid-template-columns:1fr 1.2fr;column-gap:75px;align-items:start;padding-top:24px}.case-context h2{max-width:20ch}.context-copy{font-size:15px}
 .v-section-heading{display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:end}.v-section-heading .v-kicker{grid-column:1/-1}.v-section-heading>p:last-child:not(.v-kicker){margin-bottom:5px;max-width:250px}
 .ecosystem{margin-top:32px}.ecosystem-tool{padding:30px;grid-template-columns:36px 1fr;column-gap:18px}.ecosystem-tool .v-icon{grid-row:1/3;margin:0;width:29px;height:29px}.tool-purpose{grid-column:2}.tool-detail{padding:36px 40px}
 .perspective-map{padding:38px 40px;gap:35px;margin-top:32px}.perspective-side h3{font-size:30px}.perspective-map figcaption{max-width:none}.perspective-side p{max-width:42ch}
}
@media(prefers-reduced-motion:reduce){.ecosystem-tool{transition:none}}

/* Follow the vertical relationship when the two perspectives stack. */
@media(max-width:699px){
 .perspective-bridge{flex-direction:column;align-items:center;gap:4px}
 .perspective-bridge:before,.perspective-bridge:after{width:1px;height:12px;flex:none}
 .perspective-bridge span{display:block;line-height:1;transform:rotate(90deg)}
}