Update IMA deck to the corrected model

paper/slides/presentation/components/core/Slide.tsx

@@ -1,9 +1,61 @@
 "use client";
 
-import { ReactNode } from "react";
+import { ReactNode, useLayoutEffect, useRef } from "react";
 import Image from "@/components/core/BasePathImage";
 import { useSlideshowContextSafe } from "@/components/core/SlideshowContext";
 
+// Shrink-to-fit safety net: if the slide content is taller than the available
+// content box (e.g. a short browser window), scale the content down just enough
+// to fit — white background still fills the window and the footer stays put.
+// At normal 16:9 window sizes the content fits and no transform is applied, so
+// the DOM and visuals are identical to an unscaled slide.
+function useFitToContentBox() {
+  const contentRef = useRef<HTMLDivElement>(null);
+
+  useLayoutEffect(() => {
+    const element = contentRef.current;
+    if (!element) return;
+
+    const update = () => {
+      // Measure at natural scale (transforms do not affect layout, but they do
+      // affect client rects, so clear ours before measuring). This runs before
+      // paint, so the reset is never visible.
+      element.style.transform = "";
+      const box = element.getBoundingClientRect();
+      if (box.height === 0) return;
+
+      // Content extent relative to the content box, including anything that
+      // spills above it (centered layouts overflow both ways).
+      let minTop = 0;
+      let maxBottom = box.height;
+      for (const descendant of element.querySelectorAll("*")) {
+        const rect = descendant.getBoundingClientRect();
+        if (rect.height === 0 && rect.width === 0) continue;
+        minTop = Math.min(minTop, rect.top - box.top);
+        maxBottom = Math.max(maxBottom, rect.bottom - box.top);
+      }
+
+      const needed = maxBottom - minTop;
+      if (needed > box.height + 1) {
+        const scale = box.height / needed;
+        // Anchor the (scaled) content extent to the top of the content box and
+        // re-centre it horizontally after the width shrinks.
+        const translateX = ((1 - scale) * box.width) / 2;
+        element.style.transformOrigin = "top left";
+        element.style.transform = `translate(${translateX}px, ${-scale * minTop}px) scale(${scale})`;
+      }
+    };
+
+    update();
+    // Re-fit when the window changes and once webfonts have swapped in.
+    window.addEventListener("resize", update);
+    document.fonts?.ready.then(update).catch(() => undefined);
+    return () => window.removeEventListener("resize", update);
+  }, []);
+
+  return contentRef;
+}
+
 interface SlideProps {
   children: ReactNode;
   className?: string;
@@ -23,6 +75,7 @@ export default function Slide({
 }: SlideProps) {
   const context = useSlideshowContextSafe();
   const footerText = context?.footerText ?? "";
+  const contentRef = useFitToContentBox();
 
   return (
     <section
@@ -41,7 +94,9 @@ export default function Slide({
             isCover || isEnd ? "flex items-center justify-center px-20" : "px-16 pb-28 pt-20",
           ].join(" ")}
         >
-          <div className="h-full w-full">{children}</div>
+          <div className="h-full w-full" ref={contentRef}>
+            {children}
+          </div>
         </div>
       )}
 

paper/slides/presentation/components/core/SlideshowViewer.tsx

@@ -42,6 +42,13 @@ function SlideshowViewerClient({ config }: SlideshowViewerProps) {
       } else if (event.key === "ArrowLeft") {
         event.preventDefault();
         setCurrentSlide((previous) => Math.max(previous - 1, 0));
+      } else if (event.key === "PageDown") {
+        // Conference presenter clickers emit PageDown/PageUp.
+        event.preventDefault();
+        setCurrentSlide((previous) => Math.min(previous + 1, slides.length - 1));
+      } else if (event.key === "PageUp") {
+        event.preventDefault();
+        setCurrentSlide((previous) => Math.max(previous - 1, 0));
       } else if (event.key === "Home") {
         event.preventDefault();
         setCurrentSlide(0);
@@ -85,6 +92,16 @@ function SlideshowViewerClient({ config }: SlideshowViewerProps) {
       >
         <div className="slide-active">{currentSlideElement}</div>
 
+        {(isExport || isFullscreen) && (
+          <div className="pointer-events-none fixed bottom-0 right-0 z-50 flex h-18 items-center px-8 text-white">
+            <span className="text-sm font-semibold">
+              {currentSlide < (config.mainSlideCount ?? slides.length)
+                ? `${currentSlide + 1} / ${config.mainSlideCount ?? slides.length}`
+                : "Appendix"}
+            </span>
+          </div>
+        )}
+
         {!isFullscreen && !isExport && (
           <div className="pointer-events-none fixed bottom-0 left-0 right-0 z-50 flex h-18 items-center justify-end gap-4 px-8 text-white">
             <button

paper/slides/presentation/components/layout/SectionSlide.tsx

@@ -11,13 +11,13 @@ export default function SectionSlide({ section, title, subtitle }: SectionSlideP
     <Slide className="bg-pe-light">
       <div className="flex h-full items-center">
         <div>
-          <div className="mb-5 text-sm font-bold uppercase tracking-[0.24em] text-pe-teal">
+          <div className="mb-5 text-lg font-bold uppercase tracking-[0.24em] text-pe-teal">
             {section}
           </div>
           <h1 className="max-w-5xl text-6xl font-extrabold leading-tight tracking-tight text-pe-dark">
             {title}
           </h1>
-          <p className="mt-8 max-w-4xl text-2xl leading-snug text-slate-600">
+          <p className="mt-8 max-w-5xl text-3xl leading-snug text-slate-600">
             {subtitle}
           </p>
         </div>

paper/slides/presentation/components/layout/SlideTitle.tsx

@@ -10,7 +10,7 @@ export default function SlideTitle({ children, kicker, className = "" }: SlideTi
   return (
     <div className={className}>
       {kicker && (
-        <div className="mb-3 text-sm font-bold uppercase tracking-[0.22em] text-pe-teal">
+        <div className="mb-3 text-base font-bold uppercase tracking-[0.22em] text-pe-teal">
           {kicker}
         </div>
       )}

paper/slides/presentation/next.config.ts

@@ -1,6 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  devIndicators: false,
   images: {
     unoptimized: true,
   },

paper/slides/presentation/slides/config.ts

@@ -33,12 +33,12 @@ import {
 
 export const vatIma2026Config: SlideshowConfig = {
   id: "vat-ima-2026",
-  title: "A Firm-Level Microsimulation for VAT Policy Analysis",
+  title: "An Open Firm-Level Microsimulation of the UK VAT Registration Threshold",
   description:
     "PolicyEngine conference deck for the IMA World Congress 2026 — costing UK VAT registration-threshold reforms on synthetic firm data.",
   date: "2026-07-01",
   location: "IMA World Congress 2026, Brussels",
-  footerText: "IMA World Congress 2026 · firm microsimulation",
+  footerText: "IMA World Congress 2026 · Firm microsimulation",
   speakers: [{ name: "Vahid Ahmadi", title: "PolicyEngine" }],
   // Slides 0–24 are the main deck; 25+ are appendix (excluded from the counter).
   mainSlideCount: 25,