/* ===========================================================
   STYLE: BLUEPRINT (cyanotype engineering drawing, dark blue).
   Idea: MotionFly / lemo-opuscar (MIT), styles/blueprint/STYLE.md.
   One sheet of Prussian-blue cyanotype paper (grain, fibres, grid,
   a fold crease); white technical line work. Blue and white only;
   the red rubber stamp lands once, on the closing slide.
   Actors: water (cyanotype water stain with a pale tide line),
           hatch (45 degree section hatching), fold (paper crease),
           frame (double drawing border), centre (centre line),
           dim (dimension line with arrowheads and extension lines),
           block (title block), gear (drafted gear with centre lines),
           balloon (part number balloon), stamp (red verdict stamp).
           DOM order = z-order (water first).
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap');

.deck-stage {
  --actors: "water hatch fold frame centre dim block gear balloon stamp";
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --bg: #1f4386; --fg: #e7f0f9; --muted: #b3c9e8; --accent: #ffffff;
  --card-bg: rgba(15, 35, 80, 0.3); --card-fg: #e7f0f9; --card-radius: 0px;
  --title-weight: 600; --title-tracking: 0.03em; --title-case: uppercase; --bullet-radius: 50%;
  --line: #e7f0f9; --line-soft: rgba(231, 240, 249, 0.62); --hair: rgba(231, 240, 249, 0.3);
  --fill: #22488f; --deep: #0f2350; --stamp: #d7392b;
  /* the sheet: grain + fibres, fold crease, fine and major grid, bleached edge, uneven coating */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='540'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .014' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .05 0 0 0 0 .11 0 0 0 0 .28 0 0 0 .5 0'/%3E%3C/filter%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' baseFrequency='.9 .035' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .95 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='960' height='540' filter='url(%23g)'/%3E%3Crect width='960' height='540' filter='url(%23f)'/%3E%3C/svg%3E"),
    linear-gradient(180deg, transparent 538px, rgba(8, 20, 52, 0.34) 538px 541px, rgba(231, 240, 249, 0.1) 541px 543px, transparent 543px),
    linear-gradient(rgba(231, 240, 249, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(231, 240, 249, 0.06) 1px, transparent 1px),
    linear-gradient(rgba(231, 240, 249, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(231, 240, 249, 0.1) 1px, transparent 1px),
    radial-gradient(ellipse at 50% 50%, rgba(140, 180, 235, 0) 62%, rgba(140, 180, 235, 0.2) 100%),
    radial-gradient(120% 90% at 35% 30%, #2a58a6 0%, #234c96 45%, #18336b 100%);
  background-size: 960px 540px, 100% 100%, 48px 48px, 48px 48px, 192px 192px, 192px 192px, 100% 100%, 100% 100%;
}

/* ---------- actor looks + off-stage defaults ---------- */
[data-actor="water"] {
  border-radius: 50%;
  background: radial-gradient(circle, rgba(12, 30, 74, 0.5) 0 56%, rgba(12, 30, 74, 0.3) 66%, rgba(205, 225, 248, 0.24) 69%, rgba(205, 225, 248, 0) 72%);
  --x: 960px; --y: 540px; --w: 0px;
}
[data-actor="hatch"] {
  background-image: linear-gradient(var(--line-soft), var(--line-soft)), linear-gradient(var(--line-soft), var(--line-soft)),
    linear-gradient(var(--line-soft), var(--line-soft)), linear-gradient(var(--line-soft), var(--line-soft)),
    repeating-linear-gradient(45deg, rgba(231, 240, 249, 0.4) 0 1.5px, transparent 1.5px 12px);
  background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%, 100% 100%;
  background-position: 0 0, 0 100%, 0 0, 100% 0, 0 0; background-repeat: no-repeat;
  --x: 1920px; --y: 46px; --w: 0px; --h: 988px;
}
[data-actor="fold"] { background: linear-gradient(90deg, rgba(8, 20, 52, 0.42) 0 55%, rgba(231, 240, 249, 0.14) 55% 100%); --x: 960px; --y: 0px; --w: 5px; --h: 0px; }
[data-actor="frame"] { border: 6px double rgba(231, 240, 249, 0.82); --x: 960px; --y: 540px; --w: 0px; --h: 0px; --o: 0; }
[data-actor="centre"] {
  background: repeating-linear-gradient(90deg, var(--line-soft) 0 46px, transparent 46px 56px, var(--line-soft) 56px 63px, transparent 63px 73px);
  --x: 120px; --y: 205px; --w: 0px; --h: 2px;
}
[data-actor="dim"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16'%3E%3Cpath d='M0 8L28 2v12z' fill='%23e7f0f9'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16'%3E%3Cpath d='M28 8L0 2v12z' fill='%23e7f0f9'/%3E%3C/svg%3E"),
    linear-gradient(var(--line), var(--line)), linear-gradient(var(--line-soft), var(--line-soft)), linear-gradient(var(--line-soft), var(--line-soft));
  background-size: 28px 16px, 28px 16px, 100% 2px, 2px 100%, 2px 100%;
  background-position: 0 50%, 100% 50%, 0 50%, 0 0, 100% 0; background-repeat: no-repeat;
  --x: 960px; --y: 600px; --w: 0px; --h: 36px;
}
/* title block: cell rules + lettering strokes drawn with fixed-size layers, so it never stretches */
[data-actor="block"] {
  background-color: var(--fill);
  background-image: linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)),
    linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line)),
    linear-gradient(var(--line-soft), var(--line-soft)), linear-gradient(var(--line-soft), var(--line-soft)), linear-gradient(var(--line-soft), var(--line-soft)),
    repeating-linear-gradient(90deg, var(--line) 0 16px, transparent 16px 24px),
    repeating-linear-gradient(90deg, var(--line-soft) 0 10px, transparent 10px 16px),
    repeating-linear-gradient(90deg, var(--line-soft) 0 10px, transparent 10px 16px),
    repeating-linear-gradient(90deg, var(--line-soft) 0 10px, transparent 10px 16px);
  background-size: 100% 3px, 100% 3px, 3px 100%, 3px 100%, 100% 2px, 2px 100%, 2px 50%, 50% 9px, 24% 5px, 20% 5px, 22% 5px;
  background-position: 0 0, 0 100%, 0 0, 100% 0, 0 50%, 34% 0, 68% 100%, 82% 24%, 6% 22%, 8% 78%, 90% 78%;
  background-repeat: no-repeat;
  --x: 1340px; --y: 1100px; --w: 520px; --h: 130px;
}
[data-actor="gear"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23e7f0f9' stroke-opacity='.6' stroke-width='1.2' stroke-dasharray='14 4 3 4'%3E%3Cpath d='M0 100H200M100 0V200'/%3E%3C/g%3E%3Cpath d='M176.0 100.0 L189.8 105.7 L188.2 117.8 L173.4 119.7 L165.8 138.0 L175.0 149.8 L167.5 159.5 L153.7 153.7 L138.0 165.8 L140.0 180.6 L128.7 185.3 L119.7 173.4 L100.0 176.0 L94.3 189.8 L82.2 188.2 L80.3 173.4 L62.0 165.8 L50.2 175.0 L40.5 167.5 L46.3 153.7 L34.2 138.0 L19.4 140.0 L14.7 128.7 L26.6 119.7 L24.0 100.0 L10.2 94.3 L11.8 82.2 L26.6 80.3 L34.2 62.0 L25.0 50.2 L32.5 40.5 L46.3 46.3 L62.0 34.2 L60.0 19.4 L71.3 14.7 L80.3 26.6 L100.0 24.0 L105.7 10.2 L117.8 11.8 L119.7 26.6 L138.0 34.2 L149.8 25.0 L159.5 32.5 L153.7 46.3 L165.8 62.0 L180.6 60.0 L185.3 71.3 L173.4 80.3Z' fill='%2322488f' stroke='%23e7f0f9' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cg fill='none' stroke='%23e7f0f9' stroke-width='1.4'%3E%3Ccircle cx='100' cy='100' r='64' stroke-dasharray='6 4' stroke-opacity='.7'/%3E%3Ccircle cx='133.9' cy='133.9' r='11'/%3E%3Ccircle cx='66.1' cy='133.9' r='11'/%3E%3Ccircle cx='66.1' cy='66.1' r='11'/%3E%3Ccircle cx='133.9' cy='66.1' r='11'/%3E%3Ccircle cx='100' cy='100' r='26'/%3E%3Cpath d='M92 76h16v10h-16z' fill='%2322488f'/%3E%3Ccircle cx='100' cy='100' r='12'/%3E%3C/g%3E%3Cpath d='M100 82V118M82 100H118' stroke='%23e7f0f9' stroke-width='1' stroke-opacity='.8'/%3E%3C/svg%3E") center / 100% 100% no-repeat; --x: 2000px; --y: 300px; --w: 300px; --r: -90deg; }
[data-actor="balloon"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='29' fill='%2322488f' stroke='%23e7f0f9' stroke-width='3'/%3E%3Cpath d='M26 22l7-5v29M25 46h15' fill='none' stroke='%23e7f0f9' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; --x: 1800px; --y: -100px; --w: 60px; }
[data-actor="stamp"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23d7392b' stroke-opacity='.92'%3E%3Ccircle cx='100' cy='100' r='91' stroke-width='7'/%3E%3Ccircle cx='100' cy='100' r='79' stroke-width='2.5'/%3E%3Ccircle cx='100' cy='100' r='52' stroke-width='2.5'/%3E%3Cpath d='M74 101l18 19 36-42' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg fill='%23d7392b' fill-opacity='.92'%3E%3Cpath d='M100 13l3 7h7l-6 4 2 7-6-4-6 4 2-7-6-4h7z'/%3E%3Cpath d='M100 165l3 7h7l-6 4 2 7-6-4-6 4 2-7-6-4h7z'/%3E%3Crect x='18' y='96' width='22' height='8' rx='2'/%3E%3Crect x='160' y='96' width='22' height='8' rx='2'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat; --x: 1520px; --y: 700px; --w: 250px; --r: -14deg; --s: 2.4; --o: 0; }

/* the sheet border stays put on every layout; the drawing changes inside it */
:is([data-layout="cover"], [data-layout="agenda"], [data-layout="section"], [data-layout="content"], [data-layout="two-col"],
    [data-layout="stats"], [data-layout="timeline"], [data-layout="quote"], [data-layout="closing"]) [data-actor="frame"] { --x: 34px; --y: 34px; --w: 1852px; --h: 1012px; --o: 1; }
/* the stamp waits off the sheet until the verdict (closing) */
:is([data-layout="cover"], [data-layout="agenda"], [data-layout="section"], [data-layout="content"], [data-layout="two-col"],
    [data-layout="stats"], [data-layout="timeline"], [data-layout="quote"]) [data-actor="stamp"] { --x: 2060px; --y: 820px; --o: 0; }

/* ---------- 1. cover: an empty drawing area on the right, centre line, ground, title block ---------- */
[data-layout="cover"] [data-actor="water"]   { --x: 1130px; --y: 140px; --w: 660px; }
[data-layout="cover"] [data-actor="hatch"]   { --x: 1140px; --y: 760px; --w: 640px; --h: 28px; }
[data-layout="cover"] [data-actor="fold"]    { --x: 1090px; --h: 1080px; }
[data-layout="cover"] [data-actor="centre"]  { --x: 1120px; --y: 469px; --w: 680px; }
[data-layout="cover"] [data-actor="dim"]     { --x: 1140px; --y: 796px; --w: 640px; }
[data-layout="cover"] [data-actor="block"]   { --x: 1300px; --y: 870px; --w: 540px; --h: 136px; }
[data-layout="cover"] [data-actor="gear"]    { --x: 1620px; --y: 96px; --w: 200px; --r: 30deg; }
[data-layout="cover"] [data-actor="balloon"] { --x: 1540px; --y: 120px; --w: 56px; }

/* ---------- 2. agenda: binding margin hatched, crease in the gutter, dimension under the title ---------- */
[data-layout="agenda"] [data-actor="water"]   { --x: -300px; --y: 760px; --w: 560px; }
[data-layout="agenda"] [data-actor="hatch"]   { --x: 46px; --y: 46px; --w: 40px; --h: 988px; }
[data-layout="agenda"] [data-actor="fold"]    { --x: 958px; --h: 1080px; }
[data-layout="agenda"] [data-actor="centre"]  { --x: 120px; --y: 1012px; --w: 1680px; }
[data-layout="agenda"] [data-actor="dim"]     { --x: 120px; --y: 196px; --w: 1680px; }
[data-layout="agenda"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="agenda"] [data-actor="gear"]    { --x: 1716px; --y: 50px; --w: 140px; --r: 75deg; }
[data-layout="agenda"] [data-actor="balloon"] { --x: 1650px; --y: 92px; --w: 50px; }

/* ---------- 3. section: the right half is cut (hatched section), the gear sits on it ---------- */
[data-layout="section"] [data-actor="water"]   { --x: 80px; --y: 220px; --w: 460px; }
[data-layout="section"] [data-actor="hatch"]   { --x: 1120px; --y: 46px; --w: 754px; --h: 988px; }
[data-layout="section"] [data-actor="fold"]    { --x: 1060px; --h: 1080px; }
[data-layout="section"] [data-actor="centre"]  { --x: 1150px; --y: 529px; --w: 700px; }
[data-layout="section"] [data-actor="dim"]     { --x: 1210px; --y: 846px; --w: 600px; }
[data-layout="section"] [data-actor="block"]   { --x: 1320px; --y: 900px; --w: 520px; --h: 120px; }
[data-layout="section"] [data-actor="gear"]    { --x: 1210px; --y: 230px; --w: 600px; --r: 150deg; }
[data-layout="section"] [data-actor="balloon"] { --x: 1730px; --y: 120px; --w: 70px; }

/* ---------- 4. content: crease beside the highlight, dimension measures it ---------- */
[data-layout="content"] [data-actor="water"]   { --x: 2000px; --y: 200px; --w: 600px; }
[data-layout="content"] [data-actor="hatch"]   { --x: 1260px; --y: 1002px; --w: 540px; --h: 24px; }
[data-layout="content"] [data-actor="fold"]    { --x: 1208px; --h: 1080px; }
[data-layout="content"] [data-actor="centre"]  { --x: 120px; --y: 205px; --w: 1040px; }
[data-layout="content"] [data-actor="dim"]     { --x: 1260px; --y: 218px; --w: 540px; }
[data-layout="content"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="content"] [data-actor="gear"]    { --x: 1716px; --y: 50px; --w: 140px; --r: 120deg; }
[data-layout="content"] [data-actor="balloon"] { --x: 1182px; --y: 950px; --w: 52px; }
/* even: the dimension stands up along the right edge, the gear rolls to the corner */
[data-layout="content"][data-parity="even"] [data-actor="water"]   { --x: -380px; --y: 880px; --w: 500px; }
[data-layout="content"][data-parity="even"] [data-actor="hatch"]   { --x: 120px; --y: 1004px; --w: 1040px; --h: 24px; }
[data-layout="content"][data-parity="even"] [data-actor="fold"]    { --x: 1236px; }
[data-layout="content"][data-parity="even"] [data-actor="centre"]  { --x: 120px; --y: 205px; --w: 1680px; }
[data-layout="content"][data-parity="even"] [data-actor="dim"]     { --x: 1502px; --y: 592px; --w: 680px; --r: 90deg; }
[data-layout="content"][data-parity="even"] [data-actor="gear"]    { --x: 1660px; --y: 970px; --w: 280px; --r: 200deg; }
[data-layout="content"][data-parity="even"] [data-actor="balloon"] { --x: 1760px; --y: 96px; --w: 56px; }

/* ---------- 5. two-col: crease folds across under the cards, centre line between them ---------- */
[data-layout="two-col"] [data-actor="water"]   { --x: 1900px; --y: -400px; --w: 600px; }
[data-layout="two-col"] [data-actor="hatch"]   { --x: 120px; --y: 880px; --w: 40px; --h: 110px; }
[data-layout="two-col"] [data-actor="fold"]    { --x: 958px; --y: -100px; --h: 1920px; --r: 90deg; }
[data-layout="two-col"] [data-actor="centre"]  { --x: 660px; --y: 554px; --w: 600px; --r: 90deg; }
[data-layout="two-col"] [data-actor="dim"]     { --x: 120px; --y: 218px; --w: 808px; }
[data-layout="two-col"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="two-col"] [data-actor="gear"]    { --x: 1980px; --y: 300px; --w: 300px; --r: 260deg; }
[data-layout="two-col"] [data-actor="balloon"] { --x: 1744px; --y: 206px; --w: 56px; }

/* ---------- 6. stats: one dimension spans the figures, a stain behind the middle one ---------- */
[data-layout="stats"] [data-actor="water"]   { --x: 815px; --y: 405px; --w: 290px; }
[data-layout="stats"] [data-actor="hatch"]   { --x: 46px; --y: 46px; --w: 1828px; --h: 26px; }
[data-layout="stats"] [data-actor="fold"]    { --x: 1246px; --h: 1080px; }
[data-layout="stats"] [data-actor="centre"]  { --x: 120px; --y: 1012px; --w: 1680px; }
[data-layout="stats"] [data-actor="dim"]     { --x: 120px; --y: 214px; --w: 1680px; }
[data-layout="stats"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="stats"] [data-actor="gear"]    { --x: -130px; --y: 830px; --w: 300px; --r: 300deg; }
[data-layout="stats"] [data-actor="balloon"] { --x: 1740px; --y: 100px; --w: 56px; }

/* ---------- 7. timeline: the dimension line becomes the axis (y 630) ---------- */
[data-layout="timeline"] [data-actor="water"]   { --x: -250px; --y: 800px; --w: 500px; }
[data-layout="timeline"] [data-actor="hatch"]   { --x: 46px; --y: 46px; --w: 40px; --h: 988px; }
[data-layout="timeline"] [data-actor="fold"]    { --x: 1838px; --h: 1080px; }
[data-layout="timeline"] [data-actor="centre"]  { --x: 120px; --y: 205px; --w: 1680px; }
[data-layout="timeline"] [data-actor="dim"]     { --x: 120px; --y: 612px; --w: 1680px; }
[data-layout="timeline"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="timeline"] [data-actor="gear"]    { --x: 1640px; --y: 820px; --w: 320px; --r: 400deg; }
[data-layout="timeline"] [data-actor="balloon"] { --x: 1740px; --y: 100px; --w: 56px; }

/* ---------- 8. quote: a big water stain deepens the blue under the words ---------- */
[data-layout="quote"] [data-actor="water"]   { --x: 210px; --y: -310px; --w: 1500px; }
[data-layout="quote"] [data-actor="hatch"]   { --x: 200px; --y: 330px; --w: 30px; --h: 420px; }
[data-layout="quote"] [data-actor="fold"]    { --x: 1700px; --h: 1080px; }
[data-layout="quote"] [data-actor="centre"]  { --x: 280px; --y: 960px; --w: 1360px; }
[data-layout="quote"] [data-actor="dim"]     { --x: 960px; --y: 1100px; --w: 0px; }
[data-layout="quote"] [data-actor="block"]   { --x: 1340px; --y: 1100px; }
[data-layout="quote"] [data-actor="gear"]    { --x: 1520px; --y: 720px; --w: 480px; --r: 480deg; }
[data-layout="quote"] [data-actor="balloon"] { --x: 250px; --y: 230px; --w: 64px; }

/* ---------- 9. closing: the title block returns and takes the stamp (the only red) ---------- */
[data-layout="closing"] [data-actor="water"]   { --x: 460px; --y: 40px; --w: 1000px; }
[data-layout="closing"] [data-actor="hatch"]   { --x: 1300px; --y: 1008px; --w: 540px; --h: 24px; }
[data-layout="closing"] [data-actor="fold"]    { --x: 1838px; --h: 1080px; }
[data-layout="closing"] [data-actor="centre"]  { --x: 460px; --y: 830px; --w: 1000px; }
[data-layout="closing"] [data-actor="dim"]     { --x: 560px; --y: 290px; --w: 800px; }
[data-layout="closing"] [data-actor="block"]   { --x: 1300px; --y: 870px; --w: 540px; --h: 136px; }
[data-layout="closing"] [data-actor="gear"]    { --x: 110px; --y: 350px; --w: 300px; --r: 560deg; }
[data-layout="closing"] [data-actor="balloon"] { --x: 1236px; --y: 900px; --w: 52px; }
[data-layout="closing"] [data-actor="stamp"]   { --x: 1520px; --y: 700px; --s: 1; --o: 1; }

/* ---------- content tweaks: drafting lettering, outline numerals, balloon bullets ---------- */
.slide .title { line-height: 1.2; }
.slide .kicker { font-family: var(--font-mono); font-weight: 600; letter-spacing: 0.24em; color: var(--muted); }
.slide .subtitle { line-height: 1.4; }
.slide[data-layout="cover"] { align-items: flex-start; text-align: left; padding: 0 880px 0 120px; }
.slide[data-layout="cover"] .title { font-size: 88px; }
.slide[data-layout="cover"] .meta { font-family: var(--font-mono); letter-spacing: 0.08em; border-top: 2px solid var(--line-soft); padding-top: 14px; }
.slide[data-layout="closing"] .title { font-size: 150px; }
.slide[data-layout="section"] .num { font-size: 240px; color: transparent; -webkit-text-stroke: 3px var(--line); }
.agenda-list { --agenda-gap: 160px; --tile-line: 2px solid rgba(231, 240, 249, 0.3); }
.agenda-list li { padding-top: 12px; }
.agenda-list li.is-right { flex-direction: row; text-align: left; }
.agenda-list li.is-right .num { text-align: left; }
.agenda-list .num { color: transparent; -webkit-text-stroke: 2px var(--line); }
.bullets li::before, .col li::before { background: var(--fill); border: 2px solid var(--line); }
.slide[data-layout="content"] .hl-text { text-transform: uppercase; letter-spacing: 0.04em; }
.col { border: 2px solid var(--line-soft); }
.col h3 { color: var(--fg); padding-bottom: 14px; border-bottom: 2px solid var(--line-soft); }
.takeaway { border-left: 0; padding-left: 72px; }
.stat-label { color: var(--muted); }
.timeline::before { display: none; }
.step::before { background: var(--fill); border: 3px solid var(--line); }
.step .when { font-family: var(--font-mono); font-weight: 600; }
.slide[data-layout="quote"] .quote { font-weight: 500; line-height: 1.3; }
.slide[data-layout="quote"] .cite { font-family: var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; font-size: 24px; }