/* --- BLOCK: A quiet financial research palette, connected by the shared gold accent --- */
body[data-audience=investor]{--stage:#f1f2ef;--text:#242b2d;--quiet:#68716e;--circuit-accent:#977442;--copper:#977442;--ambient:140,116,76;background-color:var(--stage);background-image:linear-gradient(rgba(71,84,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(71,84,80,.05) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
body[data-audience=investor][data-theme=dark]{--stage:#151b1d;--text:#e6e9e4;--quiet:#9aa6a3;--circuit-accent:#c4a16b;--copper:#c4a16b;--ambient:176,145,94;background-image:linear-gradient(rgba(169,188,181,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(169,188,181,.045) 1px,transparent 1px)}
.scene[data-audience=investor]{background:transparent}
.scene[data-audience=investor] .circuit-world:before{background-image:none}
.investment-core,.investment-symbol{display:none}
.scene[data-audience=investor] .balance-art{display:none}
.scene[data-audience=investor] .investment-core,.scene[data-audience=investor] .investment-symbol{display:block;width:100%;height:100%;color:var(--circuit-accent)}
.scene[data-audience=investor] .circuit-core{width:260px;height:260px}
.investment-core{filter:drop-shadow(0 8px 8px rgba(var(--ambient),.08));transition:filter .65s}
.company-orbit{fill:none;stroke:currentColor;stroke-width:.65;opacity:.18}
.company-shadow{fill:currentColor;opacity:.08;transform:translateY(8px)}
.company-volume{stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.company-top{fill:color-mix(in srgb,var(--stage),var(--circuit-accent) 13%)}
.company-left{fill:color-mix(in srgb,var(--stage),var(--circuit-accent) 6%)}
.company-right{fill:color-mix(in srgb,var(--stage),var(--circuit-accent) 23%)}
.company-detail{fill:none;stroke:currentColor;opacity:.4;stroke-width:.9}
.investment-core text{fill:var(--text);font:600 12px 'Courier New',monospace;letter-spacing:3px}
.investment-core .company-caption{fill:var(--quiet);font:7px 'Courier New',monospace;letter-spacing:1.2px}
.scene[data-audience=investor] .pillar-schematic{background:none;width:155px;height:145px;filter:drop-shadow(0 5px 5px rgba(var(--ambient),.13))}
.scene[data-audience=investor] .sketch-guides{display:none}
.investment-symbol{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.invest-axis{stroke:var(--quiet);opacity:.5;stroke-width:1}
.invest-soft{stroke:var(--quiet);opacity:.15;stroke-width:1}
.invest-line{stroke:currentColor;stroke-width:2.2}
.invest-face{fill:currentColor;opacity:.05;stroke:none}
.invest-points{stroke:currentColor;fill:var(--stage);stroke-width:2}
.invest-volume{stroke:currentColor;fill:color-mix(in srgb,var(--stage),var(--circuit-accent) 9%)}
.invest-bars{stroke:currentColor;fill:color-mix(in srgb,var(--stage),var(--circuit-accent) 15%)}
.invest-tip{fill:currentColor;stroke:none}
.scene[data-audience=investor] .scene-map-title{font-size:clamp(2rem,3.8vw,3.2rem);font-weight:600;letter-spacing:-.045em;color:var(--text)}
.scene[data-audience=investor] .scene-map-title:before{content:'RESEARCH / TECHNICAL DUE DILIGENCE';display:block;font:10px 'Courier New',monospace;letter-spacing:.13em;color:var(--circuit-accent);margin-bottom:14px}
.scene[data-audience=investor] .pillar-number{font:700 1.4rem 'Courier New',monospace;letter-spacing:-.05em;margin-bottom:5px}
.scene[data-audience=investor] .pillar-title{font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:600;letter-spacing:-.035em}
.scene[data-audience=investor] .map-hint{font:10px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.1em}
.scene[data-audience=investor] .circuit-core:hover .investment-core,.scene[data-audience=investor] .circuit-core.is-sending .investment-core{filter:drop-shadow(0 0 12px rgba(var(--ambient),.28))}
.scene[data-audience=investor] .circuit-sector.is-lit .pillar-schematic{filter:drop-shadow(0 5px 5px rgba(var(--ambient),.15)) drop-shadow(0 0 12px rgba(var(--ambient),.3))}
/* --- BLOCK: Expanded research areas retain the same camera and original content --- */
.scene[data-audience=investor] .circuit-world.is-focused .section-points{gap:26px 34px}
.scene[data-audience=investor] .section-points li,.scene[data-audience=investor] .pillar-copy>p{font-size:clamp(.85rem,1.05vw,1.05rem);line-height:1.55}
.scene[data-audience=investor] .section-points li:before{font:700 .95rem 'Courier New',monospace;color:var(--circuit-accent);margin-bottom:10px}
.scene[data-audience=investor] .circuit-world.is-focused .pillar-number{font-size:1rem}
.investment-framework{border-top:1px solid rgba(var(--ambient),.25);margin-top:28px;padding-top:18px}
.investment-eyebrow{font:9px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--quiet);margin-bottom:15px}
.investment-framework>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.investment-framework span{font-size:.78rem;line-height:1.4;color:var(--text)}
.investment-framework b{display:block;font:10px 'Courier New',monospace;color:var(--circuit-accent);margin-bottom:7px}
@media(max-width:760px){.scene[data-audience=investor] .circuit-core{width:180px;height:180px}.scene[data-audience=investor] .pillar-schematic{width:100px;height:95px}.scene[data-audience=investor] .pillar-title{font-size:1rem}.scene[data-audience=investor] .pillar-number{font-size:1.1rem}.scene[data-audience=investor] .scene-map-title:before{font-size:8px}.scene[data-audience=investor] .map-hint{font-size:8px}.scene[data-audience=investor] .section-points li,.scene[data-audience=investor] .pillar-copy>p{font-size:.72rem}.investment-framework span{font-size:.65rem}}

.scene[data-audience=investor] .circuit-world.is-focused .circuit-core{width:250px;height:250px}
.scene[data-audience=investor] .circuit-world.is-focused .investment-core text{display:none}

/* --- BLOCK: Architectural outline map, with one continuous spatial canvas --- */
body[data-audience=investor]{--stage:#efede7;--text:#292925;--quiet:#74736b;--circuit-accent:#997c4e;--copper:#997c4e;background-image:none}
body[data-audience=investor][data-theme=dark]{--stage:#1b1c19;--text:#eeece3;--quiet:#a29f93;--circuit-accent:#c5aa77;--copper:#c5aa77;background-image:none}
.scene[data-audience=investor] .scene-map-title{font-size:clamp(3.4rem,6.2vw,5rem);font-weight:700;letter-spacing:-.055em}
.scene[data-audience=investor] .scene-map-title:before{content:'TECHNICAL DUE DILIGENCE';letter-spacing:.23em;font-size:10px}
.scene[data-audience=investor] .circuit-core{width:290px;height:400px;background:none;border:none;box-shadow:none}
.scene[data-audience=investor] .circuit-core:hover{box-shadow:none}
.scene[data-audience=investor] .investment-core{filter:drop-shadow(0 12px 9px rgba(0,0,0,.15))}
.tower-block{stroke:currentColor;stroke-width:.9;stroke-linejoin:round}
.tower-front{fill:color-mix(in srgb,var(--stage),var(--text) 4%)}
.tower-side{fill:color-mix(in srgb,var(--stage),var(--text) 9%)}
.tower-roof{fill:color-mix(in srgb,var(--stage),var(--text) 13%)}
.tower-windows{fill:none;stroke-width:.45;opacity:.56}
.tower-plinth{fill:color-mix(in srgb,var(--stage),var(--text) 4%);stroke:currentColor;stroke-width:.75}
.company-orbit{opacity:.16;stroke-width:.6}
.investment-illustration{display:none}
.scene[data-audience=investor] .investment-illustration{display:block;position:absolute;inset:0;background-image:url('./assets/investor-outline-atlas.webp');background-size:200% 200%;background-repeat:no-repeat}
.illustration-development{background-position:0 0}.illustration-manufacturing{background-position:100% 0}.illustration-logistics{background-position:0 100%}.illustration-cost{background-position:100% 100%}
.scene[data-audience=investor] .pillar-schematic{width:clamp(180px,26vw,310px);height:clamp(180px,26vw,310px);filter:drop-shadow(0 12px 10px rgba(0,0,0,.1));margin-bottom:4px}
body[data-audience=investor][data-theme=dark] .investment-illustration{filter:invert(1) grayscale(1) sepia(.45) brightness(.84);mix-blend-mode:screen}
.scene[data-audience=investor] .pillar-number{font:600 clamp(2.1rem,3vw,2.7rem) Arial,sans-serif;letter-spacing:-.04em;margin-bottom:4px}
.scene[data-audience=investor] .pillar-title{font-size:clamp(1.35rem,1.85vw,1.75rem);font-weight:600}
.scene[data-audience=investor] .circuit-world.is-focused .circuit-core{width:290px;height:400px}
.scene[data-audience=investor] .circuit-sector.is-lit .pillar-schematic{filter:drop-shadow(0 8px 8px rgba(0,0,0,.15)) drop-shadow(0 0 14px rgba(var(--ambient),.28))}
@media(max-width:760px){
 .scene[data-audience=investor] .circuit-core{width:170px;height:260px}
 .scene[data-audience=investor] .pillar-schematic{width:125px;height:125px}
 .scene[data-audience=investor] .pillar-number{font-size:1.6rem}
 .scene[data-audience=investor] .pillar-title{font-size:1rem}
 .scene[data-audience=investor] .scene-map-title{font-size:2.5rem}
}
/* Keep the section number above the illustration in the reading view. */
.scene[data-audience=investor] .circuit-world.is-focused .pillar-number{top:-34px;left:-55px;font-size:1rem}
@media(max-width:760px){.scene[data-audience=investor] .circuit-world.is-focused .pillar-number{left:-34px;top:-26px}}
/* Clip camera overflow without creating a focus-scrollable container. */
.scene[data-audience=investor]{overflow:clip}

/* --- BLOCK: Size artwork against available height to keep the two rows separate --- */
.scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-schematic{width:min(22vw,18svh,250px);height:min(22vw,18svh,250px);margin:0 auto 10px}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-sector{top:23%;max-width:340px}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-sector.logistics,
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-sector.cost{top:77%}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-number{margin-bottom:12px;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-title{font-size:clamp(1.1rem,1.85vw,1.65rem);line-height:1.15;margin:0}
.scene[data-audience=investor] .circuit-core{width:min(28vw,30svh,320px);height:min(45svh,460px)}
.scene[data-audience=investor] .investment-tower{object-fit:contain;filter:grayscale(1) sepia(.25);border-radius:0}
body[data-audience=investor][data-theme=dark] .investment-tower{filter:invert(1) grayscale(1) sepia(.45) brightness(.84);mix-blend-mode:screen}
.scene[data-audience=investor] .circuit-world.is-focused .circuit-core{width:290px;height:400px}
.scene[data-audience=investor] .circuit-core:hover .investment-tower,
.scene[data-audience=investor] .circuit-core.is-sending .investment-tower{filter:grayscale(1) sepia(.25) drop-shadow(0 0 10px rgba(var(--ambient),.22))}
body[data-audience=investor][data-theme=dark] .circuit-core:hover .investment-tower,
body[data-audience=investor][data-theme=dark] .circuit-core.is-sending .investment-tower{filter:invert(1) grayscale(1) sepia(.45) brightness(.95) drop-shadow(0 0 10px rgba(var(--ambient),.2))}
@media(max-width:760px){
 .scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-schematic{width:min(28vw,20svh);height:min(28vw,20svh)}
 .scene[data-audience=investor] .circuit-core{width:28vw;height:34svh}
 .scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-number{font-size:1.4rem;margin-bottom:8px}
 .scene[data-audience=investor] .circuit-world:not(.is-focused) .pillar-title{font-size:.95rem}
}

/* --- BLOCK: Titles replace overview numbers above the artwork --- */
.scene[data-audience] .pillar-title{color:var(--circuit-accent)}
.scene[data-audience] .circuit-world:not(.is-focused) .pillar-title{margin:0 auto 18px;line-height:1.15}
.scene[data-audience] .circuit-world:not(.is-focused) .pillar-schematic{margin-bottom:0}
.scene[data-audience] .circuit-world.is-focused .pillar-title{margin-bottom:0}
.pillar-number{display:none!important}