function StoryPage(){
  const P = 'assets/photos/';
  const chapter = (num, title, body) => (
    <div className="tlstep" key={num} style={{paddingBottom:'clamp(32px,5vw,52px)'}}>
      <span className="tldot" aria-hidden="true"></span>
      <span className="label" style={{color:'var(--accent-ink)',fontSize:'10px'}}>{num}</span>
      <h3 style={{fontSize:'clamp(1.3rem,2.4vw,1.75rem)',letterSpacing:'-0.01em',margin:'8px 0 10px'}}>{title}</h3>
      <p style={{fontSize:'1.125rem',lineHeight:1.7,margin:0,maxWidth:'46ch'}}>{body}</p>
    </div>
  );
  return (
    <div style={{background:'var(--enamel)'}}>
      <section style={{padding:'clamp(64px,10vw,120px) clamp(24px,6vw,80px) 0',maxWidth:'1160px',margin:'0 auto'}}>
        <p className="label" style={{color:'var(--text-on-light-secondary)',marginBottom:'16px'}}>Chef · film school · Imizamo Yethu</p>
        <h1 style={{fontSize:'clamp(2.6rem,6vw,4.8rem)',letterSpacing:'-0.02em',maxWidth:'800px'}}>How it all started:<br/>twelve hungry strangers.</h1>
      </section>
      <section className="g-split" style={{padding:'clamp(48px,7vw,90px) clamp(24px,6vw,80px)',maxWidth:'1160px',margin:'0 auto',display:'grid',gridTemplateColumns:'minmax(0,1fr) minmax(0,1.05fr)',gap:'clamp(32px,6vw,80px)',alignItems:'start'}}>
        <div className="stickycol" style={{position:'sticky',top:'96px'}}>
          <div className="kenburns" style={{position:'relative',borderRadius:'var(--radius-soft)',overflow:'hidden',aspectRatio:'3/4',boxShadow:'var(--shadow-lg)'}}>
            <img src={P+'room-visit.avif'} alt="Wonga showing the incubator to kids from the neighbourhood, at home" loading="lazy" width="1200" height="1600" style={{width:'100%',height:'100%',objectFit:'cover',display:'block'}} />
            <span className="chip" style={{position:'absolute',left:'16px',bottom:'16px',background:'rgba(18,36,50,0.62)',color:'var(--enamel)'}}>At home in Imizamo Yethu</span>
          </div>
        </div>
        <div className="reveal tl">
          {chapter('Chapter one','The kitchen','I trained as a chef and cooked professionally for two years, until epilepsy made kitchen work too dangerous to continue. Before that, I studied film and digital media.')}
          {chapter('Chapter two','The lucky break','A German friend was living with me in the township. He asked if I could show twelve of his friends around and cook for them. I did it for free. They insisted on paying.')}
          {chapter('Chapter three','The table','That is still the product. I walk you to a neighbour\u2019s house. She cooks better than me, and gets paid for it. You sit down and eat with us.')}
          {chapter('Chapter four','The street','The tours fund a community garden on land that used to be a dump, groceries for families every week, and whatever the street needs next. I keep the receipts.')}
        </div>
      </section>
    </div>
  );
}
window.StoryPage = StoryPage;