/* --- BLOCK: Pillars occupy one screen, with scroll contained in the reading area --- */
body[data-pillar]{height:100svh;overflow:hidden;overscroll-behavior:none}
body[data-pillar] #main{height:100svh;min-height:100svh;overflow:clip}
body[data-pillar] .startup-services,body[data-pillar] .startup-about,
body[data-pillar] .investor-about,body[data-pillar] .investor-ending,
body[data-pillar]>.site-footer{display:none}
.solar-content{overscroll-behavior:contain}
.scene[data-audience=startup]{overflow:clip}
/* Keep the cropped centrepiece inside the canvas, clear of the header. */
.scene.branch-active .map-scene{clip-path:none}
.circuit-world.is-focused .circuit-sector:not(.is-selected){opacity:0}
/* Home hides the map immediately, before any return-camera animation can flash. */
.scene:not(.is-map) .map-scene{visibility:hidden;opacity:0;transition:none;pointer-events:none}

/* --- BLOCK: Investor hover light remains close to the illustration --- */
.scene[data-audience=investor] .circuit-sector:before{display:none}
.scene[data-audience=investor] .circuit-sector.is-lit .pillar-title{text-shadow:0 0 6px rgba(var(--ambient),.12)}
.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 9px rgba(var(--ambient),.55)) drop-shadow(0 0 20px rgba(var(--ambient),.3))}
.startup-services{height:230svh}
@media(max-width:760px){
 .scene[data-audience] .circuit-world.is-focused .circuit-core{width:110px;height:165px}
}

/* --- BLOCK: Quiet centered navigation, with no branding over pillar artwork --- */
.site-header{background:transparent;}
body[data-pillar] .site-header .brand{visibility:hidden;pointer-events:none}
.site-header .main-nav{position:absolute;left:50%;transform:translateX(-50%);width:max-content;gap:28px;justify-content:center;white-space:nowrap;font-size:.875rem}
.main-nav button{background:none;border:0;padding:0;line-height:1.6;transition:color .3s}
.main-nav button:hover{color:var(--accent)}
.site-header .main-nav .scene-contact{font-size:inherit}
body[data-audience]>.site-footer{display:none}
/* Reuse the signature on warm startup paper, retaining its reveal and navigation. */
body[data-audience=startup] .investor-ending{display:block;background:#eee8db;color:var(--text)}
body[data-audience=startup] .investor-ending-inner{background:#eee8db;color:var(--text)}
body[data-pillar][data-audience] .investor-ending{display:none}
.investor-footer-contact .investor-kicker{font-family:var(--font,Arial,sans-serif);letter-spacing:.07em}
@media(max-width:760px){
 .site-header .brand>span:last-child{display:none}
 .site-header .main-nav{gap:16px;font-size:.75rem;left:50%}
}

/* --- BLOCK: The opening previews each audience's own workspace material --- */
.scene:not(.is-map) .blue-field.light{
 background-color:#1b1c19;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(219,195,147,.09) calc(10% - 1px),rgba(219,195,147,.09) 10%),radial-gradient(ellipse at 35% 60%,#25251f 0%,#1b1c19 70%);
}
.scene:not(.is-map) .blue-field.dark{
 background-color:#f4f0e7;
 background-image:linear-gradient(rgba(177,103,42,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(177,103,42,.075) 1px,transparent 1px);
 background-size:32px 32px;background-position:center;
}
.scene:not(.is-map) .slogan,.scene:not(.is-map) .choose-note{
 color:transparent;background:linear-gradient(90deg,#eeece3 50%,#302e29 50%);background-clip:text;-webkit-background-clip:text;
}
.scene:not(.is-map) .audience-choice.investor{color:#eeece3;--landing-accent:#c8aa70}
.scene:not(.is-map) .audience-choice.startup{color:#302e29;--landing-accent:#98734f}
.scene:not(.is-map) .audience-choice:hover .choice-title,
.scene:not(.is-map) .audience-choice:focus-visible .choice-title{color:var(--landing-accent)}
body:not([data-audience]) .site-header .brand,
body:not([data-audience]) .main-nav button:nth-child(-n+2){color:#eeece3}
body:not([data-audience]) .site-header .brand img{filter:brightness(0) invert(.94)}
body:not([data-audience]) .main-nav button:nth-child(3){color:#302e29}
body:not([data-audience]) .site-footer{color:#eeece3!important}
/* The dark investment map carries the same quiet vertical rhythm. */
body[data-audience=investor][data-theme=dark]{
 background-color:#1b1c19;
 background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(219,195,147,.09) calc(20% - 1px),rgba(219,195,147,.09) 20%);
 background-size:100% 100%;
}
@media(max-width:600px){body:not([data-audience])>.site-footer{width:50%;font-size:.65rem;line-height:1.5}}

/* --- BLOCK: Two atmospheric objects give the entrance depth without competing with its copy --- */
.scene:not(.is-map){transition:--split 1s cubic-bezier(.22,1,.36,1)}
.landing-object{position:absolute;pointer-events:none;user-select:none;object-fit:contain;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1s,filter 1s}
.landing-tower{height:78svh;width:42vw;left:-4vw;bottom:-17svh;opacity:.27;transform:translateX(-2vw);filter:invert(1) grayscale(1) sepia(.75) saturate(1.15) brightness(.9)}
.landing-bulb{height:70svh;width:35vw;right:-4vw;bottom:-16svh;opacity:.32;transform:translateX(2vw) rotate(-8deg);filter:saturate(.4) drop-shadow(-8px 12px 12px rgba(65,47,24,.12))}
.landing-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:rgba(173,144,93,.65);pointer-events:none;z-index:1}
.scene:not(.is-map) .slogan{left:6%;right:6%;top:18%;font-size:clamp(3.5rem,8.2vw,9rem);font-weight:500;line-height:1.04;letter-spacing:-.06em;background-image:linear-gradient(90deg,#eeece3 calc((var(--split) - 6%) / .88),#302e29 calc((var(--split) - 6%) / .88))}
.scene:not(.is-map) .choose-note{background-image:linear-gradient(90deg,#eeece3 var(--split),#302e29 var(--split))}
.main-nav button{background-clip:text;-webkit-background-clip:text}
.scene:not(.is-map):has(.audience-choice.investor:focus-visible){--split:58%}
.scene:not(.is-map):has(.audience-choice.startup:focus-visible){--split:42%}
.scene:not(.is-map):has(.audience-choice.investor:focus-visible) .landing-tower{transform:translateX(3vw);opacity:.46}
.scene:not(.is-map):has(.audience-choice.startup:focus-visible) .landing-bulb{transform:translateX(-3vw) rotate(-3deg);opacity:.52}
@media(hover:hover) and (pointer:fine){
 .scene:not(.is-map):has(.audience-choice.investor:hover){--split:58%}
 .scene:not(.is-map):has(.audience-choice.startup:hover){--split:42%}
 .scene:not(.is-map):has(.audience-choice.investor:hover) .landing-tower{transform:translateX(3vw);opacity:.46}
 .scene:not(.is-map):has(.audience-choice.startup:hover) .landing-bulb{transform:translateX(-3vw) rotate(-3deg);opacity:.52}
 .scene:not(.is-map):has(.audience-choice.investor:hover) .landing-bulb,
 .scene:not(.is-map):has(.audience-choice.startup:hover) .landing-tower{opacity:.15;filter:grayscale(1) blur(1px)}
 /* Keep the inverted architectural drawing visible when it is the quieter side. */
 .scene:not(.is-map):has(.audience-choice.startup:hover) .landing-tower{filter:invert(1) grayscale(1) sepia(.5) brightness(.8) blur(1px)}
}
@media(max-width:760px){
 .scene:not(.is-map) .slogan{top:23%;font-size:clamp(2.6rem,10vw,4.8rem)}
 .landing-tower{height:56svh;width:56vw;left:-13vw;bottom:-8svh}
 .landing-bulb{height:51svh;width:51vw;right:-11vw;bottom:-9svh}
}
@media(prefers-reduced-motion:reduce){.landing-object,.scene:not(.is-map){transition:none!important}}
/* Keep earlier landing focus rules from darkening the logo on charcoal. */
body:not([data-audience]) .site-header .brand img{filter:brightness(0) invert(.94)!important}
.scene:not(.is-map) .audience-choice:focus-visible{outline:none}
.scene:not(.is-map) .audience-choice:focus-visible .choice-action{outline:1px solid currentColor;outline-offset:7px}
.scene:not(.is-map):has(.audience-choice.investor:focus-visible) .landing-bulb{opacity:.15;filter:grayscale(1) blur(1px)}
.scene:not(.is-map):has(.audience-choice.startup:focus-visible) .landing-tower{opacity:.15;filter:invert(1) grayscale(1) sepia(.5) brightness(.8) blur(1px)}
@media(max-width:600px){body:not([data-audience])>.site-footer{margin:0;right:auto}}

/* --- BLOCK: Viewport edges frame the shared artwork, with no inset cuts --- */
.site-header .main-nav .scene-contact{border-bottom:0;text-decoration:none}
.signature-word{letter-spacing:0}
.signature-word>.signature-mask{padding-right:.075em;margin-right:-.13em}
.signature-word>.signature-mask:last-child{margin-right:0}
/* Map geometry is immediately stable while the actual entrance illustration travels. */
.scene .map-scene{transform:none;transition:opacity .8s ease .25s}
.landing-traveller{user-select:none}

.scene.is-entering .circuit-core,.scene.is-entering .circuit-world{transition:none}

/* --- BLOCK: Return surfaces remain opaque while the boundary moves --- */
.scene.is-returning{transition:--split 2.2s cubic-bezier(.45,0,.2,1);background:#1b1c19}
.scene.is-returning .blue-field{opacity:1;transition:none}
.scene.is-map .blue-field .landing-object{visibility:hidden}

/* --- BLOCK: Editorial entrance with a logo-inspired diagonal seam --- */
@property --slant{syntax:'<percentage>';inherits:true;initial-value:5%}
.scene{--slant:5%;transition:--split 1s cubic-bezier(.22,1,.36,1),--slant 1s cubic-bezier(.22,1,.36,1)}
.scene:not(.is-map){transition:--split 1s cubic-bezier(.22,1,.36,1),--slant 1s cubic-bezier(.22,1,.36,1)}
.scene.is-map{--slant:0%}
.scene.is-returning{transition:--split 2.2s cubic-bezier(.45,0,.2,1),--slant 2.2s cubic-bezier(.45,0,.2,1)}
.scene .blue-field.light,.scene[data-audience=investor] .blue-field.light{clip-path:polygon(0 0,calc(var(--split) + var(--slant)) 0,calc(var(--split) - var(--slant)) 100%,0 100%)}
.scene .blue-field.dark,.scene[data-audience=startup] .blue-field.dark{clip-path:polygon(calc(var(--split) + var(--slant)) 0,100% 0,100% 100%,calc(var(--split) - var(--slant)) 100%)}
.landing-divider{left:calc(var(--split) + var(--slant));transform-origin:top;transform:skewX(var(--seam-angle, -9deg))}
.landing-headline-mask{position:absolute;inset:0;pointer-events:none;clip-path:polygon(0 0,calc(var(--split) + var(--slant)) 0,calc(var(--split) - var(--slant)) 100%,0 100%)}
.scene:not(.is-map) .slogan{top:19%;left:15%;right:15%;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,5.15vw,6.5rem);font-weight:400;letter-spacing:-.045em;line-height:1.08;background:none;color:#302e29}
.scene:not(.is-map) .landing-headline-mask .slogan{color:#eeece3}
.slogan span:last-child{font-size:1.54em;font-style:italic;margin-top:.04em;letter-spacing:-.05em}
.scene:not(.is-map) .choose-note{background-image:linear-gradient(90deg,#eeece3 calc(var(--split) - var(--slant)*.8),#302e29 calc(var(--split) - var(--slant)*.8))}
.audience-choice{padding-top:57svh;justify-content:flex-start;gap:0;align-items:flex-start;text-align:left;padding-left:clamp(24px,10.8vw,180px);padding-right:24px}
.choice-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.07em;color:var(--landing-accent);margin-bottom:20px}
.choice-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3.12vw,3.5rem);font-weight:400;line-height:1.13;letter-spacing:-.035em;margin-bottom:21px}
.choice-description{font-family:Arial,sans-serif;font-size:14px;line-height:1.6;max-width:270px;color:#acaea4;margin-bottom:23px}
.startup .choice-description{color:#787468}
.choice-action{font-family:Arial,sans-serif;font-size:13px;color:var(--landing-accent);border-bottom:1px solid currentColor;padding-bottom:5px}
.audience-choice:hover .choice-action{padding-bottom:5px}
.audience-choice:hover .choice-title{transform:none}
@media(max-width:760px){
 .scene:not(.is-map) .slogan{top:24%;left:5%;right:5%;font-size:clamp(1.8rem,6.4vw,3.5rem)}
 .audience-choice{padding-top:57svh;padding-left:6vw;padding-right:5vw}
 .choice-label{font-size:9px;margin-bottom:15px;letter-spacing:.03em}
 .choice-title{font-size:clamp(1.6rem,5.4vw,2.4rem);margin-bottom:16px}
 .choice-description{font-size:11px;line-height:1.5;margin-bottom:19px}
 .choice-action{font-size:12px}
}

.landing-tower{opacity:.2}
.landing-bulb{opacity:.24}


/* --- BLOCK: Approved front perspective, quiet architectural artwork --- */
.landing-tower{height:98svh;width:48vw;left:-6vw;bottom:-18svh;opacity:.22}
.scene:not(.is-map) .landing-tower{filter:invert(1) grayscale(1) sepia(.75) saturate(1.15) brightness(.9)}
.scene:not(.is-map):has(.audience-choice.investor:hover) .landing-tower,
.scene:not(.is-map):has(.audience-choice.investor:focus-visible) .landing-tower{opacity:.31}
.scene:not(.is-map):has(.audience-choice.startup:hover) .landing-tower,
.scene:not(.is-map):has(.audience-choice.startup:focus-visible) .landing-tower{opacity:.12;filter:invert(1) grayscale(1) sepia(.65) brightness(.8) blur(1px)}
body[data-audience=investor][data-theme=dark] .investment-tower{filter:invert(1) grayscale(1) sepia(.75) saturate(1.15) brightness(.9);mix-blend-mode:screen}
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(.75) saturate(1.15) brightness(.9) drop-shadow(0 0 8px rgba(var(--ambient),.16))}
/* --- BLOCK: A larger glass bulb and tactile warm paper --- */
.landing-bulb{height:84svh;width:42vw;right:-7vw;bottom:-8svh;opacity:.4;filter:saturate(.55) drop-shadow(-8px 10px 8px rgba(87,63,28,.16))}
.scene[data-audience=startup] .circuit-world:not(.is-focused) .circuit-core{width:300px;height:375px}
.scene[data-audience=startup] .bulb-art{filter:saturate(.55) brightness(.97) contrast(1.02) drop-shadow(-5px 8px 6px rgba(87,63,28,.17))}
.scene[data-audience=startup]{background-color:#f4efdf;background-image:radial-gradient(ellipse at 50% 52%,rgba(255,217,149,.13),transparent 35%),radial-gradient(ellipse at 25% 20%,#fffaf0 0%,#f4efdf 75%);background-size:100% 100%}
.scene:not(.is-map) .blue-field.dark{background-color:#f4efdf;background-image:radial-gradient(ellipse at 86% 68%,rgba(255,213,137,.18),transparent 36%),linear-gradient(rgba(177,103,42,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(177,103,42,.06) 1px,transparent 1px),radial-gradient(ellipse at 58% 20%,#fffaf0,#f4efdf 75%);background-size:100% 100%,32px 32px,32px 32px,100% 100%;background-position:center}
.scene:not(.is-map) .blue-field.dark:after,.scene[data-audience=startup]:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.05;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.6'/%3E%3C/svg%3E")}
@media(max-width:760px){
 .landing-tower{height:67svh;width:65vw;left:-19vw;bottom:-10svh}
 .landing-bulb{height:64svh;width:64vw;right:-17vw;bottom:-5svh}
 .scene[data-audience=startup] .circuit-world:not(.is-focused) .circuit-core{width:185px;height:246px}
}
/* The front elevation is wider than the former isometric tower. */
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-core{width:min(34vw,34svh,360px);height:min(45svh,460px)}
@media(max-width:760px){.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-core{width:32vw;height:34svh}}
/* Keep the drafting grid visible over the new paper material. */
.scene[data-audience=startup] .circuit-world:before{background-image:linear-gradient(rgba(var(--ambient),.065) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ambient),.065) 1px,transparent 1px);background-size:32px 32px}

/* --- BLOCK: Compact closing sections and a quieter investment overview --- */
.investor-ending{--ending-height:420px}
.investor-ending-inner{padding-top:28px;padding-bottom:20px}
.investor-signature{margin:26px 0 22px}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-core{width:min(27vw,27svh,290px);height:min(37svh,380px)}
body[data-audience=investor][data-theme=dark] .investment-tower,
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(.75) saturate(1.15) brightness(.7);mix-blend-mode:screen}
@media(max-width:1000px){.investor-ending{--ending-height:450px}}
@media(max-width:760px){.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-core{width:27vw;height:28svh}}
@media(max-width:600px){.investor-ending{--ending-height:470px}.investor-ending-inner{padding-top:24px;padding-bottom:20px}.investor-footer-top{gap:18px 20px}.investor-signature{margin:24px 0 20px}}

/* --- BLOCK: Artwork-only hover light, retaining each illustration's colour treatment --- */
.scene:not(.is-map):has(.audience-choice.investor:hover) .landing-tower,
.scene:not(.is-map):has(.audience-choice.investor:focus-visible) .landing-tower{filter:invert(1) grayscale(1) sepia(.75) saturate(1.15) brightness(.95) drop-shadow(0 0 12px rgba(200,170,112,.55)) drop-shadow(0 0 26px rgba(200,170,112,.22))}
.scene:not(.is-map):has(.audience-choice.startup:hover) .landing-bulb,
.scene:not(.is-map):has(.audience-choice.startup:focus-visible) .landing-bulb{filter:saturate(.55) drop-shadow(-5px 8px 6px rgba(87,63,28,.14)) drop-shadow(0 0 12px rgba(221,158,67,.6)) drop-shadow(0 0 25px rgba(221,158,67,.24))}
body[data-audience=investor][data-theme=dark] .circuit-core:hover .investment-tower,
body[data-audience=investor][data-theme=dark] .circuit-core:focus-visible .investment-tower,
body[data-audience=investor][data-theme=dark] .circuit-core.is-sending .investment-tower{filter:invert(1) grayscale(1) sepia(.75) saturate(1.15) brightness(.75) drop-shadow(0 0 10px rgba(200,170,112,.45)) drop-shadow(0 0 20px rgba(200,170,112,.2))}
.scene[data-audience=startup] .circuit-core:hover .bulb-art,
.scene[data-audience=startup] .circuit-core:focus-visible .bulb-art,
.scene[data-audience=startup] .circuit-core.is-sending .bulb-art{filter:saturate(.55) brightness(.97) contrast(1.02) drop-shadow(-5px 8px 6px rgba(87,63,28,.17)) drop-shadow(0 0 12px rgba(221,158,67,.5)) drop-shadow(0 0 23px rgba(221,158,67,.22))}

/* --- BLOCK: A single drafting surface continues through the startup sections --- */
body[data-audience=startup]{
 --startup-paper:#f4efdf;
 --startup-surface:linear-gradient(rgba(var(--ambient),.065) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ambient),.065) 1px,transparent 1px),radial-gradient(ellipse at 55% 42%,rgba(200,170,112,.09),transparent 70%);
 background-color:var(--startup-paper);background-image:var(--startup-surface);
 background-size:32px 32px,32px 32px,100% 100%;background-position:0 0;background-attachment:fixed;
}
.scene[data-audience=startup]{background:transparent}
.scene[data-audience=startup] .circuit-world:before{background-image:none}
body[data-audience=startup] .investor-ending,
body[data-audience=startup] .investor-ending-inner{
 background-color:var(--startup-paper);background-image:var(--startup-surface);
 background-size:32px 32px,32px 32px,100% 100%;background-position:0 0;background-attachment:fixed;
}

/* --- BLOCK: About copy and portrait share one aligned row --- */
@media(min-width:601px){
 .about-workspace,.investor-about-sheet{gap:4%;padding:100px 8% 55px;align-items:center}
 .about-copy,.investor-about-copy{width:56%;max-width:none;margin:0;flex:0 1 56%;padding:18px 0 18px 26px}
 .about-statement,.investor-about-copy h2{font-size:clamp(1.9rem,3.1vw,3.5rem);line-height:1.1;margin-bottom:24px}
 .about-bio,.investor-founder{font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.6;max-width:560px}
 .about-portrait,.investor-portrait{position:relative;right:auto;bottom:auto;width:40%;height:auto;flex:0 1 40%;align-self:center;align-items:center}
 .about-portrait img,.investor-portrait img{width:100%;max-width:520px;height:auto;max-height:68svh;object-fit:contain}
}
/* Keep the face crisp while the shoulders dissolve gradually into the canvas. */
.about-portrait img,.investor-portrait img{
 opacity:.96;filter:saturate(.88) drop-shadow(0 8px 18px rgba(55,39,20,.1));
 mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.8) 76%,transparent 100%);
 -webkit-mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.8) 76%,transparent 100%);
}
@media(max-width:600px){
 .about-portrait,.investor-portrait{height:260px;width:65%;right:0}
 .about-statement,.investor-about-copy h2{font-size:1.85rem}
}
/* --- BLOCK: Equal-height service columns descend at both edges --- */
@media(min-width:761px){
 .investor-service-columns{align-items:stretch;padding-bottom:56px}
 .investor-service-card:nth-child(2){margin-top:0;transform:translateY(28px)}
 .investor-service-card:nth-child(3){margin-top:0;transform:translateY(56px)}
}
/* --- BLOCK: The bulb lights from the filament inside its glass --- */
.bulb-illumination{position:absolute;pointer-events:none;z-index:3;left:24%;top:27%;width:52%;height:43%;opacity:0;mix-blend-mode:screen;transition:opacity .45s ease;background:radial-gradient(ellipse at 50% 30%,rgba(255,208,99,.7),rgba(255,190,69,.24) 30%,rgba(255,183,65,.08) 55%,transparent 72%);border-radius:50%;filter:blur(2px)}
.bulb-illumination svg{position:absolute;left:28%;top:20%;width:44%;height:44%;overflow:visible;fill:none;stroke:#fff4cb;stroke-width:2;filter:drop-shadow(0 0 3px #ffbf4d) drop-shadow(0 0 9px #f9a931)}
.scene[data-audience=startup] .circuit-core:hover .bulb-illumination,
.scene[data-audience=startup] .circuit-core:focus-visible .bulb-illumination,
.scene[data-audience=startup] .circuit-core.is-sending .bulb-illumination{opacity:1}
.scene[data-audience=startup] .circuit-core:hover .bulb-art,
.scene[data-audience=startup] .circuit-core:focus-visible .bulb-art{filter:saturate(.7) brightness(1.08) drop-shadow(0 0 14px rgba(255,190,75,.45))}
@media(prefers-reduced-motion:reduce){.bulb-illumination{transition:none}}

/* --- BLOCK: Warm emitted light surrounds the glass, fading into the paper --- */
.scene[data-audience=startup] .circuit-core:before{content:'';position:absolute;pointer-events:none;z-index:-1;left:-35%;top:-20%;width:170%;height:130%;border-radius:50%;background:radial-gradient(ellipse at 50% 47%,rgba(255,207,102,.35),rgba(255,192,70,.19) 32%,rgba(255,181,54,.07) 50%,transparent 72%);opacity:0;filter:blur(12px);transition:opacity .5s ease}
.scene[data-audience=startup] .circuit-core:hover:before,
.scene[data-audience=startup] .circuit-core:focus-visible:before,
.scene[data-audience=startup] .circuit-core.is-sending:before{opacity:1}
@media(prefers-reduced-motion:reduce){.scene[data-audience=startup] .circuit-core:before{transition:none}}

/* --- BLOCK: Startup pillar illumination shares the bulb's warm light colour --- */
.scene[data-audience=startup] .circuit-sector{--ambient:255,192,70}

/* --- BLOCK: Editorial startup titles echo the entrance's serif typography --- */
.scene[data-audience=startup] .scene-map-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,4.6vw,4.3rem);font-weight:400;font-style:normal;letter-spacing:-.045em;line-height:1.08}
.scene[data-audience=startup] .scene-map-title:before{content:'From idea to product';position:absolute;left:0;right:0;top:-22px;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--circuit-accent)}
.scene[data-audience=startup] .circuit-world.is-focused .pillar-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.2rem,3.8vw,3.8rem);letter-spacing:-.035em;line-height:1.1}
.scene[data-audience=startup] .circuit-world.is-focused .is-selected .pillar-title:before{content:'Startup support';position:absolute;left:0;top:-23px;white-space:nowrap;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.scene[data-audience=startup] .section-points li h3{font:600 clamp(1.05rem,1.4vw,1.35rem)/1.3 Arial,sans-serif;color:var(--text);letter-spacing:-.025em;margin:0 0 12px}
.scene[data-audience=startup] .section-points li p{font:400 clamp(.88rem,1.05vw,1.05rem)/1.6 Arial,sans-serif;color:var(--quiet);margin:0;max-width:40em}
.scene[data-audience=startup] .section-points li:before{font-size:.8rem;letter-spacing:.12em;margin-bottom:14px;opacity:.8}
@media(max-width:760px){
 .scene[data-audience=startup] .scene-map-title{font-size:2.7rem}
 .scene[data-audience=startup] .circuit-world.is-focused .pillar-title{font-size:clamp(1.65rem,5.8vw,2.5rem)}
 .scene[data-audience=startup] .section-points li h3{font-size:1.05rem;margin-bottom:8px}
 .scene[data-audience=startup] .section-points li p{font-size:.86rem}
}

/* --- BLOCK: Opened pillars are complete single-screen reading views --- */
.scene[data-audience] .circuit-world.is-focused .solar-content{overflow:clip;padding-bottom:0;overscroll-behavior:none}
.scene[data-audience] .circuit-world.is-focused .section-points{gap:18px 28px}
.scene[data-audience] .circuit-world.is-focused .section-points li{padding-top:12px}
.scene[data-audience=startup] .circuit-world.is-focused .section-points li h3{font-size:1rem;line-height:1.3;margin-bottom:8px}
.scene[data-audience=startup] .circuit-world.is-focused .section-points li p{font-size:.83rem;line-height:1.45}
.scene[data-audience] .circuit-world.is-focused .section-points li:before{font-size:.65rem;margin-bottom:9px}
@media(max-width:760px){
 .scene[data-audience] .circuit-world.is-focused .section-points{gap:14px 16px}
 .scene[data-audience=startup] .circuit-world.is-focused .section-points li h3{font-size:.9rem}
 .scene[data-audience=startup] .circuit-world.is-focused .section-points li p{font-size:.78rem}
}

/* --- BLOCK: Overview pillar names use the same editorial serif as Startup --- */
.scene[data-audience=startup] .pillar-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}

/* --- BLOCK: Right-hand startup detail icons sit clear of the left-hand bulb --- */
@media(min-width:761px){
 .scene[data-audience=startup] .circuit-world.is-focused[data-focus-x=right] .circuit-sector.is-selected{display:flex;align-items:center;gap:16px}
 .scene[data-audience=startup] .circuit-world.is-focused[data-focus-x=right] .circuit-sector.is-selected .pillar-title{flex:0 1 auto}
 .scene[data-audience=startup] .circuit-world.is-focused[data-focus-x=right] .circuit-sector.is-selected .pillar-schematic{position:relative;left:auto;top:auto;flex:0 0 64px;margin:0}
}

/* --- BLOCK: Investment Unit cost matches the startup icon placement --- */
@media(min-width:761px){
 .scene[data-audience=investor] .circuit-world.is-focused .circuit-sector.cost.is-selected{display:flex;align-items:center;gap:16px}
 .scene[data-audience=investor] .circuit-world.is-focused .circuit-sector.cost.is-selected .pillar-title{flex:0 1 auto}
 .scene[data-audience=investor] .circuit-world.is-focused .circuit-sector.cost.is-selected .pillar-schematic{position:relative;left:auto;top:auto;flex:0 0 64px;margin:0}
}

/* --- BLOCK: Each product phase advances by one step along the existing journey --- */
.startup-services .service-stop:nth-child(n){top:calc(var(--phase-index)*var(--card-drop)*1px)}

/* --- BLOCK: Investor typography and evidence points follow the startup hierarchy --- */
.scene[data-audience=investor] .scene-map-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}
.scene[data-audience=investor] .pillar-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}
.scene[data-audience=investor] .circuit-world.is-focused .pillar-title{font-weight:400}
.scene[data-audience=investor] .section-points li h3{font:600 1rem/1.3 Arial,sans-serif;color:var(--text);letter-spacing:-.025em;margin:0 0 8px}
.scene[data-audience=investor] .section-points li p{font:400 .83rem/1.45 Arial,sans-serif;color:var(--quiet);margin:0;max-width:40em}
@media(max-width:760px){
 .scene[data-audience=investor] .section-points li h3{font-size:.9rem}
 .scene[data-audience=investor] .section-points li p{font-size:.78rem}
}

/* --- BLOCK: Outcomes replace repetitive card actions; one invitation per section --- */
.service-outcome{margin-top:auto;padding-top:14px;border-top:1px solid rgba(180,145,82,.3);color:var(--circuit-accent,#c8aa70)}
.service-outcome small{display:block;font:600 9px/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}
.service-outcome p{margin:0;font:400 13px/1.45 Arial,sans-serif;color:inherit}
.section-contact{display:table;margin:12px auto 18px;color:var(--circuit-accent,#c8aa70);font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;flex:none}
.investor-services .section-contact{color:#c8aa70;margin-left:0}
.phase-navigation{display:flex;justify-content:center;gap:clamp(12px,3vw,36px);flex:none;margin:10px 0 4px}
.phase-navigation button{background:none;border:0;border-bottom:1px solid transparent;padding:4px 0 7px;color:var(--quiet);font:12px Arial,sans-serif;cursor:pointer}
.phase-navigation b{font-weight:400;margin-right:6px;opacity:.6}
.phase-navigation button[aria-current]{color:var(--copper);border-bottom-color:currentColor}
.phase-navigation button:focus-visible,.section-contact:focus-visible{outline:2px solid var(--copper);outline-offset:5px}
.startup-services .services-intro{margin-bottom:8px}
.startup-services .phase-drawing{background:linear-gradient(135deg,rgba(186,146,77,.06),rgba(255,255,255,.15));color:#95744a;filter:none;display:grid;place-items:center}
.phase-drawing svg{height:100%;width:100%;filter:drop-shadow(0 6px 6px rgba(98,72,34,.13))}
.startup-services .service-card-copy{display:flex;flex-direction:column;flex:1;min-height:0}
.startup-services .service-outcome{margin-top:auto}
.startup-services .service-card,.startup-services .service-card.is-current{height:min(500px,calc(100svh - 290px))}
.startup-services .service-photo{height:32%}
.startup-services .service-card-copy{padding:18px 24px}
.startup-services .service-card h3{font-size:1.65rem;margin-bottom:12px}
.startup-services .service-card-copy>p:not(.services-kicker){font-size:.85rem;line-height:1.5;margin-bottom:12px}
@media(max-width:760px){
 .phase-navigation{gap:12px}.phase-navigation button{font-size:10px}.phase-navigation b{display:block;margin:0 0 4px}
 .startup-services .service-card,.startup-services .service-card.is-current{height:calc(100svh - 300px);max-height:520px}
 .startup-services .service-photo{height:25%}
 .startup-services .service-card h3{font-size:1.4rem}
 .startup-services .service-card-copy{padding:16px 20px}
 .startup-services .service-card-copy>p:not(.services-kicker){font-size:.8rem}
 .service-outcome p{font-size:12px}
}
/* --- BLOCK: The artwork and its return caption are one interactive control --- */
.core-return-cue{display:none;position:absolute;z-index:8;white-space:nowrap;font:500 10px/1.3 Arial,sans-serif;color:var(--circuit-accent);background:var(--stage);padding:6px 8px;border-radius:2px;border-bottom:1px solid currentColor;transform:translate(-50%,-50%);transition:color .2s,box-shadow .2s}
.circuit-world.is-focused .circuit-core.is-return-ready .core-return-cue{display:block}
.circuit-core:hover .core-return-cue,.circuit-core:focus-visible .core-return-cue{box-shadow:0 0 16px rgba(222,177,90,.3)}
/* Keep the scaled card inside its stage, clear of phase navigation and contact. */
.startup-services .service-card,.startup-services .service-card.is-current{height:min(500px,var(--service-available-height,500px))}
@media(max-width:760px){.startup-services .services-intro>p:last-child{display:none}.startup-services .service-card h3{font-size:1.3rem}.startup-services .service-card-copy .services-kicker{margin-bottom:12px}}
@media(max-height:750px){.startup-services .service-photo{height:22%}.startup-services .service-card h3{font-size:1.3rem}.startup-services .service-card-copy{padding:12px 20px}.startup-services .service-card-copy .services-kicker{margin-bottom:8px}.startup-services .service-outcome{padding-top:8px}}
@media(min-width:761px) and (max-height:800px){
 .investor-services-sheet{padding-top:85px;padding-bottom:16px}
 .investor-services-heading h2{font-size:2rem;margin-bottom:18px}
 .investor-service-card{padding:18px 24px;min-height:0}
 .investor-service-card h3{font-size:1.5rem;margin-bottom:12px}
 .investor-service-card .service-focus{margin-bottom:14px}
 .investor-service-card .service-intro{font-size:13px;line-height:1.45;margin-bottom:14px}
 .investor-service-card ul{margin-bottom:16px;line-height:1.45}
 .investor-service-card li{padding:5px 0}
 .investor-services .section-contact{margin-top:5px;margin-bottom:0}
}

/* --- BLOCK: Natural photography adds depth to the warm paper service cards --- */
.startup-services .phase-photograph{position:relative;overflow:hidden;background:#e4decd;filter:none;border-bottom:1px solid rgba(149,116,74,.15)}
.phase-photograph img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.96)}
.phase-photograph:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(137,103,48,.1));}

/* --- BLOCK: Compact phase cards with space proportional to their content --- */
.startup-services .service-card,.startup-services .service-card.is-current{height:min(420px,var(--service-available-height,420px))}
.startup-services .service-photo{height:125px}
.startup-services .service-outcome{margin-top:18px}

/* --- BLOCK: Phone reading views stay clear of the artwork and camera crop --- */
@media(max-width:760px){
 .scene[data-audience] .circuit-world.is-focused .circuit-core{left:89%;top:var(--detail-core-y);width:54px;height:76px;transform:translate(-50%,-50%);opacity:.9}
 .scene[data-audience] .circuit-world.is-focused .circuit-core .investment-tower{width:100%;height:100%}
 .scene[data-audience] .circuit-world.is-focused .circuit-sector.is-selected{width:72%}
 .scene[data-audience] .circuit-world.is-focused .pillar-title{font-size:clamp(1.7rem,6.6vw,2.35rem);line-height:1.1}
 .scene[data-audience] .circuit-world.is-focused .circuit-sector.is-selected .pillar-schematic{display:none}
 .scene[data-audience] .circuit-world.is-focused .pillar-title:before{font-size:9px;top:-20px}
 .scene[data-audience] .circuit-world.is-focused .solar-content{display:block}
 .scene[data-audience] .circuit-world.is-focused .section-points{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
 .scene[data-audience] .circuit-world.is-focused .pillar-copy>p{font-size:.85rem;line-height:1.5;margin-bottom:22px}
 .scene[data-audience] .circuit-world.is-focused .section-points li h3{font-size:.86rem;line-height:1.3;margin-bottom:7px}
 .scene[data-audience] .circuit-world.is-focused .section-points li p{font-size:.78rem;line-height:1.45}
 .scene[data-audience] .circuit-world.is-focused .sector-figures{display:none}
 .startup-services .service-card,.startup-services .service-card.is-current{height:min(360px,var(--service-available-height,360px));width:86vw;min-width:0}
 .startup-services .service-photo{height:105px}
 .startup-services .service-card-copy{padding:16px 20px}
 .startup-services .service-card h3{font-size:1.25rem;line-height:1.2}
 .startup-services .service-outcome{margin-top:14px}
 .startup-services .service-outcome p{font-size:11px}

 /* About flows as one composition instead of pinning the portrait to a tall canvas. */
 body[data-audience] .startup-about,body[data-audience] .investor-about{height:auto;margin-top:0;overflow:clip;pointer-events:auto}
 .about-workspace,.investor-about-sheet{position:relative;height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:80px 6% 0;gap:26px;transform:none;opacity:1;clip-path:none}
 .about-copy,.investor-about-copy{width:100%;max-width:none;margin:0;padding:0 0 0 18px;flex:none}
 .about-kicker,.investor-kicker{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.15em;margin-bottom:18px}
 .about-statement,.investor-about-copy h2{font-size:clamp(1.65rem,6vw,2.35rem);line-height:1.12;margin:0 0 24px;max-width:none}
 .about-bio,.investor-founder{font-size:.9rem;line-height:1.6;max-width:none}
 .about-bio p:last-child,.investor-founder p:last-child{max-width:none}
 .about-portrait,.investor-portrait{position:relative;right:auto;bottom:auto;width:75%;height:auto;max-width:300px;align-self:center;flex:none;margin:0 auto -12px}
 .about-portrait img,.investor-portrait img{width:100%;height:auto;max-width:100%;max-height:none}
}
@media(max-width:760px) and (max-height:500px){
 .scene[data-audience] .circuit-world.is-focused .pillar-title{font-size:1.5rem}
 .scene[data-audience] .circuit-world.is-focused .pillar-copy>p{margin-bottom:12px}
}
@media(max-width:760px){
 .investor-ending{height:auto;clip-path:none}
 .investor-ending-inner{position:relative;height:auto;min-height:0;transform:none;padding:30px 6% 24px}
 .investor-ending .signature-rise{transform:none}
}
/* Short phone screens need a tighter reading rhythm, not clipped card content. */
@media(max-width:760px) and (max-height:650px){
 .startup-services .services-workspace{padding-top:72px}
 .startup-services .services-intro h2{font-size:1.4rem;line-height:1.15;margin-bottom:8px}
 .startup-services .services-intro .services-kicker{font-size:8px;margin-bottom:8px}
 .startup-services .phase-navigation{margin:4px 0;gap:12px}
 .startup-services .service-photo{height:70px}
 .startup-services .service-card-copy{padding:12px 16px}
 .startup-services .service-card-copy .services-kicker{font-size:8px;margin-bottom:8px}
 .startup-services .service-card h3{font-size:1.05rem;margin-bottom:8px}
 .startup-services .service-card-copy>p:not(.services-kicker){font-size:.72rem;line-height:1.4;margin-bottom:8px}
 .startup-services .service-outcome{margin-top:8px;padding-top:8px}
 .startup-services .service-outcome p{font-size:10px;line-height:1.4}
}

/* --- BLOCK: Review polish preserves the chosen split, photographs and stepped cards --- */
.scene:not(.is-map) .choose-note{left:0;right:0;width:max-content;max-width:90%;margin-left:auto;margin-right:auto;padding:7px 14px;border:1px solid rgba(200,170,112,.3);border-radius:30px;background:#25251f;background-clip:border-box;-webkit-background-clip:border-box;color:#eeece3;font-size:10px;letter-spacing:.04em}
.scene:not(.is-map) .audience-choice:focus-visible .choice-action{outline:none;border-bottom-width:2px;text-underline-offset:5px}
.scene[data-audience=investor] .scene-map-title:before,.scene[data-audience=investor] .map-hint{color:#d2b982;opacity:1}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .cost .pillar-schematic{scale:.87}
.circuit-world:not(.is-focused) .sector-choice{cursor:pointer}
.circuit-world:not(.is-focused) .pillar-schematic{transition:translate .35s ease,filter .35s ease}
.circuit-world:not(.is-focused) .circuit-sector.is-lit .pillar-schematic{translate:0 -3px}
.investment-reference-grid{display:none;position:absolute;inset:8% -25% 0;pointer-events:none;border:1px solid rgba(200,170,112,.14);border-radius:50%;background:radial-gradient(ellipse,transparent 56%,rgba(200,170,112,.09) 56.2%,transparent 56.6%),linear-gradient(90deg,transparent 49.8%,rgba(200,170,112,.08) 50%,transparent 50.2%);z-index:-1}
.scene[data-audience=investor] .circuit-world:not(.is-focused) .investment-reference-grid{display:block}
.about-statement,.investor-about-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.1}
.startup-story-contact{display:inline-block;margin-top:8px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:.9rem;color:var(--circuit-accent)}
.investor-services .section-contact{margin-left:auto;margin-right:auto}
.phase-photograph img{filter:sepia(.28) saturate(.58) contrast(.96)}
@media(prefers-reduced-motion:reduce){.circuit-world:not(.is-focused) .pillar-schematic{transition:none}}

/* --- BLOCK: Matched entrance link baselines, with a quiet seam-aware caption --- */
.scene:not(.is-map) .choice-title{min-height:2.26em}
.scene:not(.is-map) .choice-description{min-height:3.2em}
.scene:not(.is-map) .choose-note{background-color:transparent;border:0;border-radius:0;padding:0;background-clip:text;-webkit-background-clip:text;color:transparent;font:500 9px/1.4 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;width:max-content}
.scene[data-audience] .map-hint{font:500 10px/1.5 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--circuit-accent)}
@media(max-width:760px){
 .scene:not(.is-map) .choice-title{min-height:3.39em}
 .scene:not(.is-map) .choice-description{min-height:4.5em}
 .scene:not(.is-map) .choose-note{font-size:8px;letter-spacing:.1em;bottom:6%}
 .scene[data-audience] .map-hint{font-size:8px;letter-spacing:.05em}
}
@media(max-width:760px) and (max-height:650px){
 .scene:not(.is-map) .audience-choice{padding-top:54svh}
 .scene:not(.is-map) .choice-title{font-size:1.3rem;margin-bottom:12px}
 .scene:not(.is-map) .choice-description{font-size:10px;margin-bottom:15px}
 .scene:not(.is-map) .choose-note{bottom:3%}
}
/* --- BLOCK: Lift the investor centrepiece into the bulb's visual centre band --- */
.scene[data-audience=investor] .circuit-world:not(.is-focused) .circuit-core{top:42%}

/* --- BLOCK: Give the founder a clear identity within both editorial biographies --- */
.about-bio .about-name,.investor-founder .investor-founder-name{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,2.1vw,1.85rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;color:var(--circuit-accent);margin-bottom:16px}
@media(max-width:760px){.about-bio .about-name,.investor-founder .investor-founder-name{font-size:1.5rem;margin-bottom:14px}}