// SLIDE 12 — APPENDIX (section divider)
function AppendixSlide() {
  return (
    <Slide eyebrow={null} logo="white" style={{label:"12 Appendix"}}>
      {/* Single huge TAN word centered with hairline underline */}
      <div style={{position:'absolute', top: '40%', left: 56, right: 56}}>
        <div style={{fontFamily:'var(--font-sans)', fontWeight:800, fontSize: 140, lineHeight:.95, letterSpacing:'-.015em'}}>The</div>
        <div style={{fontFamily:'var(--font-display)', fontWeight:400, fontStyle:'normal', fontSize: 180, lineHeight:.95, letterSpacing:'-.01em', marginTop:8}}>Appendix</div>
        <div style={{height:1, background:'#fff', marginTop: 12, width:'95%'}}/>
      </div>
    </Slide>
  );
}

window.AppendixSlide = AppendixSlide;