/* A single portrait stage; process details open separately. */
#bone-plane{background:var(--void);color:var(--bone)}
.process-content.founder-layout{padding:0;display:block;overflow:hidden}
.founder-visual{position:absolute;inset:100px 0 68px;margin:0}
.portrait-surface{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:crosshair;mix-blend-mode:lighten}
.portrait-surface picture,.portrait-surface img,.portrait-surface canvas{display:block;position:absolute;inset:0;width:100%;height:100%}
.portrait-surface img{object-fit:contain;filter:grayscale(1)}
.portrait-surface canvas{pointer-events:none;filter:grayscale(1)}
.founder-title{position:absolute;z-index:2;top:23%;left:5%;pointer-events:none}
.founder-title h2{font-size:clamp(28px,3.1vw,48px);line-height:.96;letter-spacing:-.04em}
.founder-title p{font:10px/1.5 var(--mono);margin-top:22px;color:var(--dune)}
.founder-statement{position:absolute;z-index:2;left:5%;bottom:23%;width:205px;font-size:16px;line-height:1.55;pointer-events:none}
.portrait-controls{position:absolute;z-index:3;left:5%;right:5%;bottom:94px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font:10px/1.5 var(--mono)}
.portrait-hint{color:var(--dune);padding:14px 0}
.portrait-actions{display:flex;gap:25px;align-items:center}
.portrait-actions button{min-height:48px;display:flex;align-items:center;gap:25px;font:11px var(--mono);padding:12px 0;border-bottom:1px solid #59544d}
.portrait-actions button span{font:21px var(--display)}
.portrait-actions button:hover{border-color:var(--bone)}
.portrait-actions button:disabled{cursor:wait}
#process-dialog .process-steps{margin:30px 0}
#process-dialog .process-step{grid-template-columns:24px 115px 1fr;gap:14px;padding:20px 0;border-color:#b8b1a7}
#process-dialog .process-step p{max-width:none;font-size:14px}
#process-dialog>.primary-cta{width:100%;background:var(--void);color:var(--bone)}
@media(max-width:1100px) and (min-width:701px){.founder-title{top:19%}.founder-title h2{font-size:30px}.founder-title p{font-size:9px}.founder-statement{font-size:14px;width:160px;bottom:25%}.portrait-hint{font-size:9px}.portrait-actions{gap:18px}.portrait-actions button{gap:13px;font-size:10px}}
@media(max-width:700px){
.founder-visual{inset:175px 0 157px}
.portrait-surface img{object-fit:cover;object-position:50% 50%}
.founder-title{top:108px;left:6%;right:6%;text-align:left}
.founder-title h2{font-size:clamp(25px,7.2vw,42px);line-height:1}
.founder-title h2 br{display:none}
.founder-title h2 br:after{content:' '}
.founder-title p{font-size:9px;margin-top:13px}
.founder-statement{display:none}
.portrait-controls{left:6%;right:6%;bottom:78px;display:block}
.portrait-hint{display:block;padding:0 0 6px;font-size:9px}
.portrait-actions{justify-content:space-between;gap:15px}
.portrait-actions button{min-height:48px;gap:20px;font-size:10px}
#process-dialog .process-step{grid-template-columns:20px 1fr;gap:8px;padding:16px 0}
#process-dialog .process-step p{grid-column:2;font-size:14px}
}
@media(max-width:700px) and (max-height:700px){.founder-title{top:91px}.founder-title h2{font-size:25px}.founder-title p{margin-top:8px}.founder-visual{inset:150px 0 128px}.portrait-controls{bottom:60px}.portrait-hint{font-size:8px}.portrait-actions button{min-height:44px;font-size:9px;gap:13px}}
@media(hover:none){.portrait-hint{font-size:0}.portrait-hint:after{content:'TAP THE PORTRAIT TO REVEAL';font-size:9px}}