.collapse-section{position:relative;width:100vw;margin:70px calc(50% - 50vw) 0;height:260px;z-index:2;pointer-events:none;--collapse-header:100px}.collapse-stage{position:relative;height:100%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#43111122,transparent 60%)}.collapse-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.collapse-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:70%;width:auto;pointer-events:none;opacity:.6}.collapse-enabled .collapse-section{height:250svh}.collapse-enabled .collapse-stage{position:sticky;top:var(--collapse-header);height:calc(100svh - var(--collapse-header))}.collapse-ready .collapse-canvas{opacity:var(--vortex-opacity,1)}.collapse-ready .collapse-fallback{opacity:0}.collapse-first{transform:perspective(1200px) rotateX(var(--collapse-tilt,0deg)) skewX(var(--collapse-skew,0deg)) scale(var(--collapse-scale,1));transform-origin:50% 100%}.collapse-enabled .second-row{margin-top:calc(-100svh + 160px);position:relative;z-index:1;opacity:var(--collapse-reveal,0);transform:translate3d(0,var(--collapse-rise,32px),0)}.about-portrait-second .photo-plane img{object-position:center 35%}.collapse-enabled .second-row:focus-within{opacity:1;transform:none}@media(max-width:960px){.collapse-section{--collapse-header:80px}.collapse-enabled .second-row{margin-top:calc(-100svh + 140px)}}@media(max-width:650px){.about-row:not(.second-row) .photo-window{order:-1}.second-row .about-copy{order:-1}.collapse-section{margin-top:45px;height:230px}.collapse-enabled .collapse-section{height:270svh}.collapse-enabled .second-row{margin-top:calc(-100svh + 125px)}.collapse-fallback{height:65%}}@media(prefers-reduced-motion:reduce){.collapse-enabled .collapse-section{height:230px}.collapse-enabled .collapse-stage{position:relative;top:auto;height:100%}.collapse-canvas{display:none!important}.collapse-fallback,.collapse-ready .collapse-fallback{opacity:.6}.collapse-first{transform:none!important}.collapse-enabled .second-row{margin-top:65px;opacity:1;transform:none}}.collapse-static .second-row{opacity:1;transform:none}

/* The scene overlaps the reading block; both biographies stay in normal flow. */
.collapse-enabled .collapse-section{margin-top:calc(70px - var(--collapse-overlap,70svh));height:calc(250svh + var(--collapse-overlap,70svh))}
.collapse-enabled .collapse-first{transform:none}
.collapse-enabled .second-row{margin-top:-100px;opacity:1;transform:none}
@media(max-width:650px){.collapse-enabled .collapse-section{margin-top:calc(45px - var(--collapse-overlap,85svh));height:calc(270svh + var(--collapse-overlap,85svh))}.collapse-enabled .second-row{margin-top:-80px}}
@media(prefers-reduced-motion:reduce){.collapse-enabled .collapse-section{margin-top:45px;height:230px}.collapse-enabled .second-row{margin-top:65px}}

/* Background gravity and foreground objects are independent layers. */
.collapse-enabled .collapse-section{z-index:auto}
.collapse-enabled .collapse-stage{z-index:3;background:none}
.collapse-enabled .collapse-first,.collapse-enabled .second-row{position:relative;z-index:1}
.collapse-backstage{position:sticky;top:var(--collapse-header);height:calc(100svh - var(--collapse-header));margin-bottom:calc(-100svh + var(--collapse-header));z-index:0;pointer-events:none;overflow:hidden}
.collapse-backcanvas{display:block;width:100%;height:100%;opacity:var(--vortex-opacity,1)}
.collapse-enabled .second-row{margin-top:calc(-1 * var(--arrival-overlap,150px))}
@media(max-width:650px){.collapse-enabled .second-row{margin-top:calc(-1 * var(--arrival-overlap,150px))}}
@media(prefers-reduced-motion:reduce){.collapse-backstage{display:none}.collapse-enabled .second-row{margin-top:65px}}