.vita-motion{--vm-pink:rgb(149,28,105);background:var(--vm-pink);color:#101010;width:min(100% - 3rem,1180px);margin:0 auto var(--v2-section-gap,5rem);border-radius:7px;overflow:hidden;overflow:clip;font-family:Arial,Helvetica,sans-serif;text-align:left;scroll-margin-top:0}
.vm-hero{padding:clamp(2rem,5vw,5rem);position:relative;min-height:670px;display:flex;flex-direction:column;justify-content:center}
.vm-eyebrow{font-size:.72rem;letter-spacing:.12em;margin-bottom:3rem;text-transform:lowercase}
.vm-hero h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:400;line-height:.84;margin:0;letter-spacing:-.035em}
.vm-hero h2 span{display:block;font-size:clamp(3rem,7vw,6rem);font-weight:400;letter-spacing:-.025em;margin-bottom:.16em}
.vm-hero h2 strong{font-size:clamp(5rem,20vw,16.8rem);font-weight:400;display:block;letter-spacing:-.025em}
.vm-intro{max-width:35rem;margin:2.5rem 0 0 auto;color:#f5deef;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}
.vita-brand{font-weight:700;color:#fff}
.vm-read{font-size:.8rem;text-decoration:none;color:#101010;display:flex;gap:1.5rem;align-items:center;margin-top:2.5rem;width:max-content}
.vm-read span{font-size:2rem}.vm-pause{position:absolute;right:1.5rem;top:1.5rem;border:1px solid #10101070;border-radius:50%;width:36px;height:36px;background:transparent;color:#101010;display:grid;place-items:center;cursor:pointer}.vm-pause:focus-visible,.vm-read:focus-visible{outline:2px solid white;outline-offset:4px}
.vm-ribbon{overflow:hidden;padding:.14em 0 .2em;border-top:1px solid #10101045;border-bottom:1px solid #10101045;line-height:.92;font-size:clamp(4.5rem,12vw,11rem);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:-.025em;user-select:none}
.vm-track{display:flex;width:max-content;will-change:transform;transform:translate3d(0,0,0)}.vm-track>span{flex:none;white-space:nowrap;padding-right:.18em}
.vm-outline{color:transparent;-webkit-text-stroke:1px #f5deef}.vm-wide{font-style:italic;font-size:clamp(4rem,10vw,9rem)}
.vm-chapter{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,8vw,7rem) clamp(2rem,5vw,5rem);align-items:start}
.vm-date{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(5rem,14vw,11rem);letter-spacing:-.035em;line-height:.8;position:sticky;top:2rem;font-weight:400}
.vm-story h3,.vm-people h3{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:400;letter-spacing:-.015em;line-height:1;margin:0 0 1.7rem}
.vm-story p{color:#f5deef;font-size:1rem;line-height:1.6;margin:0 0 1.35rem;max-width:34rem}.vm-story p:last-child{margin-bottom:0}
.vm-offset{grid-template-columns:1fr .8fr}.vm-offset .vm-date{grid-column:2;grid-row:1}.vm-offset .vm-story{grid-column:1;grid-row:1}
.vm-people{padding:clamp(3rem,8vw,7rem) clamp(2rem,5vw,5rem)}.vm-people>p{font-size:1rem;line-height:1.6;color:#f5deef;max-width:32rem;margin-bottom:2rem}
.vm-people ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3em .7em;padding:0;margin:0;font-size:clamp(1.25rem,2.7vw,2.2rem);letter-spacing:-.025em;line-height:1.25}.vm-people li:nth-child(5n+1){font-weight:700;color:#f5deef}.vm-people .vm-etc{margin:1.7rem 0 0;font-size:.8rem}
@media(max-width:760px){.vita-motion{width:calc(100% - 1.5rem)}.vm-hero{min-height:560px;padding:2rem 1.25rem}.vm-eyebrow{margin-bottom:3rem;font-size:.6rem}.vm-hero h2 strong{font-size:23vw}.vm-hero h2 span{font-size:13vw}.vm-intro{font-size:1rem;margin-top:2rem}.vm-chapter,.vm-offset{display:flex;flex-direction:column;gap:2rem;padding:3rem 1.25rem}.vm-date{position:static;font-size:26vw}.vm-story p{font-size:.95rem}.vm-ribbon{font-size:20vw}.vm-people{padding:3rem 1.25rem}.vm-people ul{font-size:1.35rem}.vm-pause{top:1rem;right:1rem}}
@media(prefers-reduced-motion:reduce){.vm-track{transform:none!important;will-change:auto}}

@media(min-width:761px){.vita-motion{width:min(100% - 7rem,1180px);margin-left:max(6rem,calc((100% - 1180px)/2));margin-right:auto}}
.vita-motion,.vm-chapter,.vm-ribbon,.vm-people{scroll-snap-align:start;scroll-snap-stop:normal}
/* Long-form biography needs continuous native scrolling rather than mandatory panel snapping. */
html:has(.vita-motion),body:has(.vita-motion){scroll-snap-type:none!important}

/* V3: one compact reading frame aligned to the existing section grid. */
.vita-motion{width:auto;max-width:var(--v2-content-max);margin-left:var(--v2-content-left);margin-right:var(--v2-content-right);border-radius:var(--v2-panel-radius,7px)}
.vm-hero{min-height:0;padding:clamp(1.5rem,3vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.vm-eyebrow{margin-bottom:1.4rem;font-size:.65rem}.vm-hero h2 span{font-size:clamp(2rem,3.5vw,3.5rem)}.vm-hero h2 strong{font-size:clamp(4rem,9vw,8rem)}
.vm-intro{margin:0;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.5;max-width:32rem}.vm-scroll-hint{display:block;color:#fff;font-size:.7rem;letter-spacing:.04em;margin-top:1.5rem}
.vm-window{height:clamp(340px,62vh,620px);overflow-y:auto;overflow-x:hidden;scroll-snap-type:none;scrollbar-width:thin;scrollbar-color:#f5deef #10101020;border-top:1px solid #10101045;outline-offset:-4px;-webkit-overflow-scrolling:touch}
.vm-window:focus-visible{outline:2px solid #f5deef}.vm-window::-webkit-scrollbar{width:6px}.vm-window::-webkit-scrollbar-track{background:#10101020}.vm-window::-webkit-scrollbar-thumb{background:#f5deef;border-radius:5px}
.vm-flow{overflow:hidden;min-width:0}.vm-ribbon{font-size:clamp(4rem,9vw,8rem);scroll-snap-align:none}.vm-chapter{padding:clamp(2rem,4vw,4rem) clamp(1.5rem,3vw,3rem);gap:3rem;scroll-snap-align:none}.vm-date{font-size:clamp(4rem,10vw,9rem);position:static}.vm-story h3{font-size:clamp(1.7rem,3vw,2.8rem);margin-bottom:1.3rem}.vm-story p{font-size:.95rem;line-height:1.55}.vm-people{padding:clamp(2rem,4vw,4rem) clamp(1.5rem,3vw,3rem)}.vm-people ul{font-size:clamp(1.1rem,2vw,1.6rem)}
@media(max-width:760px){.vita-motion{width:calc(100% - 1.5rem);max-width:none;margin-left:auto;margin-right:auto}.vm-hero{padding:1.5rem;grid-template-columns:1fr;gap:1.5rem}.vm-hero h2 strong{font-size:23vw}.vm-hero h2 span{font-size:10vw}.vm-eyebrow{font-size:.6rem;margin-bottom:1.25rem}.vm-intro{font-size:.95rem}.vm-scroll-hint{margin-top:1rem}.vm-window{height:58svh;min-height:300px;max-height:580px}.vm-chapter{gap:1.5rem;padding:2rem 1.5rem}.vm-date{font-size:23vw}.vm-ribbon{font-size:20vw}.vm-people{padding:2rem 1.5rem}.vm-people ul{font-size:1.15rem}}
@media(max-width:420px){.vita-motion{width:calc(100% - 1rem)}}
