/* --- BLOCK: An editorial portrait, grounded in the existing warm paper --- */
.startup-about{display:none;position:relative;height:200svh;margin-top:-100svh;isolation:isolate;overflow:clip;z-index:2}
body[data-audience=startup] .startup-about{display:block}
.startup-about:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(var(--ambient),.13) 22%,rgba(var(--ambient),.22));pointer-events:none;opacity:var(--story-warmth,0)}
.about-workspace{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:clip;padding:70px max(5vw,28px);gap:30px}
.about-copy{position:relative;z-index:2;width:60%;max-width:860px;padding:24px 0 36px 28px;border-left:3px solid var(--circuit-accent)}
.about-kicker{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--circuit-accent);margin:0 0 28px}
.about-statement{font-size:clamp(2.2rem,3.65vw,4.1rem);font-weight:700;line-height:1.08;letter-spacing:-.05em;margin:0 0 32px;max-width:790px}
.about-statement span{color:var(--text);opacity:calc(.24 + var(--word-reveal,0)*.76);transition:opacity .28s linear}
.about-bio{max-width:520px;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.55;color:var(--quiet)}
.about-bio p{margin:0 0 12px}.about-name{color:var(--text);font-size:1.08rem;font-weight:700}
.about-portrait{position:absolute;right:0;bottom:0;width:47%;height:73%;z-index:1;display:flex;align-items:flex-end;justify-content:center;transform:none}
.about-portrait img{display:block;width:auto;max-width:none;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.65) drop-shadow(-12px 15px 30px rgba(55,39,20,.12));mask-image:linear-gradient(to bottom,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 92%,transparent)}
body[data-theme=dark] .about-portrait img{filter:saturate(.65) brightness(.88) drop-shadow(-12px 15px 30px rgba(0,0,0,.3))}
/* --- BLOCK: The card and portrait share the same fixed grid while the camera pans --- */
.startup-services{z-index:3}
.services-workspace{transform:translate3d(var(--story-exit-x,0px),var(--story-exit-y,0px),0);opacity:var(--story-exit-opacity,1);will-change:transform,opacity}
.about-workspace{transform:translate3d(var(--story-enter-x,75vw),var(--story-enter-y,6vh),0);opacity:var(--story-opacity,0);will-change:transform,opacity}
@media(max-width:1000px){.about-copy{width:56%;padding-left:22px}.about-statement{font-size:2.45rem}.about-portrait{right:0;width:51%;height:69%}.about-bio{max-width:390px}}
@media(max-width:600px){.startup-about{height:200svh}.about-workspace{padding:45px 24px 280px;align-items:flex-start}.about-copy{width:100%;padding:0 0 0 18px}.about-kicker{margin-bottom:20px}.about-statement{font-size:1.85rem;margin-bottom:22px;max-width:450px}.about-bio{font-size:.9rem;max-width:310px}.about-portrait{height:275px;width:70%;right:-7%}.about-name{font-size:1rem}.about-bio p:last-child{max-width:210px}}
@media(prefers-reduced-motion:reduce){.about-statement span,.about-portrait{transition:none}.about-portrait{transform:none}}
