/* ===========================================================
   STYLE: MAU NUOC / Màu nước (watercolor field journal, light).
   Idea from MotionFly / lemo-opuscar (MIT), styles/watercolor.
   Warm cotton paper with fibres; translucent washes painted in
   three passes so the edge pools darker (tide line) and overlaps
   darken like real pigment; a deckled sheet, a dry-brush stroke
   whose bristles break into flying white, a graphite pencil
   sketch frame (gradient hairlines) drawn first, a painted sprig and one vermilion
   bloom as the single accent. Washes are SVG masks over
   background-color, so they change hue smoothly between layouts.
   Actors: sheet (deckled paper), wash-a (sage), wash-b (straw),
           wash-c (rain blue), sprig (painted leaves), stroke
           (dry brush), pencil (sketch frame), bloom (vermilion
           drop). DOM order = z-order (sheet first).
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,600;1,500&family=Be+Vietnam+Pro:wght@300;400;600&family=Dancing+Script:wght@500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

.deck-stage {
  --actors: "sheet wash-a wash-b wash-c sprig stroke pencil bloom";
  --font-display: 'EB Garamond', Georgia, serif;
  --font-body: 'Be Vietnam Pro', sans-serif;
  --font-hand: 'Dancing Script', cursive;
  --font-mono: 'IBM Plex Mono', monospace;
  --paper: #F3ECDD; --sheet: #FBF8F1; --ink: #2F2922; --ink-2: #6E5D4B; --graphite: #7E7871;
  --sage: #7F9F6A; --leaf: #4E6E3C; --straw: #D6B36A; --rain: #8FA9BE; --slate: #5F7486; --vermilion: #C2462B;
  --bg: var(--paper); --fg: var(--ink); --muted: #645646; --accent: #B23F27;
  --card-bg: transparent; --card-fg: var(--ink); --card-radius: 4px;
  --title-weight: 500; --title-tracking: -0.005em; --bullet-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath d='M59.4 248.3Q53.7 258.2 52.5 263.5M290.8 184.5Q286.8 189.6 290.6 196.7M210.7 24.9Q203.7 24.9 201 32.3M359.1 265.9Q346.6 268.2 341.5 273.2M179.1 41.7Q169.1 45.3 164.7 43.9M45 334.1Q45 342.8 47.6 351.8M67.3 13.4Q64 13.5 56.1 18.4M348.8 321.8Q341.6 331.2 333.2 337M44.1 171.5Q42.5 177.6 34.1 177.5M147.5 131.5Q152.6 138 149.7 146.2M9.7 33.6Q1.4 43.5 -6.7 53.6M198.2 269.3Q205.9 276.4 212.7 281.5M65 61.2Q69.5 73 76.4 83.2M110.4 37.2Q123.7 38.5 132.5 41.8M246 243.3Q233.3 251.2 222 251.2M346.1 212.6Q337.3 213.6 330.4 218.6M315.4 58.4Q328.6 60.7 337.4 63.3M301.3 18.8Q305.2 20.9 310.4 28.4M25 121.7Q14.8 125.5 0.6 129.7M90.8 345.2Q86.2 353.4 89.1 366.2M301.8 286.3Q292.4 290.4 284.2 293.1M305.8 110.9Q307.2 113.4 304.4 123.8M246.7 343.4Q257.2 346.9 265.3 344.8M210.4 92.6Q217.3 101.7 217.7 116.7M34.1 33.8Q39.3 37.4 50.1 35.1M235.9 45.6Q235 50.2 234.2 59.3M59.8 66.2Q64.1 72.2 67.6 85.5M255.9 314.6Q243.5 321.5 239 329.1M22.9 275Q29.7 282 40.6 285.9M112.9 15.1Q118.4 19.8 117.5 27.8M181.1 197.8Q177.1 198.6 171.5 199.3M264.4 348.2Q270.4 357.2 276 365.2M22.9 293.3Q14.3 297.8 8.6 294.3M38.7 27.4Q51.8 29.6 60.8 32.6M223.7 7.1Q220.3 13.4 216.7 21.5M144.5 81.2Q150.3 84 160.2 83.6M294.2 260.6Q294.2 266.5 295.9 272.7M227.5 346.7Q235.4 350.7 243.5 351.1M320.6 280.6Q317.7 293.5 312.2 300.6M251.6 245.9Q259.5 255.3 269.2 262.9M296.9 346.9Q291.4 345.6 288.8 347.2M140.8 52.4Q138.5 60.5 139.3 61.7M267.2 166.4Q280.8 168.3 291 174.9M120.7 231Q120.9 234.9 113.8 241.7M91.5 304.3Q98.1 309.8 109.5 313.7M99.9 136.4Q91.3 138.9 83.7 139.5' fill='none' stroke='%238A7553' stroke-opacity='.17' stroke-width='.7' stroke-linecap='round'/%3E%3Cg fill='%237A6545' fill-opacity='.14'%3E%3Ccircle cx='86.5' cy='2.7' r='0.7'/%3E%3Ccircle cx='34' cy='111.2' r='0.6'/%3E%3Ccircle cx='322' cy='133.2' r='0.5'/%3E%3Ccircle cx='285' cy='296' r='0.7'/%3E%3Ccircle cx='17.7' cy='67.5' r='0.6'/%3E%3Ccircle cx='198.7' cy='81' r='0.8'/%3E%3Ccircle cx='303.7' cy='333.1' r='0.8'/%3E%3Ccircle cx='6.3' cy='209.5' r='0.4'/%3E%3Ccircle cx='323.9' cy='268.9' r='0.8'/%3E%3Ccircle cx='67.8' cy='21.5' r='0.8'/%3E%3Ccircle cx='218.3' cy='223.3' r='0.6'/%3E%3Ccircle cx='288' cy='121.7' r='0.5'/%3E%3Ccircle cx='127.1' cy='107.3' r='0.7'/%3E%3Ccircle cx='320.5' cy='25.6' r='0.4'/%3E%3Ccircle cx='184.2' cy='244.1' r='0.5'/%3E%3Ccircle cx='97.1' cy='21.2' r='0.4'/%3E%3Ccircle cx='178.2' cy='245.1' r='0.7'/%3E%3Ccircle cx='56.9' cy='37.5' r='0.9'/%3E%3Ccircle cx='193.9' cy='147' r='0.7'/%3E%3Ccircle cx='262' cy='188.8' r='0.4'/%3E%3Ccircle cx='297.8' cy='76.9' r='0.4'/%3E%3Ccircle cx='126.8' cy='191.7' r='0.7'/%3E%3Ccircle cx='62.7' cy='255.5' r='0.6'/%3E%3Ccircle cx='58.3' cy='306.3' r='0.8'/%3E%3Ccircle cx='326.3' cy='244.6' r='0.5'/%3E%3Ccircle cx='280' cy='325' r='0.7'/%3E%3Ccircle cx='327' cy='349.3' r='0.6'/%3E%3Ccircle cx='339.1' cy='337.2' r='0.8'/%3E%3Ccircle cx='4' cy='126.7' r='0.7'/%3E%3Ccircle cx='218.6' cy='272' r='0.7'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- actor looks + off-stage defaults ---------- */
[data-actor] { mask: var(--m) center / 100% 100% no-repeat; -webkit-mask: var(--m) center / 100% 100% no-repeat; }
[data-actor="sheet"]  { background-color: var(--sheet); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='none'%3E%3Cpolygon points='0,2 8,1.5 16,3 24,1.2 32,2.6 40,2.1 48,1.2 56,2.5 64,1.1 72,2.3 80,1.2 88,1.3 96,2.3 104,3.5 112,1.4 120,1.7 128,2.9 136,3.8 144,2.7 152,2.2 160,3.9 168,1.1 176,3.6 184,1.9 192,1.4 200,1.4 208,1.9 216,3.4 224,1.5 232,2.7 240,2.9 248,2.1 256,2.6 264,1.2 272,1.2 280,1.6 288,3 296,2.3 304,1.9 312,2.8 320,2.4 328,1.9 336,3.4 344,3.1 352,1.7 360,2.7 368,2.6 376,3.6 384,3.2 392,1.9 400,3.9 398.6,8 397.7,16 396.7,24 398.5,32 397.5,40 398.9,48 397,56 396.7,64 397.3,72 396.4,80 398.1,88 396.9,96 397.2,104 397.3,112 397.6,120 396.5,128 396.2,136 397.6,144 397,152 398.8,160 396.9,168 397.1,176 396,184 396.5,192 398.1,200 397.8,208 397,216 398.9,224 397.6,232 398.5,240 398.6,248 398.8,256 396.7,264 398.6,272 398.3,280 397.8,288 396.4,296 400,298.8 392,297.7 384,297.4 376,296.3 368,296.5 360,296.4 352,298.2 344,297.8 336,297.9 328,296.3 320,296.1 312,298.5 304,298.5 296,298.3 288,298.3 280,297.5 272,297.2 264,298.2 256,299 248,297.7 240,297.9 232,297.3 224,296.1 216,296.9 208,297.5 200,297.1 192,297 184,298.8 176,296.3 168,296.7 160,296.4 152,296.6 144,297.8 136,297.8 128,298.7 120,297.1 112,298.8 104,298.8 96,298.4 88,298.5 80,298 72,298.8 64,299 56,298.5 48,298.7 40,297.9 32,298.9 24,296.4 16,297.2 8,298.6 0,298.2 2,292 2.1,284 1.4,276 3.5,268 4,260 2.4,252 2.5,244 1.3,236 1.3,228 2,220 1.8,212 3.5,204 1.5,196 1.1,188 3.9,180 2.6,172 1.4,164 2.6,156 1.1,148 2.6,140 3.9,132 3.6,124 3.1,116 1.8,108 2.1,100 1.5,92 3.3,84 2.6,76 3.3,68 2,60 1.7,52 3.4,44 4,36 3.6,28 3.4,20 3.5,12 3.2,4' fill='white'/%3E%3C/svg%3E"); --x: 1100px; --y: 1200px; --w: 700px; --h: 800px; }
[data-actor="wash-a"] { background-color: var(--sage); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150' preserveAspectRatio='none'%3E%3Cpath d='M182.3 76.1C183.9 89.3 185.2 110.5 178.1 120.5C171 130.5 153.8 133.8 139.8 136.1C125.7 138.4 110.2 135.6 93.8 134.3C77.5 133 56.5 134.2 41.6 128.6C26.7 122.9 8.2 111.1 4.5 100.4C0.7 89.6 14.9 76.5 19.1 64.3C23.3 52.1 18.8 36 29.7 27.3C40.6 18.6 66.9 14.4 84.5 12C102.1 9.6 121.2 8 135.2 13C149.2 17.9 160.6 31.3 168.5 41.8C176.3 52.4 180.7 63 182.3 76.1Z' fill='white' fill-opacity='.34'/%3E%3Cpath d='M190.1 72.8C191.5 83.2 191.2 98 182.2 107.7C173.1 117.4 151.2 125.9 135.7 130.8C120.3 135.8 102.8 138.2 89.5 137.6C76.2 137 67.2 134.6 56 127.2C44.9 119.8 28.4 105.2 22.6 93.2C16.8 81.1 16.2 64 21 54.7C25.9 45.5 41.3 44.2 51.7 37.7C62 31.1 67.8 17.6 83.1 15.2C98.4 12.9 128.3 18.6 143.4 23.6C158.5 28.6 166 37 173.8 45.2C181.6 53.4 188.7 62.4 190.1 72.8Z' fill='white' fill-opacity='.2'/%3E%3Cpath d='M148.5 76.2C149.6 83.8 148.9 92 143.5 95.9C138.2 99.8 125.7 98.1 116.1 99.3C106.5 100.6 96.6 102.3 86.1 103.3C75.6 104.3 59.6 109.7 53.2 105.5C46.7 101.3 48.9 84.8 47.6 78.2C46.3 71.6 42 71 45.2 65.9C48.5 60.8 60.7 51.7 67.2 47.6C73.7 43.5 76.7 43 84.3 41.2C91.8 39.3 104 34.9 112.7 36.4C121.5 37.9 130.9 43.6 136.9 50.3C142.9 56.9 147.4 68.6 148.5 76.2Z' fill='white' fill-opacity='.12'/%3E%3Cpath d='M182.3 76.1C183.9 89.3 185.2 110.5 178.1 120.5C171 130.5 153.8 133.8 139.8 136.1C125.7 138.4 110.2 135.6 93.8 134.3C77.5 133 56.5 134.2 41.6 128.6C26.7 122.9 8.2 111.1 4.5 100.4C0.7 89.6 14.9 76.5 19.1 64.3C23.3 52.1 18.8 36 29.7 27.3C40.6 18.6 66.9 14.4 84.5 12C102.1 9.6 121.2 8 135.2 13C149.2 17.9 160.6 31.3 168.5 41.8C176.3 52.4 180.7 63 182.3 76.1Z' fill='none' stroke='white' stroke-opacity='.5' stroke-width='1.6'/%3E%3Cg fill='white' fill-opacity='.28'%3E%3Ccircle cx='162.5' cy='64.2' r='1.3'/%3E%3Ccircle cx='63.7' cy='73.3' r='0.8'/%3E%3Ccircle cx='106.1' cy='33.9' r='1'/%3E%3Ccircle cx='73.5' cy='30.5' r='1.3'/%3E%3Ccircle cx='159.4' cy='41.2' r='1.2'/%3E%3Ccircle cx='104.1' cy='67.8' r='1.1'/%3E%3Ccircle cx='123.2' cy='53.5' r='0.9'/%3E%3Ccircle cx='101' cy='122.8' r='1.4'/%3E%3Ccircle cx='139.9' cy='70.9' r='1.4'/%3E%3Ccircle cx='169' cy='112.1' r='0.8'/%3E%3Ccircle cx='87.1' cy='48.7' r='1'/%3E%3Ccircle cx='151' cy='74.5' r='0.9'/%3E%3Ccircle cx='51.7' cy='40.2' r='1.3'/%3E%3Ccircle cx='165.1' cy='112.6' r='0.6'/%3E%3C/g%3E%3C/svg%3E"); --x: -700px; --y: 200px; --w: 600px; --h: 450px; }
[data-actor="wash-b"] { background-color: var(--straw); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 180' preserveAspectRatio='none'%3E%3Cpath d='M154.8 95.1C155.1 106.9 143.6 114.3 136.2 127C128.9 139.7 121.7 163.2 110.7 171.1C99.7 179 82.1 177.1 70.1 174.3C58.1 171.5 48.4 163.8 38.9 154.3C29.3 144.7 18.4 132.1 12.7 117C7 102 2 79.2 4.7 63.8C7.3 48.5 17.7 32.2 28.3 25.2C38.9 18.2 54.4 23.5 68.2 21.8C82 20.1 100.1 9.3 111.1 15.1C122.2 20.8 127.1 43.1 134.3 56.5C141.6 69.8 154.5 83.3 154.8 95.1Z' fill='white' fill-opacity='.34'/%3E%3Cpath d='M156.2 85.9C155.5 97.5 142.3 117.6 134.2 130.3C126.1 143 118.5 156.2 107.5 162C96.5 167.8 80.4 167.4 68 165.2C55.6 163 40 157.4 33.1 148.8C26.3 140.2 27.8 126.8 26.9 113.6C26 100.5 26.5 83.6 27.7 70C28.9 56.3 26.7 38.6 34.1 31.7C41.5 24.7 59.9 27.9 72.1 28.2C84.3 28.5 96.1 28.1 107.1 33.5C118.1 38.9 130.1 52 138.3 60.7C146.5 69.5 156.9 74.4 156.2 85.9Z' fill='white' fill-opacity='.2'/%3E%3Cpath d='M112.4 85.5C111.9 93.2 110.1 101.3 106.8 107.7C103.5 114.2 99.1 121.6 92.7 124.4C86.2 127.2 75.4 126.6 67.9 124.5C60.5 122.3 54.1 114.9 48 111.6C41.8 108.3 34.3 112.2 31 104.6C27.7 97.1 24.6 74.5 28.2 66.3C31.7 58.1 46 58.7 52.4 55.3C58.8 52 60.3 47 66.5 46.2C72.6 45.3 81.8 47.4 89 50C96.3 52.6 105.9 55.7 109.8 61.7C113.7 67.6 112.9 77.8 112.4 85.5Z' fill='white' fill-opacity='.12'/%3E%3Cpath d='M154.8 95.1C155.1 106.9 143.6 114.3 136.2 127C128.9 139.7 121.7 163.2 110.7 171.1C99.7 179 82.1 177.1 70.1 174.3C58.1 171.5 48.4 163.8 38.9 154.3C29.3 144.7 18.4 132.1 12.7 117C7 102 2 79.2 4.7 63.8C7.3 48.5 17.7 32.2 28.3 25.2C38.9 18.2 54.4 23.5 68.2 21.8C82 20.1 100.1 9.3 111.1 15.1C122.2 20.8 127.1 43.1 134.3 56.5C141.6 69.8 154.5 83.3 154.8 95.1Z' fill='none' stroke='white' stroke-opacity='.5' stroke-width='1.6'/%3E%3Cg fill='white' fill-opacity='.28'%3E%3Ccircle cx='87.5' cy='118' r='0.6'/%3E%3Ccircle cx='124.1' cy='105.3' r='1.2'/%3E%3Ccircle cx='119.8' cy='71.8' r='1.3'/%3E%3Ccircle cx='100.5' cy='47.3' r='1.2'/%3E%3Ccircle cx='91.1' cy='127' r='1.3'/%3E%3Ccircle cx='98.5' cy='102.7' r='1.4'/%3E%3Ccircle cx='42.9' cy='51.1' r='1.2'/%3E%3Ccircle cx='100.1' cy='143.9' r='1.2'/%3E%3Ccircle cx='84.6' cy='136.7' r='0.7'/%3E%3Ccircle cx='50.3' cy='145.6' r='1.2'/%3E%3Ccircle cx='95.8' cy='92.7' r='0.7'/%3E%3Ccircle cx='66.6' cy='56.7' r='0.8'/%3E%3Ccircle cx='76.9' cy='44.1' r='1.3'/%3E%3Ccircle cx='38.7' cy='32.3' r='1.1'/%3E%3C/g%3E%3C/svg%3E"); --x: 2000px; --y: 600px; --w: 500px; --h: 560px; }
[data-actor="wash-c"] { background-color: var(--rain); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 120' preserveAspectRatio='none'%3E%3Cpath d='M241.4 53.5C244.8 62.2 243 79.4 228 88.1C213.1 96.8 172.3 102.1 151.8 105.7C131.2 109.2 122.4 110 104.7 109.6C86.9 109.1 59.3 109.6 45.5 102.9C31.6 96.3 27.2 79.7 21.5 69.9C15.8 60.1 5.2 51.7 11.3 44.2C17.5 36.6 43.3 30.3 58.4 24.5C73.5 18.6 81.7 11.4 101.9 9.2C122.1 7.1 161.9 7.1 179.5 11.5C197.1 15.9 197.2 28.6 207.5 35.6C217.8 42.5 238 44.7 241.4 53.5Z' fill='white' fill-opacity='.34'/%3E%3Cpath d='M222.8 58.3C221.2 68 211.4 83 203.3 91C195.3 98.9 189.3 102.9 174.5 106.2C159.8 109.5 134.1 111.3 114.9 110.8C95.8 110.2 72.6 108.1 59.7 102.9C46.8 97.7 40.4 88.9 37.5 79.5C34.7 70.1 38.4 54.7 42.6 46.5C46.9 38.3 52.2 35.7 63 30.4C73.8 25.1 87.4 17.1 107.4 14.8C127.3 12.4 165.1 13.5 182.7 16.5C200.2 19.5 206.1 25.9 212.8 32.9C219.5 39.9 224.4 48.6 222.8 58.3Z' fill='white' fill-opacity='.2'/%3E%3Cpath d='M181.3 55.3C180.8 60.9 168.6 67.9 163.2 73.1C157.8 78.3 158.9 84.9 148.9 86.7C138.8 88.4 116.9 84.2 102.9 83.4C88.8 82.5 75.3 84.6 64.7 81.6C54.1 78.6 42.3 71.6 39.3 65.5C36.3 59.5 40.5 50.7 46.5 45.3C52.4 39.8 66.6 36.6 75.1 33C83.5 29.3 87.4 23.2 97.2 23.3C107 23.4 122.2 31 133.7 33.7C145.3 36.3 158.6 35.4 166.5 39C174.5 42.6 181.9 49.6 181.3 55.3Z' fill='white' fill-opacity='.12'/%3E%3Cpath d='M241.4 53.5C244.8 62.2 243 79.4 228 88.1C213.1 96.8 172.3 102.1 151.8 105.7C131.2 109.2 122.4 110 104.7 109.6C86.9 109.1 59.3 109.6 45.5 102.9C31.6 96.3 27.2 79.7 21.5 69.9C15.8 60.1 5.2 51.7 11.3 44.2C17.5 36.6 43.3 30.3 58.4 24.5C73.5 18.6 81.7 11.4 101.9 9.2C122.1 7.1 161.9 7.1 179.5 11.5C197.1 15.9 197.2 28.6 207.5 35.6C217.8 42.5 238 44.7 241.4 53.5Z' fill='none' stroke='white' stroke-opacity='.5' stroke-width='1.6'/%3E%3Cg fill='white' fill-opacity='.28'%3E%3Ccircle cx='146' cy='72.1' r='0.6'/%3E%3Ccircle cx='59.2' cy='96.5' r='0.8'/%3E%3Ccircle cx='152.4' cy='55.4' r='1.5'/%3E%3Ccircle cx='152.7' cy='47' r='0.7'/%3E%3Ccircle cx='88.8' cy='87.6' r='1.5'/%3E%3Ccircle cx='165.7' cy='33.9' r='1.2'/%3E%3Ccircle cx='77.3' cy='83.2' r='0.8'/%3E%3Ccircle cx='68.8' cy='35.3' r='1.4'/%3E%3Ccircle cx='74.8' cy='30.9' r='0.7'/%3E%3Ccircle cx='87' cy='55.7' r='0.8'/%3E%3Ccircle cx='143.5' cy='98.3' r='1.3'/%3E%3Ccircle cx='152.8' cy='34.2' r='1.2'/%3E%3Ccircle cx='136.9' cy='36.4' r='1.4'/%3E%3Ccircle cx='67.8' cy='78.2' r='1.2'/%3E%3C/g%3E%3C/svg%3E"); --x: 800px; --y: -400px; --w: 600px; --h: 300px; }
[data-actor="sprig"]  { background-color: var(--leaf); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 240'%3E%3Cpath d='M62 236 C58 186 64 128 57 70 C54 44 58 22 63 6' fill='none' stroke='white' stroke-opacity='.85' stroke-width='2.4' stroke-linecap='round'/%3E%3Cg fill='white' stroke='white'%3E%3Cg transform='translate%2857.2 198.2%29 rotate%28-141.9%29'%3E%3Cpath d='M0 0 C14.3 -11.4 34.2 -11.4 47.5 0 C34.2 11.4 14.3 11.4 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C14.3 -11.4 34.2 -11.4 47.5 0 C34.2 11.4 14.3 11.4 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L40.4 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2857.2 169.9%29 rotate%28-34.9%29'%3E%3Cpath d='M0 0 C13.9 -11.1 33.2 -11.1 46.2 0 C33.2 11.1 13.9 11.1 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C13.9 -11.1 33.2 -11.1 46.2 0 C33.2 11.1 13.9 11.1 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L39.2 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2858.7 141.6%29 rotate%28-144.8%29'%3E%3Cpath d='M0 0 C13 -10.4 31.3 -10.4 43.4 0 C31.3 10.4 13 10.4 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C13 -10.4 31.3 -10.4 43.4 0 C31.3 10.4 13 10.4 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L36.9 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2860.8 113.3%29 rotate%28-42.6%29'%3E%3Cpath d='M0 0 C11 -8.8 26.5 -8.8 36.8 0 C26.5 8.8 11 8.8 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C11 -8.8 26.5 -8.8 36.8 0 C26.5 8.8 11 8.8 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L31.3 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2862.5 85%29 rotate%28-140.4%29'%3E%3Cpath d='M0 0 C12 -9.6 28.7 -9.6 39.9 0 C28.7 9.6 12 9.6 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C12 -9.6 28.7 -9.6 39.9 0 C28.7 9.6 12 9.6 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L33.9 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2863 59%29 rotate%28-48.2%29'%3E%3Cpath d='M0 0 C11.2 -9 26.9 -9 37.4 0 C26.9 9 11.2 9 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C11.2 -9 26.9 -9 37.4 0 C26.9 9 11.2 9 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L31.8 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2862.3 35.4%29 rotate%28-133.9%29'%3E%3Cpath d='M0 0 C9.8 -7.9 23.6 -7.9 32.8 0 C23.6 7.9 9.8 7.9 0 0Z' stroke='none' fill-opacity='.5'/%3E%3Cpath d='M0 0 C9.8 -7.9 23.6 -7.9 32.8 0 C23.6 7.9 9.8 7.9 0 0Z' fill='none' stroke-opacity='.4' stroke-width='.8'/%3E%3Cpath d='M2 0 L27.9 0' fill='none' stroke-opacity='.3' stroke-width='.7'/%3E%3C/g%3E%3Cg transform='translate%2863 8%29 rotate%28-95%29'%3E%3Cpath d='M0 0 C9 -7 22 -7 30 0 C22 7 9 7 0 0Z' stroke='none' fill-opacity='.55'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --x: 2000px; --y: -300px; --w: 150px; --h: 300px; --r: 40deg; }
[data-actor="stroke"] { background-color: var(--ink-2); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M2 15.4 L12 11.9 L22 10 L32 6.9 L42 7.5 L52 9.4 L62 9.1 L72 8.8 L82 8.8 L92 8.7 L102 9.1 L112 9.4 L122 8.4 L132 9.9 L142 9.6 L152 9.7 L162 9.1 L172 9.3 L182 10.4 L192 8.7 L202 10.8 L212 10.1 L222 9.9 L232 9.7 L242 10.3 L252 10.7 L262 11.2 L272 10.8 L282 11.4 L292 11.6 L302 11.2 L302 28.6 L292 29.5 L282 30.6 L272 28.8 L262 30.9 L252 30.8 L242 30.9 L232 30.2 L222 29.8 L212 29.7 L202 30.1 L192 29.7 L182 29.5 L172 31.6 L162 31.4 L152 31.8 L142 31.8 L132 30.9 L122 30 L112 31.4 L102 30.2 L92 32 L82 32.4 L72 30.7 L62 31.6 L52 31.7 L42 31.2 L32 32.8 L22 29.3 L12 28 L2 24.1Z' fill='white' fill-opacity='.42'/%3E%3Cpath d='M2 17.6 L12 14.1 L22 12.2 L32 9.1 L42 9.7 L52 11.6 L62 11.3 L72 11 L82 11 L92 10.9 L102 11.3 L112 11.6 L122 10.6 L132 12.1 L142 11.8 L152 11.9 L162 11.3 L172 11.5 L182 12.6 L192 10.9 L202 13 L212 12.3 L222 12.1 L232 11.9 L242 12.5 L252 12.9 L262 13.4 L272 13 L282 13.6 L292 13.8 L302 13.4 L302 26.4 L292 27.3 L282 28.4 L272 26.6 L262 28.7 L252 28.6 L242 28.7 L232 28 L222 27.6 L212 27.5 L202 27.9 L192 27.5 L182 27.3 L172 29.4 L162 29.2 L152 29.6 L142 29.6 L132 28.7 L122 27.8 L112 29.2 L102 28 L92 29.8 L82 30.2 L72 28.5 L62 29.4 L52 29.5 L42 29 L32 30.6 L22 27.1 L12 25.8 L2 21.9Z' fill='white' fill-opacity='.22'/%3E%3Cg fill='none' stroke='white' stroke-linecap='round'%3E%3Cpath d='M15 11 Q189.9 10 379.8 10.2' stroke-width='1.7' stroke-opacity='0.8' stroke-dasharray='24.6 2.8 6.3 5.3 39.6 1.9 32.8 3.3'/%3E%3Cpath d='M12 14 Q152.1 13.4 304.2 12.3' stroke-width='1.5' stroke-opacity='0.5' stroke-dasharray='26.1 1.7 29.9 3 35.7 5.9 22.2 6'/%3E%3Cpath d='M9 17 Q159.5 16.6 318.9 16.8' stroke-width='1.5' stroke-opacity='0.7' stroke-dasharray='18.7 4.2 9.6 1.7 35.2 2.9 38.5 5.5'/%3E%3Cpath d='M6 20 Q178.6 21.4 357.2 20.1' stroke-width='1.5' stroke-opacity='0.5' stroke-dasharray='24.1 4.3 37.9 3.8 19.5 4.7 12.6 2.9'/%3E%3Cpath d='M9 23 Q169.9 22.6 339.9 23.8' stroke-width='1.7' stroke-opacity='0.5' stroke-dasharray='24.9 1.6 26.2 4.3 6.2 4.3 20.8 4.6'/%3E%3Cpath d='M12 26 Q152.9 25.6 305.8 26.4' stroke-width='1.3' stroke-opacity='0.6' stroke-dasharray='28.3 5.8 13 3.6 25.3 2.9 17.1 2.9'/%3E%3Cpath d='M15 29 Q187.1 28.8 374.1 29.8' stroke-width='1.1' stroke-opacity='0.6' stroke-dasharray='5 4.1 30.5 2.9 12 5.1 12.6 2.3'/%3E%3C/g%3E%3C/svg%3E"); --x: 120px; --y: 900px; --w: 0px; --h: 40px; }
/* pencil: graphite lines of constant width (gradient layers), drawn twice and slightly off like a quick sketch */
[data-actor="pencil"] { mask: none; -webkit-mask: none; --x: 960px; --y: 540px; --w: 0px; --h: 0px; --o: 0;
  background: linear-gradient(rgba(126, 120, 113, 0.85), rgba(126, 120, 113, 0.85)) 0 1.5% / 100% 1.6px no-repeat, linear-gradient(rgba(126, 120, 113, 0.85), rgba(126, 120, 113, 0.85)) 0 98.5% / 100% 1.6px no-repeat,
    linear-gradient(rgba(126, 120, 113, 0.85), rgba(126, 120, 113, 0.85)) 1.2% 0 / 1.6px 100% no-repeat, linear-gradient(rgba(126, 120, 113, 0.85), rgba(126, 120, 113, 0.85)) 98.8% 0 / 1.6px 100% no-repeat,
    linear-gradient(rgba(126, 120, 113, 0.4), rgba(126, 120, 113, 0.4)) 30% 3% / 72% 1px no-repeat, linear-gradient(rgba(126, 120, 113, 0.4), rgba(126, 120, 113, 0.4)) 75% 97% / 60% 1px no-repeat,
    linear-gradient(rgba(126, 120, 113, 0.4), rgba(126, 120, 113, 0.4)) 2.6% 35% / 1px 70% no-repeat, linear-gradient(rgba(126, 120, 113, 0.4), rgba(126, 120, 113, 0.4)) 97.4% 65% / 1px 64% no-repeat; }
[data-actor="bloom"]  { background-color: var(--vermilion); --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M87.1 50C88.5 52 89.3 54.8 88.7 56.8C88.1 58.9 85 60.5 83.5 62.2C82.1 63.9 81.1 65.6 79.9 67.3C78.7 68.9 77.1 69.9 76.4 72.1C75.7 74.4 77.1 79.1 75.7 80.6C74.3 82.1 70.5 81.4 68 81.2C65.5 81 62.6 78.3 60.7 79.4C58.8 80.4 58.4 85.9 56.6 87.5C54.8 89 52.1 89.1 50 88.6C47.9 88.2 45.8 85.8 43.9 84.7C42 83.5 40.3 82.5 38.5 81.5C36.8 80.6 35.8 78.9 33.3 78.9C30.8 79 25.2 82.7 23.4 81.7C21.6 80.7 22.7 75.7 22.6 73C22.5 70.3 24.4 67.3 22.9 65.6C21.5 64 15.6 64.7 13.8 63.2C12 61.7 12.4 58.9 12.2 56.7C12 54.5 11.7 52.1 12.5 50C13.4 47.9 16.6 46.2 17.5 44.3C18.4 42.3 18.3 40.7 17.9 38.3C17.5 35.9 14.4 31.7 15.4 30C16.3 28.3 21.3 28.6 23.6 27.8C25.9 27 27.7 26.6 29.1 25.1C30.5 23.6 30.6 20.5 32 18.8C33.4 17.2 35.4 16 37.3 15.1C39.2 14.3 41.5 13.2 43.6 13.7C45.7 14.3 47.9 18.3 50 18.4C52.1 18.6 53.9 15.8 56.2 14.7C58.6 13.5 62.2 10.5 64 11.4C65.9 12.4 65.8 18.3 67.1 20.3C68.5 22.3 70.6 22.3 72.3 23.5C73.9 24.6 75.2 26.1 77.1 27.3C79 28.4 82.3 28.9 83.7 30.5C85.1 32.2 85.8 34.8 85.2 37.2C84.6 39.5 79.8 42.6 80.1 44.7C80.4 46.8 85.6 48 87.1 50Z' fill='white' fill-opacity='.42'/%3E%3Cpath d='M66.1 47.9C65.7 51.6 60.8 54.8 58.4 57.2C56 59.7 55.3 61.4 51.9 62.6C48.5 63.7 41.6 65.6 37.8 64C34 62.4 30.6 56.7 29.1 53C27.7 49.3 27.8 44.9 29.1 42C30.4 39 33.6 37.3 37 35.2C40.3 33.1 44.9 29.5 49 29.5C53 29.5 58.2 31.9 61.1 35C63.9 38.1 66.6 44.2 66.1 47.9Z' fill='white' fill-opacity='.14'/%3E%3Cpath d='M87.1 50C88.5 52 89.3 54.8 88.7 56.8C88.1 58.9 85 60.5 83.5 62.2C82.1 63.9 81.1 65.6 79.9 67.3C78.7 68.9 77.1 69.9 76.4 72.1C75.7 74.4 77.1 79.1 75.7 80.6C74.3 82.1 70.5 81.4 68 81.2C65.5 81 62.6 78.3 60.7 79.4C58.8 80.4 58.4 85.9 56.6 87.5C54.8 89 52.1 89.1 50 88.6C47.9 88.2 45.8 85.8 43.9 84.7C42 83.5 40.3 82.5 38.5 81.5C36.8 80.6 35.8 78.9 33.3 78.9C30.8 79 25.2 82.7 23.4 81.7C21.6 80.7 22.7 75.7 22.6 73C22.5 70.3 24.4 67.3 22.9 65.6C21.5 64 15.6 64.7 13.8 63.2C12 61.7 12.4 58.9 12.2 56.7C12 54.5 11.7 52.1 12.5 50C13.4 47.9 16.6 46.2 17.5 44.3C18.4 42.3 18.3 40.7 17.9 38.3C17.5 35.9 14.4 31.7 15.4 30C16.3 28.3 21.3 28.6 23.6 27.8C25.9 27 27.7 26.6 29.1 25.1C30.5 23.6 30.6 20.5 32 18.8C33.4 17.2 35.4 16 37.3 15.1C39.2 14.3 41.5 13.2 43.6 13.7C45.7 14.3 47.9 18.3 50 18.4C52.1 18.6 53.9 15.8 56.2 14.7C58.6 13.5 62.2 10.5 64 11.4C65.9 12.4 65.8 18.3 67.1 20.3C68.5 22.3 70.6 22.3 72.3 23.5C73.9 24.6 75.2 26.1 77.1 27.3C79 28.4 82.3 28.9 83.7 30.5C85.1 32.2 85.8 34.8 85.2 37.2C84.6 39.5 79.8 42.6 80.1 44.7C80.4 46.8 85.6 48 87.1 50Z' fill='none' stroke='white' stroke-opacity='.9' stroke-width='2.6'/%3E%3Cg fill='white' fill-opacity='.6'%3E%3Ccircle cx='92.4' cy='67.9' r='1.6'/%3E%3Ccircle cx='34.8' cy='94.5' r='1.1'/%3E%3Ccircle cx='5.6' cy='42.9' r='2'/%3E%3Ccircle cx='35.2' cy='4.3' r='1.2'/%3E%3Ccircle cx='85.7' cy='21' r='1.5'/%3E%3C/g%3E%3C/svg%3E"); --x: 960px; --y: -200px; --w: 60px; }

/* ---------- 1. cover: a deckled sheet on the right holds the painting, washes bleed off the page ---------- */
[data-layout="cover"] [data-actor="sheet"]  { --x: 1080px; --y: 120px; --w: 720px; --h: 840px; --r: 1.2deg; }
[data-layout="cover"] [data-actor="pencil"] { --x: 1060px; --y: 100px; --w: 760px; --h: 880px; --r: -0.8deg; --o: 1; }
[data-layout="cover"] [data-actor="wash-a"] { --x: 900px; --y: 780px; --w: 620px; --h: 400px; --r: -6deg; }
[data-layout="cover"] [data-actor="wash-b"] { --x: 1560px; --y: -120px; --w: 460px; --h: 420px; --r: 10deg; }
[data-layout="cover"] [data-actor="wash-c"] { --x: -180px; --y: -110px; --w: 720px; --h: 300px; --r: -4deg; }
[data-layout="cover"] [data-actor="sprig"]  { --x: 1700px; --y: 640px; --w: 200px; --h: 400px; --r: -18deg; }
[data-layout="cover"] [data-actor="stroke"] { --x: 130px; --y: 880px; --w: 640px; --h: 44px; background-color: var(--rain); }
[data-layout="cover"] [data-actor="bloom"]  { --x: 1000px; --y: 150px; --w: 64px; }

/* ---------- 2. agenda: washes retreat to the corners, the pencil rules the gutter ---------- */
[data-layout="agenda"] [data-actor="sheet"]  { --x: 1940px; --y: 240px; --w: 600px; --h: 760px; }
[data-layout="agenda"] [data-actor="pencil"] { --x: 953px; --y: 290px; --w: 14px; --h: 680px; --o: 1; }
[data-layout="agenda"] [data-actor="wash-a"] { --x: 1540px; --y: -150px; --w: 540px; --h: 380px; --r: 14deg; }
[data-layout="agenda"] [data-actor="wash-b"] { --x: 1660px; --y: 920px; --w: 440px; --h: 320px; --r: -8deg; }
[data-layout="agenda"] [data-actor="wash-c"] { --x: -160px; --y: 940px; --w: 560px; --h: 260px; --r: 3deg; }
[data-layout="agenda"] [data-actor="sprig"]  { --x: 1720px; --y: 20px; --w: 120px; --h: 240px; --r: 32deg; }
[data-layout="agenda"] [data-actor="stroke"] { --x: 120px; --y: 184px; --w: 520px; --h: 34px; }
[data-layout="agenda"] [data-actor="bloom"]  { --x: 656px; --y: 180px; --w: 40px; }

/* ---------- 3. section: the sheet holds the chapter, the washes pile up on the right ---------- */
[data-layout="section"] [data-actor="sheet"]  { --x: 100px; --y: 150px; --w: 900px; --h: 780px; --r: -1deg; }
[data-layout="section"] [data-actor="pencil"] { --x: 84px; --y: 132px; --w: 932px; --h: 816px; --r: 0.6deg; --o: 1; }
[data-layout="section"] [data-actor="wash-a"] { --x: 1080px; --y: 90px; --w: 800px; --h: 620px; --r: 8deg; }
[data-layout="section"] [data-actor="wash-b"] { --x: 1280px; --y: 430px; --w: 620px; --h: 560px; --r: -10deg; }
[data-layout="section"] [data-actor="wash-c"] { --x: 1000px; --y: 650px; --w: 460px; --h: 340px; --r: 4deg; background-color: var(--slate); }
[data-layout="section"] [data-actor="sprig"]  { --x: 1470px; --y: 160px; --w: 300px; --h: 600px; --r: -10deg; }
[data-layout="section"] [data-actor="stroke"] { --x: 180px; --y: 850px; --w: 640px; --h: 40px; background-color: var(--sage); }
[data-layout="section"] [data-actor="bloom"]  { --x: 1240px; --y: 280px; --w: 110px; }

/* ---------- 4. content (odd): the sheet and its pencil frame hold the highlight ---------- */
[data-layout="content"] [data-actor="sheet"]  { --x: 1250px; --y: 256px; --w: 570px; --h: 744px; --r: 0.8deg; }
[data-layout="content"] [data-actor="pencil"] { --x: 1232px; --y: 240px; --w: 606px; --h: 776px; --r: -0.6deg; --o: 1; }
[data-layout="content"] [data-actor="wash-a"] { --x: 1690px; --y: 840px; --w: 420px; --h: 330px; --r: -12deg; }
[data-layout="content"] [data-actor="wash-b"] { --x: -200px; --y: 930px; --w: 600px; --h: 300px; --r: 6deg; }
[data-layout="content"] [data-actor="wash-c"] { --x: 1620px; --y: -130px; --w: 460px; --h: 320px; --r: 6deg; }
[data-layout="content"] [data-actor="sprig"]  { --x: 1790px; --y: 150px; --w: 120px; --h: 240px; --r: 24deg; }
[data-layout="content"] [data-actor="stroke"] { --x: 120px; --y: 184px; --w: 640px; --h: 34px; }
[data-layout="content"] [data-actor="bloom"]  { --x: 1212px; --y: 222px; --w: 56px; }
/* even: the sheet becomes a full-height torn column, the pencil frames the bullets instead */
[data-layout="content"][data-parity="even"] [data-actor="sheet"]  { --x: 1240px; --y: -20px; --w: 700px; --h: 1120px; --r: 0deg; }
[data-layout="content"][data-parity="even"] [data-actor="pencil"] { --x: 96px; --y: 248px; --w: 1100px; --h: 764px; --r: 0.4deg; }
[data-layout="content"][data-parity="even"] [data-actor="wash-a"] { --x: 1520px; --y: 800px; --w: 560px; --h: 420px; --r: 10deg; }
[data-layout="content"][data-parity="even"] [data-actor="wash-b"] { --x: 1300px; --y: -150px; --w: 620px; --h: 360px; --r: -6deg; }
[data-layout="content"][data-parity="even"] [data-actor="wash-c"] { --x: -220px; --y: 880px; --w: 560px; --h: 320px; --r: -4deg; }
[data-layout="content"][data-parity="even"] [data-actor="sprig"]  { --x: 1700px; --y: 60px; --w: 140px; --h: 280px; --r: -28deg; }
[data-layout="content"][data-parity="even"] [data-actor="stroke"] { --x: 120px; --y: 184px; --w: 420px; --h: 30px; background-color: var(--sage); }
[data-layout="content"][data-parity="even"] [data-actor="bloom"]  { --x: 1170px; --y: 228px; --w: 52px; }

/* ---------- 5. two-col: pencil gutter, the sheet marks one side, a straw stroke carries the takeaway ---------- */
[data-layout="two-col"] [data-actor="sheet"]  { --x: 990px; --y: 254px; --w: 830px; --h: 590px; --r: -0.6deg; }
[data-layout="two-col"] [data-actor="pencil"] { --x: 952px; --y: 296px; --w: 14px; --h: 520px; --o: 1; }
[data-layout="two-col"] [data-actor="wash-a"] { --x: 1620px; --y: -150px; --w: 460px; --h: 330px; --r: 8deg; }
[data-layout="two-col"] [data-actor="wash-b"] { --x: -160px; --y: 990px; --w: 640px; --h: 240px; --r: 3deg; }
[data-layout="two-col"] [data-actor="wash-c"] { --x: 1830px; --y: 380px; --w: 280px; --h: 440px; --r: -6deg; }
[data-layout="two-col"] [data-actor="sprig"]  { --x: 1808px; --y: 40px; --w: 96px; --h: 192px; --r: -22deg; }
[data-layout="two-col"] [data-actor="stroke"] { --x: 104px; --y: 870px; --w: 1712px; --h: 112px; background-color: var(--straw); }
[data-layout="two-col"] [data-actor="bloom"]  { --x: 939px; --y: 250px; --w: 40px; }

/* ---------- 6. stats: a torn strip at the foot, a double pencil rule above it ---------- */
[data-layout="stats"] [data-actor="sheet"]  { --x: -40px; --y: 900px; --w: 2000px; --h: 220px; --r: 0deg; }
[data-layout="stats"] [data-actor="pencil"] { --x: 120px; --y: 868px; --w: 1680px; --h: 12px; --o: 1; }
[data-layout="stats"] [data-actor="wash-a"] { --x: 1640px; --y: -140px; --w: 440px; --h: 340px; --r: 12deg; }
[data-layout="stats"] [data-actor="wash-b"] { --x: -160px; --y: 940px; --w: 520px; --h: 260px; --r: -6deg; }
[data-layout="stats"] [data-actor="wash-c"] { --x: 1500px; --y: 950px; --w: 560px; --h: 260px; --r: -4deg; }
[data-layout="stats"] [data-actor="sprig"]  { --x: 860px; --y: 860px; --w: 120px; --h: 240px; --r: 90deg; }
[data-layout="stats"] [data-actor="stroke"] { --x: 120px; --y: 184px; --w: 360px; --h: 30px; background-color: var(--slate); }
[data-layout="stats"] [data-actor="bloom"]  { --x: 1800px; --y: 104px; --w: 40px; }

/* ---------- 7. timeline: one big sheet, the axis band stays free for the painted river ---------- */
[data-layout="timeline"] [data-actor="sheet"]  { --x: 60px; --y: 240px; --w: 1800px; --h: 780px; --r: 0.3deg; }
[data-layout="timeline"] [data-actor="pencil"] { --x: 44px; --y: 226px; --w: 1832px; --h: 808px; --r: -0.3deg; --o: 1; }
[data-layout="timeline"] [data-actor="wash-a"] { --x: 1660px; --y: -160px; --w: 440px; --h: 330px; --r: 10deg; }
[data-layout="timeline"] [data-actor="wash-b"] { --x: 1620px; --y: 960px; --w: 480px; --h: 260px; --r: -6deg; }
[data-layout="timeline"] [data-actor="wash-c"] { --x: -180px; --y: 960px; --w: 560px; --h: 240px; --r: 2deg; }
[data-layout="timeline"] [data-actor="sprig"]  { --x: 1790px; --y: 40px; --w: 100px; --h: 200px; --r: 30deg; }
[data-layout="timeline"] [data-actor="stroke"] { --x: 120px; --y: 184px; --w: 460px; --h: 30px; background-color: var(--rain); }
[data-layout="timeline"] [data-actor="bloom"]  { --x: 1816px; --y: 606px; --w: 48px; }

/* ---------- 8. quote: a large sheet, a vertical brush stroke before the words ---------- */
[data-layout="quote"] [data-actor="sheet"]  { --x: 220px; --y: 130px; --w: 1480px; --h: 820px; --r: -0.8deg; }
[data-layout="quote"] [data-actor="pencil"] { --x: 200px; --y: 112px; --w: 1520px; --h: 856px; --r: 0.5deg; --o: 1; }
[data-layout="quote"] [data-actor="wash-a"] { --x: -260px; --y: 700px; --w: 600px; --h: 480px; --r: 14deg; }
[data-layout="quote"] [data-actor="wash-b"] { --x: 1500px; --y: -140px; --w: 560px; --h: 420px; --r: -12deg; }
[data-layout="quote"] [data-actor="wash-c"] { --x: 1460px; --y: 790px; --w: 600px; --h: 360px; --r: 4deg; }
[data-layout="quote"] [data-actor="sprig"]  { --x: 1580px; --y: 560px; --w: 220px; --h: 440px; --r: 18deg; }
[data-layout="quote"] [data-actor="stroke"] { --x: 80px; --y: 523px; --w: 420px; --h: 34px; --r: 90deg; background-color: var(--sage); }
[data-layout="quote"] [data-actor="bloom"]  { --x: 300px; --y: 200px; --w: 72px; }

/* ---------- 9. closing: the sheet in the middle, washes and sprig gather round it ---------- */
[data-layout="closing"] [data-actor="sheet"]  { --x: 460px; --y: 220px; --w: 1000px; --h: 640px; --r: 0.6deg; }
[data-layout="closing"] [data-actor="pencil"] { --x: 440px; --y: 200px; --w: 1040px; --h: 680px; --r: -1.2deg; --o: 1; }
[data-layout="closing"] [data-actor="wash-a"] { --x: 60px; --y: 120px; --w: 520px; --h: 480px; --r: -8deg; }
[data-layout="closing"] [data-actor="wash-b"] { --x: 1340px; --y: 520px; --w: 520px; --h: 440px; --r: 12deg; }
[data-layout="closing"] [data-actor="wash-c"] { --x: 1260px; --y: 60px; --w: 500px; --h: 340px; --r: -4deg; }
[data-layout="closing"] [data-actor="sprig"]  { --x: 330px; --y: 560px; --w: 220px; --h: 440px; --r: -32deg; }
[data-layout="closing"] [data-actor="stroke"] { --x: 660px; --y: 770px; --w: 600px; --h: 40px; background-color: var(--sage); }
[data-layout="closing"] [data-actor="bloom"]  { --x: 1380px; --y: 260px; --w: 90px; }

/* ---------- content tweaks: garamond titles, mono labels, hand notes ---------- */
.slide .kicker { font-family: var(--font-mono); font-weight: 500; font-size: 22px; letter-spacing: 0.26em; }
.slide .title { line-height: 1.14; }
.slide .subtitle { font-family: var(--font-display); font-style: italic; font-size: 38px; line-height: 1.3; }
.slide .meta { font-family: var(--font-hand); font-size: 36px; color: var(--ink-2); }
.slide :is(.title, .num, .stat-num, .hl-big, .when) { font-variant-numeric: lining-nums; }
.slide b, .slide strong { font-weight: 600; color: var(--leaf); }
.slide[data-layout="cover"] { align-items: flex-start; text-align: left; padding: 0 900px 0 140px; }
.slide[data-layout="cover"] .title { font-size: 96px; line-height: 1.08; }
.slide[data-layout="section"] { padding: 0 980px 0 180px; }
.slide[data-layout="section"] .num { font-size: 220px; font-style: italic; color: var(--leaf); }
.slide[data-layout="closing"] { padding: 0 520px; }
.slide[data-layout="closing"] .title { font-size: 140px; line-height: 1.1; }
.agenda-list { --agenda-gap: 200px; --tile-line: 1px solid rgba(126, 120, 113, 0.45); }
.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 { font-style: italic; color: var(--leaf); }
.agenda-list h3 { font-weight: 600; }
/* bullet = a small drop with a darker rim */
.bullets li::before, .col li::before { background: radial-gradient(circle, rgba(127, 159, 106, 0.45) 45%, rgba(78, 110, 60, 0.9) 68%, transparent 72%); }
.slide[data-layout="content"] { --title-w: 1060px; }
.hl-big { color: var(--accent); }
.hl-text { font-style: italic; font-weight: 600; }
.col h3 { color: var(--leaf); font-weight: 600; }
.slide[data-layout="two-col"] .col { padding: 40px 56px; }
.takeaway { border-left: 0; padding-left: 60px; font-style: italic; font-weight: 600; font-size: 40px; }
.stat-num { font-weight: 500; }
.stat:nth-child(2) { --accent: var(--leaf); }
.stat:nth-child(3) { --accent: var(--slate); }
.timeline::before { opacity: 0; }
.step::before { background: transparent; border: 2px solid var(--ink); }
.step .when { font-style: italic; }
.slide[data-layout="quote"] { padding: 0 380px 0 340px; }
.slide[data-layout="quote"] .quote { font-style: italic; font-size: 66px; line-height: 1.26; }
.slide[data-layout="quote"] .cite { font-family: var(--font-hand); font-size: 40px; color: var(--ink-2); }