:root {
  --sig-pen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22.3 -96.3 552.6 288.8'%3E%3Cpath d='M125.7 -78.6L131.7 -79.4Q135 -79.7 135.2 -77.1Q135.2 -76.4 135 -76Q80.1 19.2 33 110Q30.5 114.9 28.4 115.7Q28.2 115.7 27.1 116.3Q20.9 119.3 18.4 119.5Q15.8 119.8 15.6 119.9Q14.5 121.3 12.9 121.4Q11.3 121.6 10.8 121.5Q10.3 121.5 7.8 120.8Q5.3 120 5.3 119.5Q4.9 113.3 5.3 111.9Q7.3 102.6 31.3 58.2Q55.2 13.8 80.3 -28.7Q105.3 -71.2 110.9 -76.3Q112.6 -77.8 115.5 -78.1Z' fill='%231B1B1B'/%3E%3Cpath d='M180.1 143.9Q179.6 144.5 177.2 150.1Q174.8 155.6 172.1 161.3Q169.3 167.1 164.9 172.4Q160.5 177.8 157.2 178.5Q154 179.3 153.1 179.4Q142.5 180.5 141.3 169.8Q140 157.2 151.3 139Q155.6 132.1 162.3 124Q169 115.9 169.6 114.8Q170.2 113.8 183.5 80.7Q173.7 93.9 165.1 102.5Q156.4 111 147.7 112.9L146.9 113Q142.4 113.4 137.7 111Q133 108.5 132.2 101.1Q131.1 90.1 135.9 79.2Q137.6 75.4 141.8 66.4Q146.1 57.3 149.6 48.9Q153.1 42.1 156.6 33.2Q160.1 24.3 162 20.4Q164 16.6 166 16.4Q168.1 16.1 171.7 18.4Q175.2 20.6 175.6 24.2Q176 27.8 163.8 56.8Q151.5 85.9 151.9 89.7Q152 90.6 152.9 90.5Q156.1 90.2 165.8 80.2Q175.5 70.3 187 55.1Q199.8 38.2 206.7 24.7Q207.5 23 208.1 22Q208.6 21.1 209.5 19.5Q210.3 18 210.8 17.1Q211.4 16.3 212.1 15.1Q212.9 13.9 213.5 13.2Q214.2 12.6 214.9 11.9Q216.1 10.6 217.6 10.5Q219.2 10.3 222.4 10.7Q225.7 11 226.4 11.8Q227.1 12.5 227.9 13.1Q229.1 14.3 229.3 15.4Q229.4 16.5 228.6 18.3Q227.9 20.2 219.8 37.8Q196.1 89.5 187.6 113Q203.6 96.4 232.4 64.1Q233.6 62.9 234.8 62.8Q238.4 62.4 239.6 73.4Q239.9 76.6 238.9 77.8Q207.1 107.9 180.1 143.9Z' fill='%231B1B1B'/%3E%3Cpath d='M100.6 23.7L99.6 26.5L98.6 29.4L97.6 32.3L96.6 35.3L95.5 38.4L94.5 41.5L93.5 44.6L92.6 47.8L91.6 51.1L90.7 54.4L89.9 57.8L89.1 61.2L88.3 64.7L87.6 68.2L87 71.8L86.4 75.3L85.9 79L85.4 82.6L85 86.3L84.6 89.9L84.3 93.6L84.1 97.3L83.9 101.1L83.7 104.8L83.6 108.5L83.6 112.1L96.4 113.9L97.3 110.4L98.3 106.9L99.2 103.4L100.1 100L101.1 96.5L102 93L102.9 89.5L103.8 86.1L104.7 82.6L105.6 79.1L106.4 75.7L107.2 72.2L107.9 68.8L108.6 65.4L109.3 61.9L109.9 58.5L110.4 55.2L110.9 51.8L111.4 48.5L111.8 45.2L112.1 41.9L112.5 38.7L112.7 35.5L113 32.4L113.2 29.3L113.4 26.3Z' fill='%231B1B1B'/%3E%3Cpath d='M96.6 117.5L98.1 115L99.7 112.5L101.3 110L103.1 107.3L104.9 104.6L106.8 101.9L108.7 99.1L110.7 96.2L112.8 93.2L115 90.2L117.2 87.1L119.4 84L121.6 80.8L124 77.5L126.3 74.1L128.6 70.7L131 67.2L133.4 63.6L135.8 59.9L138.2 56.2L140.6 52.3L143 48.4L145.4 44.5L147.8 40.4L150.1 36.3L152.4 32L145.6 28L143 32L140.4 35.9L137.9 39.7L135.3 43.4L132.7 47L130.1 50.6L127.5 54.1L124.9 57.5L122.3 60.8L119.7 64.1L117.2 67.3L114.6 70.4L112.1 73.5L109.6 76.5L107.2 79.4L104.7 82.3L102.4 85.1L100 87.9L97.7 90.6L95.5 93.3L93.3 96L91.2 98.5L89.1 101.1L87.1 103.6L85.2 106.1L83.4 108.5Z' fill='%231B1B1B'/%3E%3Cpath d='M78.9 -64.3L82.4 -64.8L85.7 -65.6L89.1 -66.4L92.5 -67.2L96 -68L99.5 -68.7L103 -69.4L106.6 -70.1L110.2 -70.8L113.9 -71.5L117.6 -72.2L121.3 -72.9L125.1 -73.7L128.9 -74.5L132.7 -75.3L136.5 -76.2L140.3 -77.1L144 -78.1L147.8 -79.1L151.6 -80.2L155.3 -81.4L158.9 -82.7L162.5 -84L166.1 -85.5L169.5 -87.1L172.7 -89.2L172.1 -91.2L168.3 -91.3L164.6 -91L160.9 -90.7L157.2 -90.3L153.4 -89.9L149.6 -89.5L145.8 -89.1L142 -88.6L138.1 -88.1L134.3 -87.5L130.4 -86.9L126.5 -86.2L122.7 -85.5L118.9 -84.6L115 -83.7L111.3 -82.7L107.5 -81.6L103.8 -80.5L100.2 -79.2L96.7 -77.8L93.2 -76.2L89.8 -74.6L86.6 -72.8L83.5 -70.8L80.5 -68.7L77.9 -66.1Z' fill='%231B1B1B'/%3E%3Cpath d='M-16.7 130.4L-13.8 130.6L-11 130.5L-8.3 130.4L-5.5 130.2L-2.8 130L0 129.8L2.8 129.6L5.7 129.3L8.5 129.1L11.4 128.8L14.4 128.4L17.3 128L20.3 127.5L23.2 127L26.2 126.4L29.2 125.7L32.2 125L35.2 124.1L38.1 123.1L41.1 122L44 120.9L46.9 119.5L49.7 118.1L52.4 116.5L55 114.7L57.4 112.4L56.6 110.6L53.4 110.7L50.4 111.2L47.4 111.6L44.5 112.1L41.6 112.5L38.7 112.9L35.8 113.2L32.9 113.6L29.9 114L27 114.4L24.1 114.8L21.2 115.2L18.3 115.7L15.4 116.2L12.4 116.8L9.5 117.4L6.7 118L3.8 118.8L0.9 119.6L-1.9 120.5L-4.6 121.5L-7.4 122.6L-10 123.8L-12.6 125.1L-15.1 126.6L-17.3 128.6Z' fill='%231B1B1B'/%3E%3Cpath d='M154.3 175.1L151 176.1L147.8 177.1L144.7 177.9L141.6 178.6L138.5 179L135.5 179.3L132.5 179.3L129.7 179.2L127.1 179L124.6 178.5L122.4 178L120.4 177.3L118.8 176.6L117.5 175.8L116.7 175L116.2 174.4L116 174.1L116 173.9L116.1 173.8L116.3 173.3L116.7 172.5L117.6 171.3L119.2 169.8L121.3 168.1L124.1 166.2L127.7 164.2L132.3 161.6L136.8 159.3L141.4 157.1L146.1 155L150.9 153L155.8 151L160.9 149.2L166.1 147.4L171.5 145.6L177 143.8L182.8 142.1L188.7 140.3L194.9 138.5L201.3 136.7L207.9 134.7L214.8 132.8L222 130.7L229.4 128.5L237.1 126.1L245.1 123.6L253.4 120.8L262 117.7L271 114.8L280.5 111.9L290.3 108.8L300.5 105.4L299.5 102.6L289.4 105.9L279.6 109L270.1 111.9L261 114.4L252.1 116.3L243.7 118.3L235.5 120.2L227.7 122.1L220.2 123.8L212.9 125.4L205.9 127L199.2 128.6L192.7 130.1L186.4 131.6L180.3 133.1L174.4 134.7L168.6 136.2L163.1 137.8L157.6 139.5L152.3 141.3L147.1 143.2L142 145.1L137 147.3L132 149.5L127.2 152L122.4 154.6L118.4 156.9L114.8 159.2L111.9 161.6L109.4 164.1L107.5 166.7L106.1 169.5L105.4 172.5L105.6 175.6L106.5 178.5L108.1 180.9L110.1 182.8L112.4 184.3L114.9 185.5L117.5 186.3L120.4 187L123.3 187.4L126.5 187.5L129.7 187.5L133 187.2L136.4 186.7L139.8 185.9L143.2 184.9L146.6 183.6L149.9 182L153.1 180.1L155.8 177.7Z' fill='%231B1B1B'/%3E%3Cpath d='M300 104L318.2 86.7L324.8 108.2Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M316.4 80.7L346 66.4L359.2 109.4L326.6 114.2Z' fill='%23FFFFFF' stroke='%231B1B1B' stroke-width='9' stroke-linejoin='round'/%3E%3Cpath d='M346 66.4L432.1 40.1L445.2 83.1L359.2 109.4Z' fill='%23FFFFFF' stroke='%231B1B1B' stroke-width='9' stroke-linejoin='round'/%3E%3Cpath d='M431.4 37.7L474.4 24.5L486.9 31.2L495.6 59.9L489 72.4L446 85.5Z' fill='%23FFD24D' stroke='%231B1B1B' stroke-width='9' stroke-linejoin='round'/%3E%3C/svg%3E");
  --sig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-22.3 -96.3 266.9 288.8'%3E%3Cpath d='M125.7 -78.6L131.7 -79.4Q135 -79.7 135.2 -77.1Q135.2 -76.4 135 -76Q80.1 19.2 33 110Q30.5 114.9 28.4 115.7Q28.2 115.7 27.1 116.3Q20.9 119.3 18.4 119.5Q15.8 119.8 15.6 119.9Q14.5 121.3 12.9 121.4Q11.3 121.6 10.8 121.5Q10.3 121.5 7.8 120.8Q5.3 120 5.3 119.5Q4.9 113.3 5.3 111.9Q7.3 102.6 31.3 58.2Q55.2 13.8 80.3 -28.7Q105.3 -71.2 110.9 -76.3Q112.6 -77.8 115.5 -78.1Z' fill='%231B1B1B'/%3E%3Cpath d='M180.1 143.9Q179.6 144.5 177.2 150.1Q174.8 155.6 172.1 161.3Q169.3 167.1 164.9 172.4Q160.5 177.8 157.2 178.5Q154 179.3 153.1 179.4Q142.5 180.5 141.3 169.8Q140 157.2 151.3 139Q155.6 132.1 162.3 124Q169 115.9 169.6 114.8Q170.2 113.8 183.5 80.7Q173.7 93.9 165.1 102.5Q156.4 111 147.7 112.9L146.9 113Q142.4 113.4 137.7 111Q133 108.5 132.2 101.1Q131.1 90.1 135.9 79.2Q137.6 75.4 141.8 66.4Q146.1 57.3 149.6 48.9Q153.1 42.1 156.6 33.2Q160.1 24.3 162 20.4Q164 16.6 166 16.4Q168.1 16.1 171.7 18.4Q175.2 20.6 175.6 24.2Q176 27.8 163.8 56.8Q151.5 85.9 151.9 89.7Q152 90.6 152.9 90.5Q156.1 90.2 165.8 80.2Q175.5 70.3 187 55.1Q199.8 38.2 206.7 24.7Q207.5 23 208.1 22Q208.6 21.1 209.5 19.5Q210.3 18 210.8 17.1Q211.4 16.3 212.1 15.1Q212.9 13.9 213.5 13.2Q214.2 12.6 214.9 11.9Q216.1 10.6 217.6 10.5Q219.2 10.3 222.4 10.7Q225.7 11 226.4 11.8Q227.1 12.5 227.9 13.1Q229.1 14.3 229.3 15.4Q229.4 16.5 228.6 18.3Q227.9 20.2 219.8 37.8Q196.1 89.5 187.6 113Q203.6 96.4 232.4 64.1Q233.6 62.9 234.8 62.8Q238.4 62.4 239.6 73.4Q239.9 76.6 238.9 77.8Q207.1 107.9 180.1 143.9Z' fill='%231B1B1B'/%3E%3Cpath d='M100.6 23.7L99.6 26.5L98.6 29.4L97.6 32.3L96.6 35.3L95.5 38.4L94.5 41.5L93.5 44.6L92.6 47.8L91.6 51.1L90.7 54.4L89.9 57.8L89.1 61.2L88.3 64.7L87.6 68.2L87 71.8L86.4 75.3L85.9 79L85.4 82.6L85 86.3L84.6 89.9L84.3 93.6L84.1 97.3L83.9 101.1L83.7 104.8L83.6 108.5L83.6 112.1L96.4 113.9L97.3 110.4L98.3 106.9L99.2 103.4L100.1 100L101.1 96.5L102 93L102.9 89.5L103.8 86.1L104.7 82.6L105.6 79.1L106.4 75.7L107.2 72.2L107.9 68.8L108.6 65.4L109.3 61.9L109.9 58.5L110.4 55.2L110.9 51.8L111.4 48.5L111.8 45.2L112.1 41.9L112.5 38.7L112.7 35.5L113 32.4L113.2 29.3L113.4 26.3Z' fill='%231B1B1B'/%3E%3Cpath d='M96.6 117.5L98.1 115L99.7 112.5L101.3 110L103.1 107.3L104.9 104.6L106.8 101.9L108.7 99.1L110.7 96.2L112.8 93.2L115 90.2L117.2 87.1L119.4 84L121.6 80.8L124 77.5L126.3 74.1L128.6 70.7L131 67.2L133.4 63.6L135.8 59.9L138.2 56.2L140.6 52.3L143 48.4L145.4 44.5L147.8 40.4L150.1 36.3L152.4 32L145.6 28L143 32L140.4 35.9L137.9 39.7L135.3 43.4L132.7 47L130.1 50.6L127.5 54.1L124.9 57.5L122.3 60.8L119.7 64.1L117.2 67.3L114.6 70.4L112.1 73.5L109.6 76.5L107.2 79.4L104.7 82.3L102.4 85.1L100 87.9L97.7 90.6L95.5 93.3L93.3 96L91.2 98.5L89.1 101.1L87.1 103.6L85.2 106.1L83.4 108.5Z' fill='%231B1B1B'/%3E%3Cpath d='M78.9 -64.3L82.4 -64.8L85.7 -65.6L89.1 -66.4L92.5 -67.2L96 -68L99.5 -68.7L103 -69.4L106.6 -70.1L110.2 -70.8L113.9 -71.5L117.6 -72.2L121.3 -72.9L125.1 -73.7L128.9 -74.5L132.7 -75.3L136.5 -76.2L140.3 -77.1L144 -78.1L147.8 -79.1L151.6 -80.2L155.3 -81.4L158.9 -82.7L162.5 -84L166.1 -85.5L169.5 -87.1L172.7 -89.2L172.1 -91.2L168.3 -91.3L164.6 -91L160.9 -90.7L157.2 -90.3L153.4 -89.9L149.6 -89.5L145.8 -89.1L142 -88.6L138.1 -88.1L134.3 -87.5L130.4 -86.9L126.5 -86.2L122.7 -85.5L118.9 -84.6L115 -83.7L111.3 -82.7L107.5 -81.6L103.8 -80.5L100.2 -79.2L96.7 -77.8L93.2 -76.2L89.8 -74.6L86.6 -72.8L83.5 -70.8L80.5 -68.7L77.9 -66.1Z' fill='%231B1B1B'/%3E%3Cpath d='M-16.7 130.4L-13.8 130.6L-11 130.5L-8.3 130.4L-5.5 130.2L-2.8 130L0 129.8L2.8 129.6L5.7 129.3L8.5 129.1L11.4 128.8L14.4 128.4L17.3 128L20.3 127.5L23.2 127L26.2 126.4L29.2 125.7L32.2 125L35.2 124.1L38.1 123.1L41.1 122L44 120.9L46.9 119.5L49.7 118.1L52.4 116.5L55 114.7L57.4 112.4L56.6 110.6L53.4 110.7L50.4 111.2L47.4 111.6L44.5 112.1L41.6 112.5L38.7 112.9L35.8 113.2L32.9 113.6L29.9 114L27 114.4L24.1 114.8L21.2 115.2L18.3 115.7L15.4 116.2L12.4 116.8L9.5 117.4L6.7 118L3.8 118.8L0.9 119.6L-1.9 120.5L-4.6 121.5L-7.4 122.6L-10 123.8L-12.6 125.1L-15.1 126.6L-17.3 128.6Z' fill='%231B1B1B'/%3E%3Cpath d='M154.3 175.1L151 176.1L147.8 177.1L144.7 177.9L141.6 178.6L138.5 179L135.5 179.3L132.5 179.3L129.7 179.2L127.1 179L124.6 178.5L122.4 178L120.4 177.3L118.8 176.6L117.5 175.8L116.7 175L116.2 174.4L116 174.1L116 173.9L116.1 173.8L116.3 173.3L116.7 172.5L117.6 171.3L119.2 169.8L121.3 168.1L124.1 166.2L127.8 164.1L132.1 161.6L135.8 159.2L139 157.2L141.6 155.3L143.8 153.6L145.6 152.1L147.2 150.7L148.4 149.5L149.5 148.5L150.4 147.5L151.2 146.7L152.1 145.8L153.1 145L154.3 144.1L155.8 143.1L157.8 141.9L160.2 140.6L163.2 139.2L166.7 137.5L171 135.6L175.9 133.4L181.6 130.8L188.2 128.3L195.9 125.6L204.7 122.7L214.5 119.4L213.5 116.6L203.7 119.9L195 122.8L187.3 125.4L180.4 127.5L174.3 129L169.1 130.5L164.6 131.8L160.8 133L157.5 134.1L154.7 135L152.3 135.9L150.3 136.8L148.5 137.6L146.9 138.5L145.5 139.4L144.2 140.2L143.1 141.1L141.9 142L140.6 142.9L139.2 144L137.5 145.2L135.5 146.6L133 148.2L130.1 150.1L126.5 152.2L122.3 154.6L118.4 156.9L114.8 159.2L111.9 161.6L109.4 164.1L107.5 166.7L106.1 169.5L105.4 172.5L105.6 175.6L106.5 178.5L108.1 180.9L110.1 182.8L112.4 184.3L114.9 185.5L117.5 186.3L120.4 187L123.3 187.4L126.5 187.5L129.7 187.5L133 187.2L136.4 186.7L139.8 185.9L143.2 184.9L146.6 183.6L149.9 182L153.1 180.1L155.8 177.7Z' fill='%231B1B1B'/%3E%3C/svg%3E");
  --sig-small: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-23.4 -97.4 269.1 291'%3E%3Cpath d='M125.7 -78.6L131.7 -79.4Q135 -79.7 135.2 -77.1Q135.2 -76.4 135 -76Q80.1 19.2 33 110Q30.5 114.9 28.4 115.7Q28.2 115.7 27.1 116.3Q20.9 119.3 18.4 119.5Q15.8 119.8 15.6 119.9Q14.5 121.3 12.9 121.4Q11.3 121.6 10.8 121.5Q10.3 121.5 7.8 120.8Q5.3 120 5.3 119.5Q4.9 113.3 5.3 111.9Q7.3 102.6 31.3 58.2Q55.2 13.8 80.3 -28.7Q105.3 -71.2 110.9 -76.3Q112.6 -77.8 115.5 -78.1Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M180.1 143.9Q179.6 144.5 177.2 150.1Q174.8 155.6 172.1 161.3Q169.3 167.1 164.9 172.4Q160.5 177.8 157.2 178.5Q154 179.3 153.1 179.4Q142.5 180.5 141.3 169.8Q140 157.2 151.3 139Q155.6 132.1 162.3 124Q169 115.9 169.6 114.8Q170.2 113.8 183.5 80.7Q173.7 93.9 165.1 102.5Q156.4 111 147.7 112.9L146.9 113Q142.4 113.4 137.7 111Q133 108.5 132.2 101.1Q131.1 90.1 135.9 79.2Q137.6 75.4 141.8 66.4Q146.1 57.3 149.6 48.9Q153.1 42.1 156.6 33.2Q160.1 24.3 162 20.4Q164 16.6 166 16.4Q168.1 16.1 171.7 18.4Q175.2 20.6 175.6 24.2Q176 27.8 163.8 56.8Q151.5 85.9 151.9 89.7Q152 90.6 152.9 90.5Q156.1 90.2 165.8 80.2Q175.5 70.3 187 55.1Q199.8 38.2 206.7 24.7Q207.5 23 208.1 22Q208.6 21.1 209.5 19.5Q210.3 18 210.8 17.1Q211.4 16.3 212.1 15.1Q212.9 13.9 213.5 13.2Q214.2 12.6 214.9 11.9Q216.1 10.6 217.6 10.5Q219.2 10.3 222.4 10.7Q225.7 11 226.4 11.8Q227.1 12.5 227.9 13.1Q229.1 14.3 229.3 15.4Q229.4 16.5 228.6 18.3Q227.9 20.2 219.8 37.8Q196.1 89.5 187.6 113Q203.6 96.4 232.4 64.1Q233.6 62.9 234.8 62.8Q238.4 62.4 239.6 73.4Q239.9 76.6 238.9 77.8Q207.1 107.9 180.1 143.9Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M100.6 23.7L99.6 26.5L98.6 29.4L97.6 32.3L96.6 35.3L95.5 38.4L94.5 41.5L93.5 44.6L92.6 47.8L91.6 51.1L90.7 54.4L89.9 57.8L89.1 61.2L88.3 64.7L87.6 68.2L87 71.8L86.4 75.3L85.9 79L85.4 82.6L85 86.3L84.6 89.9L84.3 93.6L84.1 97.3L83.9 101.1L83.7 104.8L83.6 108.5L83.6 112.1L96.4 113.9L97.3 110.4L98.3 106.9L99.2 103.4L100.1 100L101.1 96.5L102 93L102.9 89.5L103.8 86.1L104.7 82.6L105.6 79.1L106.4 75.7L107.2 72.2L107.9 68.8L108.6 65.4L109.3 61.9L109.9 58.5L110.4 55.2L110.9 51.8L111.4 48.5L111.8 45.2L112.1 41.9L112.5 38.7L112.7 35.5L113 32.4L113.2 29.3L113.4 26.3Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M96.6 117.5L98.1 115L99.7 112.5L101.3 110L103.1 107.3L104.9 104.6L106.8 101.9L108.7 99.1L110.7 96.2L112.8 93.2L115 90.2L117.2 87.1L119.4 84L121.6 80.8L124 77.5L126.3 74.1L128.6 70.7L131 67.2L133.4 63.6L135.8 59.9L138.2 56.2L140.6 52.3L143 48.4L145.4 44.5L147.8 40.4L150.1 36.3L152.4 32L145.6 28L143 32L140.4 35.9L137.9 39.7L135.3 43.4L132.7 47L130.1 50.6L127.5 54.1L124.9 57.5L122.3 60.8L119.7 64.1L117.2 67.3L114.6 70.4L112.1 73.5L109.6 76.5L107.2 79.4L104.7 82.3L102.4 85.1L100 87.9L97.7 90.6L95.5 93.3L93.3 96L91.2 98.5L89.1 101.1L87.1 103.6L85.2 106.1L83.4 108.5Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M78.9 -64.3L82.4 -64.8L85.7 -65.6L89.1 -66.4L92.5 -67.2L96 -68L99.5 -68.7L103 -69.4L106.6 -70.1L110.2 -70.8L113.9 -71.5L117.6 -72.2L121.3 -72.9L125.1 -73.7L128.9 -74.5L132.7 -75.3L136.5 -76.2L140.3 -77.1L144 -78.1L147.8 -79.1L151.6 -80.2L155.3 -81.4L158.9 -82.7L162.5 -84L166.1 -85.5L169.5 -87.1L172.7 -89.2L172.1 -91.2L168.3 -91.3L164.6 -91L160.9 -90.7L157.2 -90.3L153.4 -89.9L149.6 -89.5L145.8 -89.1L142 -88.6L138.1 -88.1L134.3 -87.5L130.4 -86.9L126.5 -86.2L122.7 -85.5L118.9 -84.6L115 -83.7L111.3 -82.7L107.5 -81.6L103.8 -80.5L100.2 -79.2L96.7 -77.8L93.2 -76.2L89.8 -74.6L86.6 -72.8L83.5 -70.8L80.5 -68.7L77.9 -66.1Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M-16.7 130.4L-13.8 130.6L-11 130.5L-8.3 130.4L-5.5 130.2L-2.8 130L0 129.8L2.8 129.6L5.7 129.3L8.5 129.1L11.4 128.8L14.4 128.4L17.3 128L20.3 127.5L23.2 127L26.2 126.4L29.2 125.7L32.2 125L35.2 124.1L38.1 123.1L41.1 122L44 120.9L46.9 119.5L49.7 118.1L52.4 116.5L55 114.7L57.4 112.4L56.6 110.6L53.4 110.7L50.4 111.2L47.4 111.6L44.5 112.1L41.6 112.5L38.7 112.9L35.8 113.2L32.9 113.6L29.9 114L27 114.4L24.1 114.8L21.2 115.2L18.3 115.7L15.4 116.2L12.4 116.8L9.5 117.4L6.7 118L3.8 118.8L0.9 119.6L-1.9 120.5L-4.6 121.5L-7.4 122.6L-10 123.8L-12.6 125.1L-15.1 126.6L-17.3 128.6Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3Cpath d='M154.3 175.1L151 176.1L147.8 177.1L144.7 177.9L141.6 178.6L138.5 179L135.5 179.3L132.5 179.3L129.7 179.2L127.1 179L124.6 178.5L122.4 178L120.4 177.3L118.8 176.6L117.5 175.8L116.7 175L116.2 174.4L116 174.1L116 173.9L116.1 173.8L116.3 173.3L116.7 172.5L117.6 171.3L119.2 169.8L121.3 168.1L124.1 166.2L127.8 164.1L132.1 161.6L135.8 159.2L139 157.2L141.6 155.3L143.8 153.6L145.6 152.1L147.2 150.7L148.4 149.5L149.5 148.5L150.4 147.5L151.2 146.7L152.1 145.8L153.1 145L154.3 144.1L155.8 143.1L157.8 141.9L160.2 140.6L163.2 139.2L166.7 137.5L171 135.6L175.9 133.4L181.6 130.8L188.2 128.3L195.9 125.6L204.7 122.7L214.5 119.4L213.5 116.6L203.7 119.9L195 122.8L187.3 125.4L180.4 127.5L174.3 129L169.1 130.5L164.6 131.8L160.8 133L157.5 134.1L154.7 135L152.3 135.9L150.3 136.8L148.5 137.6L146.9 138.5L145.5 139.4L144.2 140.2L143.1 141.1L141.9 142L140.6 142.9L139.2 144L137.5 145.2L135.5 146.6L133 148.2L130.1 150.1L126.5 152.2L122.3 154.6L118.4 156.9L114.8 159.2L111.9 161.6L109.4 164.1L107.5 166.7L106.1 169.5L105.4 172.5L105.6 175.6L106.5 178.5L108.1 180.9L110.1 182.8L112.4 184.3L114.9 185.5L117.5 186.3L120.4 187L123.3 187.4L126.5 187.5L129.7 187.5L133 187.2L136.4 186.7L139.8 185.9L143.2 184.9L146.6 183.6L149.9 182L153.1 180.1L155.8 177.7Z' fill='%231B1B1B' stroke='%231B1B1B' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
  --sig-pen-ratio: 1.913;
  --sig-ratio: 0.924;
  --sig-small-ratio: 0.925;
  --ellipse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 90' preserveAspectRatio='none' fill='none' stroke='%231B1B1B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath vector-effect='non-scaling-stroke' d='M24 46C18 14 170 2 204 34C222 54 150 86 60 80C14 76 2 58 30 36C50 22 110 14 150 16'/%3E%3C/svg%3E");
  --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 60' fill='none' stroke='%231B1B1B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M84 54C60 56 30 44 10 10'/%3E%3Cpath d='M4 24L10 10L24 14'/%3E%3C/svg%3E");
  --arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 60' fill='none' stroke='%231B1B1B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 56C12 46 10 26 16 8'/%3E%3Cpath d='M6 18L16 7L26 16'/%3E%3C/svg%3E");
  --swash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 26' fill='none' stroke='%231B1B1B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19C24 9 48 7 62 13C70 17 80 10 89 5'/%3E%3Cpath d='M50 22C60 20 68 21 76 20'/%3E%3C/svg%3E");
  --underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none' fill='none' stroke='%231B1B1B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5C20 2 44 2 58 4C72 6 88 5 98 3'/%3E%3C/svg%3E");
  --search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%231B1B1B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.2 3.4C7 3 3.2 7 3.4 12C3.6 17 7.6 20.6 12.4 20.2C17 19.8 20.6 16 20.4 11.4C20.2 7 16.8 3.8 12.2 3.4Z'/%3E%3Cpath d='M18 18.4L25 25'/%3E%3C/svg%3E");
  --bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='none' stroke='%231B1B1B' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6C6 4 10 7 16 5'/%3E%3C/svg%3E");
}


:root {
  --ink: #1B1B1B;
  --ink-soft: #4A4A4A;
  --pink: #F9DDE3;
  --pink-deep: #F3C7D1;
  --green: #1F5F4F;
  --yellow: #FFD24D;
  --white: #FFFFFF;
  --rule: #DFE6EA;
  --shadow-print: 0 14px 34px rgba(27,27,27,.16);
  --shadow-card: 0 10px 26px rgba(27,27,27,.14);
  --shadow-sticker: 0 3px 8px rgba(27,27,27,.18);
  --font-display: Fraunces, Georgia, "Times New Roman", serif;
  --font-body: "Nunito Sans", "Segoe UI", Arial, Helvetica, sans-serif;
  --font-hand: Kalam, "Bradley Hand", "Comic Sans MS", cursive;
  --gutter: 40px;
}
@font-face { font-family: Fraunces; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/fonts/fraunces-700.woff2) format("woff2"); }
@font-face { font-family: Fraunces; font-style: italic; font-weight: 600; font-display: swap; src: url(/media/fonts/fraunces-600-italic.woff2) format("woff2"); }
@font-face { font-family: Kalam; font-style: normal; font-weight: 400; font-display: swap; src: url(/media/fonts/kalam-400.woff2) format("woff2"); }
@font-face { font-family: Kalam; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/fonts/kalam-700.woff2) format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url(/media/fonts/nunito-sans.woff2) format("woff2"); }


* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--white); color: var(--ink); font: 400 19px/1.6 var(--font-body); -webkit-font-smoothing: antialiased; }
main { display: block; flex: 1 0 auto; }
main:has(> .table-tall) { display: flex; flex-direction: column; }
img, svg { max-width: 100%; height: auto; }
a { color: var(--ink); text-decoration-thickness: 2px; text-underline-offset: 3px; transition: color 120ms; }
a:hover { color: var(--green); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.card-band a:focus-visible, .guide-wall a:focus-visible, .guide-wall summary:focus-visible, .napkin-presets a:focus-visible { outline-color: var(--white); }
p { margin: 0 0 1em; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: -.01em; margin: 0; }
em { font-style: italic; }
.wrap { padding-left: max(var(--gutter), calc(50% - 600px)); padding-right: max(var(--gutter), calc(50% - 600px)); }
.skip-link { position: absolute; left: -999rem; }
.skip-link:focus { left: 16px; top: 16px; background: var(--white); padding: 8px 12px; z-index: 10; }
.skip-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
[hidden] { display: none !important; }


.sig { display: inline-block; background: var(--sig) left center / contain no-repeat; aspect-ratio: var(--sig-ratio); overflow: hidden; color: transparent; text-indent: 110%; white-space: nowrap; vertical-align: middle; font: inherit; margin: 0; }
.sig-nav { height: 76px; aspect-ratio: var(--sig-pen-ratio); background-image: var(--sig-pen); }
.sig-byline { height: 36px; margin-right: 8px; background-image: var(--sig-small); aspect-ratio: var(--sig-small-ratio); }
.sig-byline:hover { color: transparent; }
.sig-take { display: block; height: 32px; margin: 0 0 0 auto; }
.sig-note { display: block; height: 34px; margin: 0 0 0 auto; }
.sig-foot { height: 34px; background-image: var(--sig-small); aspect-ratio: var(--sig-small-ratio); }
.sig-foot:hover { color: transparent; }
.sig-about { height: 96px; }
.sig-sheet { display: block; height: 52px; margin: 24px 0 0 auto; }


.site-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 24px; padding-top: 14px; padding-bottom: 14px; background: var(--white); }
.is-home .site-head, .is-article .site-head { background: var(--pink); }
.brand { display: flex; align-items: center; gap: 14px; text-decoration: none; }
.brand-tag { font: 400 16px/1.15 var(--font-hand); width: 176px; }
.site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; }
.site-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; font: 700 15px/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; position: relative; }
.site-nav a[aria-current]::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 5px; height: 6px; background: var(--underline) center / 100% 100% no-repeat; }
.nav-search { width: 44px; justify-content: center; background: var(--search) center / 24px 24px no-repeat; }


.type-tag, .post-type { display: block; font: 700 12px/1.4 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--green); margin: 0; }
.post-type a { color: inherit; text-decoration: none; }
.post-type a:hover { text-decoration: underline; }
.sticker { display: inline-block; background: var(--yellow); color: var(--ink); font: 400 19px/1 var(--font-hand); text-transform: lowercase; padding: 11px 16px 9px; border-radius: 6px 16px 7px 14px / 14px 7px 16px 6px; box-shadow: var(--shadow-sticker); }
.sticker { transform: rotate(-5deg); }
.sponsored-label { font: 600 13px/1.4 var(--font-body); color: var(--ink-soft); }
.emph { font-style: italic; font-weight: 600; }
.ring { position: relative; display: inline-block; padding: 0 .14em; margin: 0 .2em 0 .12em; }

.ring::after { content: ""; position: absolute; left: -12%; right: -14%; top: -.13em; bottom: -.14em; background: var(--ellipse) center / 100% 100% no-repeat; pointer-events: none; }


.print { display: block; position: relative; background: var(--white); padding: 12px; border-radius: 2px; box-shadow: var(--shadow-print); }
.print img { display: block; width: 100%; height: auto; object-fit: cover; background: var(--pink); }
.print-3x2 img { aspect-ratio: 3 / 2; }

.print-4x3 img { aspect-ratio: 4 / 3; object-position: left center; }
.print-1x1 img { aspect-ratio: 1 / 1; object-position: left center; }
.print-thin { padding: 8px; }
.tilt-1 { transform: rotate(-2.5deg); } .tilt-2 { transform: rotate(-1.9deg); } .tilt-3 { transform: rotate(-1.3deg); } .tilt-4 { transform: rotate(-.8deg); }
.tilt-5 { transform: rotate(.8deg); } .tilt-6 { transform: rotate(1.3deg); } .tilt-7 { transform: rotate(1.9deg); } .tilt-8 { transform: rotate(2.5deg); }
.tilt-hero { transform: rotate(2deg); }


.index-card { display: block; position: relative; background-color: var(--white); background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--rule) 31px, var(--rule) 32px); background-position: 0 57px; padding: 26px 30px 22px; border-radius: 3px; box-shadow: var(--shadow-card); }
.card-tilt-1 { transform: rotate(1deg); } .card-tilt-2 { transform: rotate(1.5deg); } .card-tilt-3 { transform: rotate(2deg); }
.swash { display: block; width: 90px; height: 26px; margin: 8px 0 0 auto; background: var(--swash) center / contain no-repeat; }


.note { position: absolute; right: -8px; bottom: -30px; z-index: 2; max-width: 460px; margin: 0; background: var(--white); padding: 6px 12px; font: 400 26px/1.15 var(--font-hand); text-align: right; text-wrap: balance; box-shadow: var(--shadow-print); transform: rotate(-1.5deg); }
.note::before { content: ""; position: absolute; right: 100%; top: -28px; width: 64px; height: 46px; margin-right: 4px; background: var(--arrow) center / contain no-repeat; }
.nw-6 { width: 6em; } .nw-8 { width: 8em; } .nw-10 { width: 10em; } .nw-12 { width: 12em; } .nw-14 { width: 14em; } .nw-16 { width: 16em; }
.nw-18 { width: 18em; } .nw-20 { width: 20em; } .nw-22 { width: 22em; } .nw-24 { width: 24em; }
.hand-line { display: block; font: 400 18px/32px var(--font-hand); }
.card-line { line-height: 1.3; margin-top: 6px; text-wrap: pretty; }


.table { background: var(--pink); padding-top: 40px; padding-bottom: 48px; }
.table-short { padding-bottom: 40px; }
.table-tall { padding-top: 56px; padding-bottom: 72px; flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
.table-sheet { padding-bottom: 96px; }
.title-page { font-size: 44px; line-height: 1.08; margin-bottom: 8px; }
.table-line { font: 400 20px/1.3 var(--font-hand); margin: 0; }
.lead-in { font: 400 20px/1.3 var(--font-hand); letter-spacing: 0; margin: 0 0 24px; }
.lead-big { font-size: 24px; }
.lead-tilt { display: inline-block; transform: rotate(-1.5deg); }


.hero { background: var(--pink); }
.hero-in { display: grid; grid-template-columns: 37fr 63fr; gap: 40px; align-items: center; padding: 10px 0 0; }
.hero-text { padding-bottom: 56px; }
.title-hero { font-size: 52px; line-height: 1.05; margin: 12px 0 28px; }
.title-hero a { text-decoration: none; }
.hero-sticker { margin: 0 0 0 4px; }
.hero-pic { position: relative; margin-bottom: -60px; }


.card { min-width: 0; }
.card-link { display: block; text-decoration: none; color: var(--ink); }
.card-link:hover .card-title, .card-link:hover .title-large { color: var(--green); }
.card-title { font-size: 26px; line-height: 1.15; margin: 8px 0 0; transition: color 120ms; }
.title-large { font-size: 32px; line-height: 1.12; }
.title-small { font-size: 22px; line-height: 1.2; }
.river-row { padding-top: 40px; padding-bottom: 40px; }
.river-row:first-child { padding-top: 108px; }
.river-row3 + .river-row1, .river-row1 + .river-row3 { padding-top: 0; }
.river-row + .river-band { padding-top: 0; }
.river-row1 { display: grid; grid-template-columns: 46fr 54fr; gap: 48px; align-items: start; }
.card-big .type-tag { margin-top: 24px; }

.card-index { padding-top: 6px; }
.card-index .index-card { width: 76%; margin: -96px 0 0 auto; z-index: 3; }
.card-index .card-title { line-height: 32px; margin: 11px 0 8px; }
.card-index .type-tag { line-height: 20px; }
.card-band { background: var(--green); padding-top: 32px; padding-bottom: 40px; }
.river-band { padding: 0; }
.river-band:first-child { padding-top: 0; }
.river-band:first-child .card-band { padding-top: 108px; }
.card-band .card-link { display: grid; grid-template-columns: 54fr 46fr; gap: 48px; align-items: center; color: var(--white); }
.card-band .card-link:hover .card-title { color: var(--pink); }
.card-band .type-tag, .card-band .card-title { color: var(--white); }
.card-band .title-large { font-size: 40px; line-height: 1.1; }
.band-pic { position: relative; }
.band-note { position: absolute; right: -14px; bottom: -22px; max-width: 340px; z-index: 2; background: var(--yellow); color: var(--ink); font: 400 22px/1.15 var(--font-hand); padding: 11px 16px 9px; text-wrap: balance; border-radius: 6px 16px 7px 14px / 14px 7px 16px 6px; box-shadow: 0 6px 14px rgba(27,27,27,.18); transform: rotate(3deg); }

.river-row3 { display: grid; grid-template-columns: 40fr 60fr; gap: 40px; align-items: start; }
.river-row3 .card-row .card-link { display: block; }
.river-row3 .card-row .print { width: 100%; }
.river-row3 .type-tag { margin-top: 22px; }
.river-row3 .card-title { font-size: 26px; line-height: 1.15; margin-top: 6px; }

.river-row3 .card-row:only-child { grid-column: 1 / -1; }
.river-row3 .card-row:only-child .card-link { display: grid; grid-template-columns: 60fr 40fr; gap: 48px; align-items: center; }
.river-row3 .card-row:only-child .print img { aspect-ratio: 3 / 2; }
.river-row3 .card-row:only-child .card-title { font-size: 40px; line-height: 1.1; }
.card-row .card-link { display: flex; align-items: center; gap: 28px; }
.card-row .print { flex: 0 0 220px; width: 220px; }
.row-text { min-width: 0; }


.closing { background: var(--pink); padding-top: 32px; padding-bottom: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 32px; }
.hero + .closing { padding-top: 112px; }
.closing-line { font: 400 24px/1.3 var(--font-hand); margin: 0; transform: rotate(-.6deg); text-wrap: balance; }
.closing-all { margin: 0; font: 700 15px/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; }
.closing-all a { display: inline-block; padding: 14px 0; }


.post-head { background: var(--pink); padding-top: 12px; }
.post-head-in { max-width: 760px; margin: 0 auto; }
.post-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; min-height: 22px; }
.title-article { font-size: 44px; line-height: 1.08; margin: 10px 0 14px; }
.byline { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 14px; line-height: 1.4; color: var(--ink-soft); margin: 0 0 22px; }
.byline .dot { color: var(--ink-soft); }
.industry { color: var(--ink-soft); }
.post-cover { position: relative; margin: 0 0 -26%; padding: 0; }
.post-body { max-width: 640px; margin: 0 auto; padding: 0 16px; }
.post-body::after { content: ""; display: block; clear: both; }
.sponsor-card { max-width: 608px; margin-left: auto; margin-right: auto; font: 400 20px/32px var(--font-hand); background-position: 0 25px; }
.sponsor-card p { margin: 0; }
.post > .post-body { margin-top: calc(min(760px, 100vw - 2 * var(--gutter)) * .26 + 72px); }
.post > .sponsor-card { margin-top: calc(min(760px, 100vw - 2 * var(--gutter)) * .26 + 72px); }
.post > .sponsor-card + .post-body { margin-top: 48px; }
.post-body > p { margin-bottom: 1.05em; }
.post-body h2 { font-size: 28px; line-height: 1.2; margin: 44px 0 14px; clear: both; }
.post-body h3 { font-size: 22px; line-height: 1.2; margin: 32px 0 10px; clear: both; }
.post-body a { text-decoration-line: underline; }
.post-body ul, .post-body ol { margin: 0 0 1.05em; padding: 0 0 0 26px; }
.post-body li { margin-bottom: .4em; }
.post-body ul { list-style: none; }
.post-body ul li { position: relative; }
.post-body ul li::before { content: ""; position: absolute; left: -22px; top: .6em; width: 13px; height: 10px; background: var(--bullet) center / contain no-repeat; }
.post-body ol li::marker { font-family: var(--font-hand); font-weight: 700; }
.post-body strong { font-weight: 700; }


sup.fn { font-size: 11px; line-height: 0; vertical-align: .55em; }

sup.fn a { font: 700 11px/1 var(--font-body); color: var(--ink-soft); text-decoration: none; padding: 12px 9px; margin: -12px -7px; }
sup.fn a:hover { color: var(--green); text-decoration: underline; }


.take { clear: both; margin: 40px 0; background-position: 0 57px; transform: rotate(1.5deg); }
.take-label { display: block; font: 700 16px/20px var(--font-hand); color: var(--green); margin-bottom: 11px; }
.take p { font: 400 20px/32px var(--font-hand); margin: 0; }
@media (min-width: 900px) {
  .take:has(+ p) { float: right; clear: right; width: 330px; margin: 6px -40px 20px 32px; }
}


.pull { max-width: 520px; margin: 36px 0; }
.pull p { font: 400 28px/1.25 var(--font-hand); margin: 0; }
.pull mark { background: var(--yellow); color: inherit; padding: 0 4px; border-radius: 3px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }


.sketch { margin: 40px 0; clear: both; }
.sketch-title { font: 700 18px/1.25 var(--font-hand); margin: 0 0 10px; }
.sketch-panel { background: var(--pink); border-radius: 4px; padding: 28px; }
.sketch figcaption { font: 400 16px/1.3 var(--font-hand); color: var(--ink-soft); margin-top: 10px; }
.sketch-svg { display: block; width: 100%; height: auto; color: var(--ink); overflow: visible; }
.sketch-narrow { display: none; }
.sk-ink { stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sk-fill-1 { fill: var(--green); }
.sk-fill-2 { fill: var(--yellow); }
.sk-fill-3 { fill: var(--white); }
.sk-fill-4 { fill: var(--pink-deep); }
.sk-label, .sk-num { font-family: var(--font-hand); fill: var(--ink); }
.sk-label-light { fill: var(--white); }
.sk-num { font-weight: 700; }


.post-image { margin: 40px 0; clear: both; }


@media (min-width: 720px) {
  .sketch, .post-image { margin-left: -40px; margin-right: -40px; }
}
@media (min-width: 900px) {
  .sketch, .post-image { margin-left: -60px; margin-right: -60px; }
}


.sources { position: relative; max-width: 608px; margin: 48px auto 80px; padding: 22px 30px 18px; background-color: var(--white); background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--rule) 31px, var(--rule) 32px); background-position: 0 47px; border-radius: 3px; box-shadow: var(--shadow-card); }
.sources h2 { font: 700 18px/25px var(--font-hand); letter-spacing: 0; color: var(--green); margin: 0 0 7px; }
.sources ol { list-style: none; counter-reset: source; margin: 0; padding: 0; font-size: 15px; line-height: 32px; }
.sources li { counter-increment: source; position: relative; padding-left: 26px; scroll-margin-top: 24px; }
.sources li::before { content: counter(source); position: absolute; left: 0; top: 0; font: 700 18px/32px var(--font-hand); }
.sources li:target { background: var(--yellow); border-radius: 3px; }
.sources li:target::before { left: 6px; }
.sources li:target { padding-left: 26px; }
.domain { color: var(--ink-soft); white-space: nowrap; }


.more { background: var(--pink); padding-top: 48px; padding-bottom: 44px; }
.more-row { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 8px 0 36px; max-width: 960px; }
.more .card-row .print, .start-row .card-row .print { flex-basis: 160px; width: 160px; }
.more > .closing-line { display: block; margin: 0; }


.month { padding-top: 40px; padding-bottom: 16px; }
.month + .closing { margin-top: 56px; }
.print-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 36px; }
.card-grid .card-title { margin-top: 14px; }

@media (min-width: 1041px) {
  .print-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .print-grid > .card-grid { grid-column: span 2; }
  .print-grid > .card-grid:nth-child(3n+1):nth-last-child(2), .print-grid > .card-grid:nth-child(3n+2):last-child { grid-column: span 3; }
  .print-grid > .card-grid:nth-child(3n+1):last-child { grid-column: 1 / -1; }
  .print-grid > .card-grid:nth-child(3n+1):nth-last-child(2) img, .print-grid > .card-grid:nth-child(3n+2):last-child img, .print-grid > .card-grid:nth-child(3n+1):last-child img { aspect-ratio: 3 / 2; }
  .print-grid > .card-grid:nth-child(3n+1):last-child .card-link { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
  .print-grid > .card-grid:nth-child(3n+1):last-child .card-title { font-size: 32px; line-height: 1.12; margin-top: 0; align-self: end; }
  .print-grid > .card-grid:nth-child(3n+1):last-child .print { grid-row: 1 / span 2; }
  .print-grid > .card-grid:nth-child(3n+1):last-child .card-line { align-self: start; margin-top: -24px; }
}
@media (max-width: 1040px) {
  .print-grid > .card-grid:nth-child(odd):last-child { grid-column: 1 / -1; }
  .print-grid > .card-grid:nth-child(odd):last-child .card-link { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: center; }
  .print-grid > .card-grid:nth-child(odd):last-child .card-title { margin-top: 0; align-self: end; }
  .print-grid > .card-grid:nth-child(odd):last-child .print { grid-row: 1 / span 2; }
  .print-grid > .card-grid:nth-child(odd):last-child .card-line { align-self: start; margin-top: -10px; }
}
.empty-note { padding-top: 48px; padding-bottom: 72px; }
.pager { padding-top: 32px; }
.pager ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 6px; list-style: none; margin: 0; padding: 0; }
.pager a { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 3px 8px 0; font: 400 22px/1 var(--font-hand); text-decoration: none; }
.pager a:hover { color: var(--green); }
.pager .pager-step { text-decoration: underline; }
.pager a[aria-current="page"] { background: var(--yellow); color: var(--ink); border-radius: 6px 16px 7px 14px / 14px 7px 16px 6px; box-shadow: var(--shadow-sticker); transform: rotate(-4deg); }
.pager-gap { font: 400 22px/1 var(--font-hand); color: var(--ink-soft); padding: 0 2px; }
.pager + .closing { margin-top: 56px; }


.sheet { position: relative; max-width: 720px; margin: -64px auto 72px; background: var(--white); border-radius: 2px; box-shadow: var(--shadow-print); padding: 44px 40px 28px; }
.sheet .post-body { padding: 0; max-width: none; }
.sheet .post-body > :last-child { margin-bottom: 0; }
.sheet .post-body h2:first-child { margin-top: 0; }
.about-head { padding-top: 24px; }
.start { padding-bottom: 72px; }
.start-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }


.search-form { display: flex; flex-wrap: wrap; gap: 12px; max-width: 640px; margin-top: 20px; }
.search-form input { flex: 1 1 240px; min-width: 0; height: 56px; padding: 0 16px; background: var(--white); border: 2px solid var(--ink); border-radius: 3px; font: 400 18px var(--font-body); color: var(--ink); }
.search-form input::placeholder { color: var(--ink-soft); opacity: 1; }
.search-form button { height: 56px; padding: 0 26px; border: 0; border-radius: 3px; background: var(--ink); color: var(--white); font: 700 15px var(--font-body); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.search-form button:hover { background: var(--green); }
.search-out { padding-top: 36px; padding-bottom: 72px; min-height: 240px; }
.search-status { font: 400 18px/1.3 var(--font-hand); margin: 0 0 28px; }
.search-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 40px; }
.search-results .print { flex-basis: 160px; width: 160px; }


.site-foot { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 4px 24px; border-top: 1px solid var(--rule); padding-top: 24px; padding-bottom: 24px; font-size: 13px; line-height: 1.4; color: var(--ink-soft); }
.site-foot ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.site-foot nav a { display: inline-block; padding: 10px 8px; color: var(--ink); text-decoration: none; }
.site-foot nav a:hover { color: var(--green); text-decoration: underline; }
.foot-copy { margin: 0; }
.foot-note { grid-column: 1 / -1; text-align: center; text-wrap: balance; font: 400 15px/1.3 var(--font-hand); color: var(--ink-soft); margin: 6px 0 0; }


@media (max-width: 1040px) {
  :root { --gutter: 32px; }
  .hero-in { gap: 28px; }
  .title-hero { font-size: 38px; }
  .note { font-size: 21px; max-width: 320px; }
  .title-large { font-size: 26px; }
  .card-row .print { flex-basis: 150px; width: 150px; }
  .card-row .card-link { gap: 18px; }
  .river-row1, .river-row3 { gap: 28px; }
  .card-band .card-link { gap: 32px; }
  .card-band .title-large { font-size: 28px; }
  .card-index .index-card { width: 90%; margin-top: -64px; padding: 18px 20px 14px; background-position: 0 49px; }
  .river-row3 .card-title { font-size: 22px; }
  .print-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .start-row { grid-template-columns: 1fr; gap: 28px; }
  .more-row { gap: 24px; }
  .more .card-row .print, .search-results .print { flex-basis: 120px; width: 120px; }
  .brand-tag { display: none; }
  .site-foot { grid-template-columns: 1fr; justify-items: center; text-align: center; }
}


@media (max-width: 719px) {
  :root { --gutter: 16px; }
  body { font-size: 17px; }
  .print, .index-card, .take, .tilt-1, .tilt-2, .tilt-3, .tilt-4, .tilt-5, .tilt-6, .tilt-7, .tilt-8, .card-tilt-1, .card-tilt-2, .card-tilt-3 { transform: none; }
  .tilt-hero { transform: rotate(2deg); }
  .site-head { padding-top: 8px; padding-bottom: 4px; justify-content: flex-start; }
  .sig-nav { height: 60px; }
  .brand-tag { display: none; }
  .site-nav { width: 100%; }
  .site-nav ul { gap: 0; justify-content: space-between; margin: 0 -8px; }
  .site-nav a { font-size: 13px; }

  .hero-in { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-height: 0; padding-top: 8px; }
  .hero-pic { order: -1; margin: 0; }
  .note { position: relative; right: auto; bottom: auto; display: block; max-width: calc(100% - 52px); margin: 12px 0 0 44px; font-size: 20px; text-align: left; transform: rotate(-1deg); }
  .note::before { right: auto; left: -40px; top: -8px; width: 32px; height: 44px; margin: 0; background-image: var(--arrow-up); }
  .hero-text { padding: 20px 0 24px; }
  .title-hero { font-size: 34px; line-height: 1.1; margin: 8px 0 18px; }

  .river-row { padding-top: 32px; padding-bottom: 32px; }
  .river-row:first-child { padding-top: 32px; }
  .river-row3 + .river-row1, .river-row1 + .river-row3 { padding-top: 0; }
  .river-row1, .river-row3 { display: block; }
  .river-row3 .card-row:only-child .card-link { display: block; }
  .river-row3 .card-row:only-child .card-title { font-size: 26px; }
  .card + .card { margin-top: 40px; }
  .print-grid .card + .card, .more-row .card + .card, .start-row .card + .card, .search-results .card + .card { margin-top: 0; }
  .card-index { padding-top: 0; }
  .card-index .index-card { width: 92%; margin: -36px 0 0 auto; padding: 22px 22px 16px; background-position: 0 53px; }
  .title-large { font-size: 26px; }
  .card-title { font-size: 22px; }
  .title-small { font-size: 20px; }
  .card-index .card-title { font-size: 22px; line-height: 32px; }
  .card-band { padding: 36px 24px 40px; }
  .river-band:first-child .card-band { padding-top: 36px; }
  .card-band .card-link { display: block; }
  .card-band .title-large { font-size: 26px; }
  .band-note { position: relative; right: auto; bottom: auto; display: inline-block; float: right; max-width: 90%; margin: -14px 6px 0 0; font-size: 20px; }
  .band-pic::after { content: ""; display: block; clear: both; }
  .band-text { margin-top: 24px; }
  .card-row .card-link { display: block; }
  .card-row .print { width: 60%; flex-basis: auto; }
  .card-row .row-text { margin-top: 14px; }
  .river-row3 .card-row .print { width: 100%; }
  .more .card-row .card-link, .start-row .card-row .card-link, .search-results .card-link { display: flex; gap: 16px; }
  .more .card-row .print, .start-row .card-row .print, .search-results .print { width: 112px; flex-basis: 112px; padding: 8px; }
  .more .card-row .row-text, .start-row .card-row .row-text, .search-results .row-text { margin-top: 0; }

  .closing, .hero + .closing { padding-top: 28px; padding-bottom: 28px; }
  .closing-line { font-size: 22px; }

  .title-article { font-size: 32px; line-height: 1.1; }
  .post-head { padding-top: 6px; }
  .post-head { padding-bottom: 14px; }
  .post-cover { margin-bottom: 0; }
  .post > .post-body, .post > .sponsor-card { margin-top: 32px; }
  .post > .sponsor-card { margin-left: 16px; margin-right: 16px; }
  .post-body { padding: 0 16px; }
  .post-body h2 { font-size: 24px; }
  .post-body h3 { font-size: 20px; }
  .take { margin: 32px 0; }
  .pull p { font-size: 22px; }
  .sketch-panel { padding: 16px 12px; }
  .sketch-wide { display: none; }
  .sketch-narrow { display: block; }
  .sources { margin: 40px 16px 56px; padding: 18px 18px 14px; }

  .title-page { font-size: 32px; }
  .print-grid { gap: 28px 16px; }
  .month { padding-top: 28px; }
  .sheet { margin: -56px 16px 48px; padding: 28px 20px 20px; }
  .sig-about { height: 72px; }
  .sig-sheet { height: 42px; }
  .start-row, .more-row, .search-results { grid-template-columns: 1fr; }
  .search-form input { flex-basis: 100%; }
  .search-form button { width: 100%; }
  .site-foot nav a { padding: 10px 6px; }
}



.cookie-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 14px max(var(--gutter), calc(50% - 600px)) calc(14px + env(safe-area-inset-bottom, 0px)); background: var(--white); border-top: 2px solid var(--ink); box-shadow: var(--shadow-card); }
.cookie-bar p { flex: 1 1 320px; margin: 0; font-size: 15px; line-height: 1.4; }
.cookie-bar div { display: flex; flex-wrap: wrap; gap: 8px; }
.cookie-bar button { min-height: 44px; padding: 8px 16px; border: 2px solid var(--ink); border-radius: 3px; background: var(--white); color: var(--ink); font: 700 14px/1.1 var(--font-body); cursor: pointer; }
.cookie-bar button:hover { background: var(--yellow); }
.has-cookie-bar .do-the-sum { display: none; }
.do-the-sum { position: fixed; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 9; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 9px 12px 7px 10px; background: var(--yellow); color: var(--ink); font: 400 17px/1 var(--font-hand); text-decoration: none; border-radius: 6px 16px 7px 14px / 14px 7px 16px 6px; box-shadow: var(--shadow-sticker); transform: rotate(-4deg); }
.do-the-sum::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B1B1B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l3.5-1 11-11-2.5-2.5-11 11z'/%3E%3Cpath d='M14 7.5l2.5 2.5'/%3E%3Cpath d='M4 20l1-3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.do-the-sum:hover { color: var(--green); }
.do-the-sum[hidden] { display: none; }
html.has-note { scroll-padding-bottom: 72px; }
@media print { .do-the-sum { display: none !important; } }

.napkin-card { position: relative; max-width: 608px; margin: 48px auto 0; padding: 22px 28px 20px; background: var(--white); border-radius: 12px 16px 10px 18px / 16px 10px 18px 12px; box-shadow: var(--shadow-card); outline: 1px dashed var(--rule); outline-offset: -9px; transform: rotate(-1deg); }
.napkin-card-fold { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: var(--pink-deep); clip-path: polygon(100% 0, 0 0, 100% 100%); border-bottom-left-radius: 6px; }
.napkin-card-fold::after { content: ""; position: absolute; inset: 0; background: var(--pink); clip-path: polygon(0 0, 0 100%, 100% 100%); }
.napkin-card-lead { font: 700 16px/20px var(--font-hand); color: var(--green); margin: 0 0 8px; }
.napkin-card-say { font: 400 17px/1.5 var(--font-body); margin: 0 0 10px; }
.napkin-card-go { margin: 0; font: 400 20px/1.3 var(--font-hand); }
.napkin-card-go a { display: inline-block; padding: 8px 0; }
@media (max-width: 719px) {
  .napkin-card { margin: 36px 16px 0; padding: 18px 18px 16px; transform: none; }
}