Bento.

Layout

• Every slide is a 12-column × 6-row grid filling the viewport: padding clamp(12px,1.6vw,24px), gap clamp(8px,1vw,16px). Every piece of content is a tile: a 24px-radius rounded box, surface color #171a20, no border, padding clamp(1rem,1.6vw,1.6rem), spanning --c columns and --r rows (set inline: style="--c:5;--r:3"). Tiles are flex columns with 0.6rem gaps and overflow hidden; nothing may overflow a tile.
• Every slide has one title tile (text bottom-aligned; a small accent kicker at the top, the title at clamp(2rem,4vw,4.4rem) weight 800 letter-spacing -0.035em, optional lede under it) plus 3–6 content tiles. Per slide, at most one tile is solid accent (#7c5cff with on-accent text) and at most one uses the second warm tint (#e0b43c with #161200 text). A small 2-column tile in the bottom-right corner shows the counter "03 / 07" in muted text.
• Vary the composition from slide to slide, for example: title 8×4 + two number tiles 4×2 + a wide lede tile 10×2; title 5×6 + three stacked 7×2 cards; title 4×3 + a 8×3 ring-chart tile + three 4×3 number tiles; title 12×2 + four 3×4 step tiles. Big numbers sit at the bottom of their tile at clamp(2.6rem,5.4vw,6rem) weight 800 with the label as the kicker.
• Transition. slides swap instantly; each tile then pops in with opacity 0→1, scale .96→1, translateY 10px→0 over 600ms cubic-bezier(.22,1,.36,1), delayed by its index × 70ms. That stagger is the only motion in the format.
• Hierarchy comes from size and fill. No borders, no shadows, no gradients.

Navigation. ← → ↑ ↓ Space PageUp/PageDown; Home/End; number keys. Under 760px the grid collapses to one column and the slide scrolls.