Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
786 lines (775 loc) · 123 KB
/
Copy pathindex.html
File metadata and controls
786 lines (775 loc) · 123 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Madison Butchko</title>
<link rel="icon" type="image/png" href="images/kitty.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..600,50;1,9..144,300..600,100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..600,50;1,9..144,300..600,100&display=swap" rel="stylesheet">
<script>
/* Intro gate (see js/site/intro.js). Plays on every page load; no persistent flag. Dev: ?nointro skips. */
(function () { try {
if (/[?&]nointro\b/.test(location.search)) return;
document.documentElement.classList.add("intro-on");
setTimeout(function () { document.documentElement.classList.remove("intro-on"); }, 6000); /* failsafe: never leave the cover up */
} catch (e) {} })();
</script>
<link rel="stylesheet" href="css/01-base.css?v=7">
<link rel="stylesheet" href="css/02-spring-theme.css?v=4">
<link rel="stylesheet" href="css/03-flower-fx.css?v=2">
<link rel="stylesheet" href="css/04-hero.css?v=2">
<link rel="stylesheet" href="css/05-fx-titles-gallery-cursor.css?v=2">
<link rel="stylesheet" href="css/06-backgrounds-rainbow-gallery.css?v=2">
<link rel="stylesheet" href="css/07-living-background-v4-v6.css?v=2">
<link rel="stylesheet" href="css/08-garden-game-v7-v8.css?v=9">
<link rel="stylesheet" href="css/09-v9-refinements.css?v=3">
<link rel="stylesheet" href="css/10-botanical.css?v=4">
<link rel="stylesheet" href="css/11-little-world.css?v=31">
<link rel="stylesheet" href="css/12-polish-pass.css?v=3">
<link rel="stylesheet" href="css/13-ecosystem.css?v=2">
<link rel="stylesheet" href="css/14-side-vines-plants.css?v=4">
<link rel="stylesheet" href="css/15-intro.css?v=17">
<link rel="stylesheet" href="css/16-pinwheels.css?v=1">
<link rel="stylesheet" href="css/17-berries.css?v=1">
</head>
<body>
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
<defs>
<symbol id="fl-bloom" viewBox="-50 -50 100 100"><g fill="currentColor"><ellipse cx="0" cy="-24" rx="15" ry="23"/><ellipse cx="0" cy="-24" rx="15" ry="23" transform="rotate(72)"/><ellipse cx="0" cy="-24" rx="15" ry="23" transform="rotate(144)"/><ellipse cx="0" cy="-24" rx="15" ry="23" transform="rotate(216)"/><ellipse cx="0" cy="-24" rx="15" ry="23" transform="rotate(288)"/></g><circle r="10" fill="var(--center, #f2c230)"/><circle r="4" cx="-3" cy="-3" fill="#fff" opacity=".45"/></symbol>
<symbol id="fl-daisy" viewBox="-50 -50 100 100"><g fill="currentColor"><ellipse cx="0" cy="-26" rx="6.5" ry="20"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(36)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(72)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(108)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(144)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(180)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(216)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(252)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(288)"/><ellipse cx="0" cy="-26" rx="6.5" ry="20" transform="rotate(324)"/></g><circle r="12" fill="var(--center, #f2c230)"/></symbol>
<symbol id="fl-forsythia" viewBox="-50 -50 100 100"><g fill="currentColor"><path d="M0 0 C-12 -14 -9 -38 0 -46 C9 -38 12 -14 0 0Z"/><path d="M0 0 C-12 -14 -9 -38 0 -46 C9 -38 12 -14 0 0Z" transform="rotate(90)"/><path d="M0 0 C-12 -14 -9 -38 0 -46 C9 -38 12 -14 0 0Z" transform="rotate(180)"/><path d="M0 0 C-12 -14 -9 -38 0 -46 C9 -38 12 -14 0 0Z" transform="rotate(270)"/></g><circle r="5" fill="var(--center, #d99a12)"/></symbol>
<symbol id="fl-leaf" viewBox="-50 -50 100 100"><path d="M-40 40 C-40 -10 0 -40 40 -40 C40 10 10 40 -40 40Z" fill="currentColor"/><path d="M-36 36 L30 -30" stroke="#fff" stroke-opacity=".45" stroke-width="3" fill="none"/></symbol>
<symbol id="fl-hydrangea" viewBox="-50 -50 100 100"><g fill="currentColor"><circle cx="0" cy="0" r="10.5" fill-opacity=".82"/><circle cx="0" cy="-15" r="10.5"/><circle cx="13" cy="-7.5" r="10.5"/><circle cx="13" cy="7.5" r="10.5" fill-opacity=".82"/><circle cx="0" cy="15" r="10.5"/><circle cx="-13" cy="7.5" r="10.5"/><circle cx="-13" cy="-7.5" r="10.5" fill-opacity=".82"/><circle cx="7.8" cy="-29" r="9"/><circle cx="21.2" cy="-21.2" r="9"/><circle cx="29" cy="-7.8" r="9" fill-opacity=".82"/><circle cx="29" cy="7.8" r="9"/><circle cx="21.2" cy="21.2" r="9"/><circle cx="7.8" cy="29" r="9" fill-opacity=".82"/><circle cx="-7.8" cy="29" r="9"/><circle cx="-21.2" cy="21.2" r="9"/><circle cx="-29" cy="7.8" r="9" fill-opacity=".82"/><circle cx="-29" cy="-7.8" r="9"/><circle cx="-21.2" cy="-21.2" r="9"/><circle cx="-7.8" cy="-29" r="9" fill-opacity=".82"/></g><g fill="#fff" opacity=".55"><circle cx="0" cy="0" r="2.1"/><circle cx="0" cy="-15" r="2.1"/><circle cx="13" cy="-7.5" r="2.1"/><circle cx="13" cy="7.5" r="2.1"/><circle cx="0" cy="15" r="2.1"/><circle cx="-13" cy="7.5" r="2.1"/><circle cx="-13" cy="-7.5" r="2.1"/><circle cx="7.8" cy="-29" r="2.1"/><circle cx="21.2" cy="-21.2" r="2.1"/><circle cx="29" cy="-7.8" r="2.1"/><circle cx="29" cy="7.8" r="2.1"/><circle cx="21.2" cy="21.2" r="2.1"/><circle cx="7.8" cy="29" r="2.1"/><circle cx="-7.8" cy="29" r="2.1"/><circle cx="-21.2" cy="21.2" r="2.1"/><circle cx="-29" cy="7.8" r="2.1"/><circle cx="-29" cy="-7.8" r="2.1"/><circle cx="-21.2" cy="-21.2" r="2.1"/><circle cx="-7.8" cy="-29" r="2.1"/></g></symbol>
<symbol id="fl-cosmos" viewBox="-50 -50 100 100"><g fill="currentColor"><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(0)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(45)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(90)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(135)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(180)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(225)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(270)"/><path d="M0 0 C-10 -8 -13 -30 -8 -42 Q-4 -45 -1.5 -41 L0 -38 L1.5 -41 Q4 -45 8 -42 C13 -30 10 -8 0 0Z" transform="rotate(315)"/></g><g fill="#fff" opacity=".22"><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(0)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(45)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(90)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(135)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(180)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(225)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(270)"/><path d="M0 -8 L0 -34" stroke="#fff" stroke-width="1.4" stroke-linecap="round" transform="rotate(315)"/></g><circle r="7" fill="var(--center, #f2c230)"/><circle r="3" cx="-1.5" cy="-1.5" fill="#fff" opacity=".4"/></symbol>
<symbol id="fl-poppy" viewBox="-50 -50 100 100"><g fill="currentColor"><path d="M-3 4 C-30 8 -42 -14 -30 -33 C-18 -46 4 -38 4 -14Z"/><path d="M3 3 C28 -6 46 6 38 26 C28 42 6 38 -2 14Z"/><path d="M-2 -3 C-6 -30 18 -48 34 -34 C46 -20 30 -2 4 2Z"/><path d="M2 -2 C-4 22 -30 42 -40 26 C-48 10 -26 -6 -2 0Z"/></g><g fill="#000" opacity=".07"><path d="M0 0 C-14 -2 -20 -14 -16 -24 C-8 -22 2 -14 0 0Z"/><path d="M0 0 C14 4 22 14 14 26 C6 22 -2 12 0 0Z"/></g><circle r="9" fill="var(--center, #3b2a38)"/><g fill="#f2c230"><circle cx="0" cy="-12" r="1.7"/><circle cx="11" cy="-4" r="1.7"/><circle cx="7" cy="9" r="1.7"/><circle cx="-8" cy="9" r="1.7"/><circle cx="-11" cy="-5" r="1.7"/></g></symbol>
<symbol id="fl-bellflower" viewBox="-50 -50 100 100"><path d="M-30 44 C-34 4 -20 -34 14 -38 C28 -39 36 -30 38 -20" fill="none" stroke="#7fa65c" stroke-width="2.4" stroke-linecap="round"/><path d="M-26 20 C-10 14 2 6 8 -4" fill="none" stroke="#8db36a" stroke-width="1.8" stroke-linecap="round"/><g transform="translate(-20 -17) rotate(-8)"><path d="M-5 0 C-6 9 -11 17 -13 24 Q-9 28 -5 24 Q-2 28 0 25 Q3 28 5 24 Q9 28 13 24 C11 17 6 9 5 0Z" fill="currentColor"/><path d="M-3 3 C-4 11 -7 16 -9 21" stroke="#fff" stroke-opacity=".4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M-9 22 Q0 29 9 22" fill="none" stroke="#000" stroke-opacity=".08" stroke-width="2"/></g><g transform="translate(9 -35) rotate(4)"><path d="M-5 0 C-6 9 -11 17 -13 24 Q-9 28 -5 24 Q-2 28 0 25 Q3 28 5 24 Q9 28 13 24 C11 17 6 9 5 0Z" fill="currentColor"/><path d="M-3 3 C-4 11 -7 16 -9 21" stroke="#fff" stroke-opacity=".4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M-9 22 Q0 29 9 22" fill="none" stroke="#000" stroke-opacity=".08" stroke-width="2"/></g><g transform="translate(31 -22) rotate(10)"><path d="M-5 0 C-6 9 -11 17 -13 24 Q-9 28 -5 24 Q-2 28 0 25 Q3 28 5 24 Q9 28 13 24 C11 17 6 9 5 0Z" fill="currentColor"/><path d="M-3 3 C-4 11 -7 16 -9 21" stroke="#fff" stroke-opacity=".4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M-9 22 Q0 29 9 22" fill="none" stroke="#000" stroke-opacity=".08" stroke-width="2"/></g><g transform="translate(-4 2) rotate(-6)"><path d="M-5 0 C-6 9 -11 17 -13 24 Q-9 28 -5 24 Q-2 28 0 25 Q3 28 5 24 Q9 28 13 24 C11 17 6 9 5 0Z" fill="currentColor"/><path d="M-3 3 C-4 11 -7 16 -9 21" stroke="#fff" stroke-opacity=".4" stroke-width="2" fill="none" stroke-linecap="round"/><path d="M-9 22 Q0 29 9 22" fill="none" stroke="#000" stroke-opacity=".08" stroke-width="2"/></g><path d="M-30 44 C-38 36 -46 36 -48 28 C-40 30 -33 36 -30 44Z" fill="#8db36a"/></symbol>
<symbol id="fl-forgetmenot" viewBox="-50 -50 100 100"><g fill="none" stroke="#8db36a" stroke-width="1.6" stroke-linecap="round"><path d="M0 4 L-20 -16"/><path d="M0 4 L18 -22"/><path d="M0 4 L2 -34"/><path d="M0 4 L28 4"/><path d="M0 4 L-28 8"/></g><use href="#mf" x="-34" y="-31" width="26" height="26"/><use href="#mf" x="5" y="-38" width="28" height="28"/><use href="#mf" x="-10" y="-49" width="24" height="24"/><use href="#mf" x="17" y="-9" width="24" height="24"/><use href="#mf" x="-41" y="-3" width="24" height="24"/><use href="#mf" x="-9" y="-5" width="22" height="22"/></symbol>
<symbol id="mf" viewBox="-10 -10 20 20"><g fill="currentColor"><circle cx="0" cy="-5" r="4.1"/><circle cx="4.8" cy="-1.5" r="4.1"/><circle cx="2.9" cy="4" r="4.1"/><circle cx="-2.9" cy="4" r="4.1"/><circle cx="-4.8" cy="-1.5" r="4.1"/></g><circle r="2.7" fill="var(--center, #d99a12)"/></symbol>
<symbol id="mk" viewBox="-10 -10 20 20"><g fill="currentColor"><ellipse cx="0" cy="-4.6" rx="3" ry="4.4" transform="rotate(0)"/><ellipse cx="0" cy="-4.6" rx="3" ry="4.4" transform="rotate(72)"/><ellipse cx="0" cy="-4.6" rx="3" ry="4.4" transform="rotate(144)"/><ellipse cx="0" cy="-4.6" rx="3" ry="4.4" transform="rotate(216)"/><ellipse cx="0" cy="-4.6" rx="3" ry="4.4" transform="rotate(288)"/></g><circle r="2.2" fill="var(--center, #fff6d8)"/></symbol>
<symbol id="cl-research" viewBox="0 0 120 110"><g class="pt lf" style="--ox:58px;--oy:98px;--t:5.9s;--d:-5.8s;--s:1;--k:1.2"><g transform="translate(58 98) rotate(-120)"><use href="#fl-leaf" x="0" y="-15" width="15" height="15" style="color:#8db36a"/></g></g><g class="pt lf" style="--ox:62px;--oy:96px;--t:6.8s;--d:-4.7s;--s:1;--k:1.1"><g transform="translate(62 96) rotate(-20)"><use href="#fl-leaf" x="0" y="-13" width="13" height="13" style="color:#7fa65c"/></g></g><g fill="none" stroke="#8aaa66" stroke-linecap="round"><path d="M60 107 C59 94 61 80 60 64" stroke-width="2.4"/><path d="M60 86 C52 78 44 70 36 58" stroke-width="1.4"/><path d="M36 58 C33 50 30 44 26 36" stroke-width="1.4"/><path d="M36 58 C40 50 42 44 43 37" stroke-width="1.4"/><path d="M60 77 C68 69 78 62 86 52" stroke-width="1.4"/><path d="M86 52 C90 46 94 40 97 33" stroke-width="1.4"/><path d="M86 52 C83 45 81 38 80 30" stroke-width="1.4"/><path d="M60 64 C57 54 54 44 52 31" stroke-width="1.4"/><path d="M60 64 C64 53 67 42 70 25" stroke-width="1.4"/><path d="M52 31 C50 27 48 23 44 19" stroke-width="1.4"/><path d="M52 31 C54 25 57 21 60 16" stroke-width="1.4"/><path d="M26 36 C22 33 19 31 15 29" stroke-width="1.4"/><path d="M43 37 C46 33 47 30 48 27" stroke-width="1.4"/><path d="M70 25 C73 21 76 19 80 17" stroke-width="1.4"/></g><g class="pt hd bob" style="--ox:26px;--oy:36px;--t:5.2s;--d:-3.8s;--s:1;--k:1.1"><use href="#mf" x="20" y="30" width="12" height="12" style="color:#f6d55c;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:43px;--oy:37px;--t:6.9s;--d:-4.6s;--s:1;--k:1.2"><use href="#mf" x="38" y="32" width="10" height="10" style="color:#fbe7a1;--center:#e8a920"/></g><g class="pt hd bob" style="--ox:15px;--oy:29px;--t:5.4s;--d:-0.8s;--s:1;--k:0.8"><use href="#mf" x="9.5" y="23.5" width="11" height="11" style="color:#f2c230;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:97px;--oy:33px;--t:6.6s;--d:-1.1s;--s:1;--k:1.1"><use href="#mf" x="91" y="27" width="12" height="12" style="color:#fde9a6;--center:#e8a920"/></g><g class="pt hd bob" style="--ox:80px;--oy:30px;--t:6.2s;--d:-0.4s;--s:1;--k:1.2"><use href="#mf" x="74.5" y="24.5" width="11" height="11" style="color:#f6d55c;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:44px;--oy:19px;--t:3.7s;--d:-3.2s;--s:1;--k:1.2"><use href="#mf" x="38.5" y="13.5" width="11" height="11" style="color:#fbe7a1;--center:#e8a920"/></g><g class="pt hd bob" style="--ox:60px;--oy:16px;--t:4.5s;--d:-3.3s;--s:1;--k:1.2"><use href="#mf" x="53.5" y="9.5" width="13" height="13" style="color:#f2c230;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:70px;--oy:25px;--t:4.1s;--d:-2.8s;--s:1;--k:0.8"><use href="#mf" x="65" y="20" width="10" height="10" style="color:#fde9a6;--center:#e8a920"/></g><g class="pt hd bob" style="--ox:48px;--oy:27px;--t:7.4s;--d:-5.1s;--s:1;--k:1.3"><use href="#mf" x="44" y="23" width="8" height="8" style="color:#f6d55c;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:80px;--oy:17px;--t:3.8s;--d:-1.2s;--s:1;--k:1.1"><use href="#mf" x="75" y="12" width="10" height="10" style="color:#fbe7a1;--center:#e8a920"/></g><g class="pt hd bob" style="--ox:36px;--oy:58px;--t:6.2s;--d:-1.1s;--s:1;--k:1.2"><use href="#mf" x="32" y="54" width="8" height="8" style="color:#f2c230;--center:#d99a12"/></g><g class="pt hd bob" style="--ox:86px;--oy:52px;--t:7.2s;--d:-2.2s;--s:1;--k:0.8"><use href="#mf" x="82" y="48" width="8" height="8" style="color:#fde9a6;--center:#e8a920"/></g><circle cx="31" cy="42" r="1.6" fill="#f2c230"/><circle cx="91" cy="40" r="1.6" fill="#f2c230"/><circle cx="56" cy="22" r="1.6" fill="#f2c230"/><circle cx="65" cy="20" r="1.6" fill="#f2c230"/><circle cx="38" cy="30" r="1.6" fill="#f2c230"/><circle cx="88" cy="26" r="1.6" fill="#f2c230"/></symbol>
<symbol id="cl-teaching" viewBox="0 0 120 110"><g fill="none" stroke="#7fa65c" stroke-width="2.4" stroke-linecap="round"><path d="M60 107 C56 88 44 70 40 54"/><path d="M60 107 C60 84 60 62 60 42"/><path d="M60 107 C64 88 76 70 82 56"/><path d="M62 96 C76 90 88 82 97 72" stroke-width="1.8"/></g><g class="pt lf" style="--ox:58px;--oy:100px;--t:6.1s;--d:-4.1s;--s:-1;--k:1"><g transform="translate(58 100) rotate(-135)"><use href="#fl-leaf" x="0" y="-17" width="17" height="17" style="color:#8db36a"/></g></g><g class="pt lf" style="--ox:62px;--oy:99px;--t:5.5s;--d:-0.5s;--s:1;--k:0.8"><g transform="translate(62 99) rotate(-30)"><use href="#fl-leaf" x="0" y="-17" width="17" height="17" style="color:#7fa65c"/></g></g><g class="pt lf" style="--ox:52px;--oy:82px;--t:6.2s;--d:-4.6s;--s:1;--k:1"><g transform="translate(52 82) rotate(-150)"><use href="#fl-leaf" x="0" y="-12" width="12" height="12" style="color:#a3c47f"/></g></g><g class="pt lf" style="--ox:68px;--oy:80px;--t:7.1s;--d:-2.3s;--s:-1;--k:0.8"><g transform="translate(68 80) rotate(-15)"><use href="#fl-leaf" x="0" y="-12" width="12" height="12" style="color:#a3c47f"/></g></g><g class="pt hd bob" style="--ox:98px;--oy:70px;--t:6s;--d:-0.4s;--s:1;--k:0.8"><g transform="translate(98 70) rotate(40)"><ellipse rx="5.2" ry="7.5" fill="#f4a7bf"/><path d="M-5 3 C-3 8 3 8 5 3 L3 6 L0 4 L-3 6Z" fill="#8db36a"/></g></g><g class="pt hd open" style="--ox:82px;--oy:54px;--t:8.4s;--d:-8.4s;--s:1;--k:1.2"><use href="#fl-bloom" x="66" y="38" width="32" height="32" style="color:#e98fb0;--center:#fde1ea"/></g><g class="pt hd open" style="--ox:40px;--oy:53px;--t:8.4s;--d:-6.9s;--s:-1;--k:1.2"><use href="#fl-bloom" x="23" y="36" width="34" height="34" style="color:#f4a7bf;--center:#f9e3a3"/></g><g class="pt hd open" style="--ox:60px;--oy:40px;--t:8.4s;--d:-5.4s;--s:1;--k:1.2"><use href="#fl-bloom" x="40" y="20" width="40" height="40" style="color:#f9c6d6;--center:#e98fb0" transform="rotate(18 60 40)"/></g></symbol>
<symbol id="cl-writing" viewBox="0 0 120 110"><path d="M60 110 C52.0 90 36 80 26 74" stroke="#8db36a" stroke-width="2.6" fill="none" stroke-linecap="round"/><path d="M60 110 C70.0 92 90 84 100 80" stroke="#7fa65c" stroke-width="2.6" fill="none" stroke-linecap="round"/><path d="M60 110 C60.5 96 64 88 70 82" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><g class="pt stk" style="--ox:60px;--oy:110px;--t:6.4s;--d:-6.4s;--s:1;--k:1"><path d="M60 110 C49.5 80 36 52 38 30" fill="none" stroke="#7fa65c" stroke-width="1.8" stroke-linecap="round"/><ellipse cx="34.8" cy="30" rx="3.4" ry="5.4" fill="#b9a2de" transform="rotate(-28 34.8 30)"/><ellipse cx="41" cy="32.3" rx="3.4" ry="5.2" fill="#9d7fd0" transform="rotate(28 41 32.3)"/><ellipse cx="34.5" cy="34.6" rx="3.3" ry="5.1" fill="#cdb8f2" transform="rotate(-28 34.5 34.6)"/><ellipse cx="40.7" cy="36.9" rx="3.2" ry="5" fill="#b9a2de" transform="rotate(28 40.7 36.9)"/><ellipse cx="34.2" cy="39.3" rx="3.1" ry="4.9" fill="#9d7fd0" transform="rotate(-28 34.2 39.3)"/><ellipse cx="40.6" cy="41.7" rx="3" ry="4.8" fill="#cdb8f2" transform="rotate(28 40.6 41.7)"/><ellipse cx="34.1" cy="44.2" rx="3" ry="4.6" fill="#b9a2de" transform="rotate(-28 34.1 44.2)"/><ellipse cx="40.5" cy="46.6" rx="2.9" ry="4.5" fill="#9d7fd0" transform="rotate(28 40.5 46.6)"/><ellipse cx="38" cy="28" rx="2.2" ry="3.2" fill="#d9cbf3"/></g><g class="pt stk" style="--ox:60px;--oy:110px;--t:6.4s;--d:-5.5s;--s:1;--k:1"><path d="M60 110 C57.5 74 58 40 56 13" fill="none" stroke="#7fa65c" stroke-width="1.8" stroke-linecap="round"/><ellipse cx="52.8" cy="13" rx="3.4" ry="5.4" fill="#9d7fd0" transform="rotate(-28 52.8 13)"/><ellipse cx="59.4" cy="15.8" rx="3.4" ry="5.2" fill="#cdb8f2" transform="rotate(28 59.4 15.8)"/><ellipse cx="53.1" cy="18.6" rx="3.3" ry="5.1" fill="#b9a2de" transform="rotate(-28 53.1 18.6)"/><ellipse cx="59.7" cy="21.5" rx="3.2" ry="5" fill="#9d7fd0" transform="rotate(28 59.7 21.5)"/><ellipse cx="53.4" cy="24.4" rx="3.1" ry="4.9" fill="#cdb8f2" transform="rotate(-28 53.4 24.4)"/><ellipse cx="59.8" cy="27.3" rx="3" ry="4.8" fill="#b9a2de" transform="rotate(28 59.8 27.3)"/><ellipse cx="53.5" cy="30.3" rx="3" ry="4.6" fill="#9d7fd0" transform="rotate(-28 53.5 30.3)"/><ellipse cx="59.9" cy="33.4" rx="2.9" ry="4.5" fill="#cdb8f2" transform="rotate(28 59.9 33.4)"/><ellipse cx="53.5" cy="36.4" rx="2.8" ry="4.4" fill="#b9a2de" transform="rotate(-28 53.5 36.4)"/><ellipse cx="59.9" cy="39.5" rx="2.7" ry="4.2" fill="#9d7fd0" transform="rotate(28 59.9 39.5)"/><ellipse cx="56" cy="11" rx="2.2" ry="3.2" fill="#d9cbf3"/></g><g class="pt stk" style="--ox:60px;--oy:110px;--t:6.4s;--d:-4.6s;--s:1;--k:1"><path d="M60 110 C65.0 78 68 50 71 23" fill="none" stroke="#7fa65c" stroke-width="1.8" stroke-linecap="round"/><ellipse cx="67.8" cy="23" rx="3.4" ry="5.4" fill="#cdb8f2" transform="rotate(-28 67.8 23)"/><ellipse cx="73.9" cy="25.8" rx="3.4" ry="5.2" fill="#b9a2de" transform="rotate(28 73.9 25.8)"/><ellipse cx="67.3" cy="28.5" rx="3.3" ry="5.1" fill="#9d7fd0" transform="rotate(-28 67.3 28.5)"/><ellipse cx="73.4" cy="31.3" rx="3.2" ry="5" fill="#cdb8f2" transform="rotate(28 73.4 31.3)"/><ellipse cx="66.8" cy="34.1" rx="3.1" ry="4.9" fill="#b9a2de" transform="rotate(-28 66.8 34.1)"/><ellipse cx="73.1" cy="36.9" rx="3" ry="4.8" fill="#9d7fd0" transform="rotate(28 73.1 36.9)"/><ellipse cx="66.5" cy="39.6" rx="3" ry="4.6" fill="#cdb8f2" transform="rotate(-28 66.5 39.6)"/><ellipse cx="72.8" cy="42.4" rx="2.9" ry="4.5" fill="#b9a2de" transform="rotate(28 72.8 42.4)"/><ellipse cx="66.3" cy="45.3" rx="2.8" ry="4.4" fill="#9d7fd0" transform="rotate(-28 66.3 45.3)"/><ellipse cx="72.6" cy="48.1" rx="2.7" ry="4.2" fill="#cdb8f2" transform="rotate(28 72.6 48.1)"/><ellipse cx="71" cy="21" rx="2.2" ry="3.2" fill="#d9cbf3"/></g><g class="pt stk" style="--ox:60px;--oy:110px;--t:6.4s;--d:-3.7s;--s:1;--k:1"><path d="M60 110 C71.5 84 86 60 84 40" fill="none" stroke="#7fa65c" stroke-width="1.8" stroke-linecap="round"/><ellipse cx="80.8" cy="40" rx="3.4" ry="5.4" fill="#b9a2de" transform="rotate(-28 80.8 40)"/><ellipse cx="87.4" cy="42.1" rx="3.4" ry="5.2" fill="#9d7fd0" transform="rotate(28 87.4 42.1)"/><ellipse cx="81.1" cy="44.1" rx="3.3" ry="5.1" fill="#cdb8f2" transform="rotate(-28 81.1 44.1)"/><ellipse cx="87.7" cy="46.2" rx="3.2" ry="5" fill="#b9a2de" transform="rotate(28 87.7 46.2)"/><ellipse cx="81.4" cy="48.4" rx="3.1" ry="4.9" fill="#9d7fd0" transform="rotate(-28 81.4 48.4)"/><ellipse cx="87.8" cy="50.5" rx="3" ry="4.8" fill="#cdb8f2" transform="rotate(28 87.8 50.5)"/><ellipse cx="81.5" cy="52.7" rx="3" ry="4.6" fill="#b9a2de" transform="rotate(-28 81.5 52.7)"/><ellipse cx="87.9" cy="54.9" rx="2.9" ry="4.5" fill="#9d7fd0" transform="rotate(28 87.9 54.9)"/><ellipse cx="84" cy="38" rx="2.2" ry="3.2" fill="#d9cbf3"/></g></symbol>
<symbol id="cl-leadership" viewBox="0 0 120 110"><path d="M22 107 C28 80 48 62 68 52 C82 45 94 37 104 24" fill="none" stroke="#8a9e72" stroke-width="5" stroke-linecap="round"/><path d="M22 107 C28 80 48 62 68 52 C82 45 94 37 104 24" fill="none" stroke="#a8bb8e" stroke-width="1.6" stroke-linecap="round" transform="translate(-1 -1)"/><path d="M35.9 77.7 Q27 69.6 24 58" fill="none" stroke="#8a9e72" stroke-width="2" stroke-linecap="round"/><g class="pt lf" style="--ox:30px;--oy:67.8px;--t:8.3s;--d:-5.9s;--s:-1;--k:1.2"><g transform="translate(30 67.8) rotate(-150)"><use href="#fl-leaf" x="0" y="-10" width="10" height="10" style="color:#7fa65c"/></g></g><path d="M60.8 55.9 Q51.5 44.6 50 30" fill="none" stroke="#8a9e72" stroke-width="2" stroke-linecap="round"/><g class="pt lf" style="--ox:55.4px;--oy:43px;--t:7.1s;--d:-5.3s;--s:1;--k:1.1"><g transform="translate(55.4 43) rotate(-150)"><use href="#fl-leaf" x="0" y="-10" width="10" height="10" style="color:#7fa65c"/></g></g><path d="M80.8 44.8 Q75.4 31.8 78 18" fill="none" stroke="#8a9e72" stroke-width="2" stroke-linecap="round"/><g class="pt lf" style="--ox:79.4px;--oy:31.4px;--t:6.9s;--d:-0.7s;--s:1;--k:1.3"><g transform="translate(79.4 31.4) rotate(-150)"><use href="#fl-leaf" x="0" y="-10" width="10" height="10" style="color:#7fa65c"/></g></g><path d="M91.7 36.9 Q100.1 42.6 104 52" fill="none" stroke="#8a9e72" stroke-width="2" stroke-linecap="round"/><g class="pt lf" style="--ox:97.9px;--oy:44.4px;--t:6.3s;--d:-4.6s;--s:-1;--k:1.1"><g transform="translate(97.9 44.4) rotate(-40)"><use href="#fl-leaf" x="0" y="-10" width="10" height="10" style="color:#7fa65c"/></g></g><path d="M104 24 Q106.2 16.8 112 12" fill="none" stroke="#8a9e72" stroke-width="2" stroke-linecap="round"/><g class="pt lf" style="--ox:108px;--oy:18px;--t:7.6s;--d:-0.6s;--s:1;--k:1.1"><g transform="translate(108 18) rotate(-40)"><use href="#fl-leaf" x="0" y="-10" width="10" height="10" style="color:#7fa65c"/></g></g><g class="pt lf" style="--ox:36px;--oy:78px;--t:8.1s;--d:-2s;--s:-1;--k:1"><g transform="translate(36 78) rotate(-160)"><use href="#fl-leaf" x="0" y="-13" width="13" height="13" style="color:#8db36a"/></g></g><g class="pt lf" style="--ox:88px;--oy:40px;--t:7.7s;--d:-4.8s;--s:1;--k:1.2"><g transform="translate(88 40) rotate(-30)"><use href="#fl-leaf" x="0" y="-11" width="11" height="11" style="color:#8db36a"/></g></g><g class="pt hd bob" style="--ox:24px;--oy:58px;--t:6.4s;--d:-2.8s;--s:1;--k:0.8"><use href="#fl-bloom" x="12" y="46" width="24" height="24" style="color:#b7d3a3;--center:#fff6d8"/></g><g class="pt hd bob" style="--ox:50px;--oy:30px;--t:7.2s;--d:-1.5s;--s:1;--k:0.9"><use href="#fl-bloom" x="37" y="17" width="26" height="26" style="color:#cfe3c0;--center:#8db36a" transform="rotate(14 50 30)"/></g><g class="pt hd bob" style="--ox:78px;--oy:18px;--t:6.9s;--d:-1.7s;--s:1;--k:1.3"><use href="#fl-bloom" x="67" y="7" width="22" height="22" style="color:#a6c48f;--center:#fff6d8" transform="rotate(28 78 18)"/></g><g class="pt hd bob" style="--ox:104px;--oy:52px;--t:7.1s;--d:-4.4s;--s:1;--k:1"><use href="#fl-bloom" x="94.5" y="42.5" width="19" height="19" style="color:#d6e8c8;--center:#7fa65c" transform="rotate(42 104 52)"/></g><g class="pt hd bob" style="--ox:112px;--oy:12px;--t:5.9s;--d:-2.3s;--s:1;--k:1.1"><use href="#fl-bloom" x="105" y="5" width="14" height="14" style="color:#b7d3a3;--center:#fff1cc" transform="rotate(56 112 12)"/></g></symbol>
<symbol id="cl-exploration" viewBox="0 0 120 110"><g fill="none" stroke="#7fa65c" stroke-width="2" stroke-linecap="round"><path d="M60 110 C46.0 84 30 64 34 46"/><path d="M60 110 C59.0 80 62 52 60 30"/><path d="M60 110 C72.0 82 88 64 86 48"/><path d="M60 110 C52.0 92 48 80 48 68"/><path d="M60 110 C66.5 94 76 78 74 66"/><path d="M60 110 C39.5 96 22 82 24 72"/></g><path d="M60 110 Q41.8 93.8 20 85" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><path d="M60 110 Q48.8 96.2 40 89" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><path d="M60 110 Q62.4 95.0 63 87" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><path d="M60 110 Q77.4 92.6 99 83" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><path d="M60 110 Q80.6 97.4 103 91" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><path d="M60 110 Q35.2 98.6 8 93" stroke="#a3c47f" stroke-width="2.2" fill="none" stroke-linecap="round"/><g class="pt lf" style="--ox:58px;--oy:92px;--t:6.9s;--d:-4.9s;--s:1;--k:1.1"><g transform="translate(58 92) rotate(-140)"><use href="#fl-leaf" x="0" y="-13" width="13" height="13" style="color:#8db36a"/></g></g><g class="pt lf" style="--ox:84px;--oy:90px;--t:6.1s;--d:-2.2s;--s:1;--k:0.9"><g transform="translate(84 90) rotate(-30)"><use href="#fl-leaf" x="0" y="-12" width="12" height="12" style="color:#7fa65c"/></g></g><g class="pt hd bob" style="--ox:34px;--oy:46px;--t:3.4s;--d:-1.2s;--s:1;--k:0.8"><use href="#fl-daisy" x="19" y="31" width="30" height="30" style="color:#fde3cf;--center:#f08a5d"/></g><g class="pt hd bob" style="--ox:60px;--oy:30px;--t:9.2s;--d:-6.5s;--s:-1;--k:0.8"><use href="#fl-bloom" x="45" y="15" width="30" height="30" style="color:#f8c9a0;--center:#e0603a" transform="rotate(10 60 30)"/></g><g class="pt hd bob" style="--ox:86px;--oy:48px;--t:4.1s;--d:-0.6s;--s:-1;--k:1"><g><circle cx="80.8" cy="44.9" r="7.6" fill="#f5a77a"/><circle cx="91.2" cy="44.9" r="7.6" fill="#f5a77a"/><circle cx="81.8" cy="51.6" r="7.6" fill="#f5a77a"/><circle cx="90.2" cy="51.6" r="7.6" fill="#f5a77a"/><circle cx="86" cy="48" r="3.4" fill="#8a4a2a"/></g></g><g class="pt hd bob" style="--ox:74px;--oy:66px;--t:7.4s;--d:-6.8s;--s:-1;--k:1"><use href="#fl-forsythia" x="65" y="57" width="18" height="18" style="color:#fbd38a;--center:#e8a24a"/></g><g class="pt hd bob" style="--ox:48px;--oy:68px;--t:4.4s;--d:-4.3s;--s:1;--k:1.3"><use href="#fl-daisy" x="40" y="60" width="16" height="16" style="color:#f4a7bf;--center:#f2c230"/></g><g class="pt hd bob" style="--ox:23.4px;--oy:75px;--t:6.1s;--d:-4.1s;--s:-1;--k:1.1"><path d="M20.4 72 C20.4 67 27.6 67 27.6 72 L28.6 75 L19.4 75 Z" fill="#fffaf2" stroke="#e8c9b6" stroke-width=".8"/></g><g class="pt hd bob" style="--ox:18.4px;--oy:82px;--t:6.5s;--d:-2.6s;--s:1;--k:1.3"><path d="M15.4 79 C15.4 74 22.6 74 22.6 79 L23.6 82 L14.4 82 Z" fill="#fffaf2" stroke="#e8c9b6" stroke-width=".8"/></g></symbol>
<symbol id="pf-programming" viewBox="0 0 100 100"><path d="M20 90 L22 86.7 L24.1 83.5 L26.3 80.2 L28.5 76.9 L30.7 73.5 L33 70.2 L35.4 66.9 L37.8 63.6 L40.2 60.2 L42.7 56.9 L45.2 53.6 L47.8 50.2 L50.3 46.9 L52.9 43.6 L55.6 40.4 L58.2 37.1 L60.9 33.9 L63.6 30.7 L66.3 27.5 L69 24.3 L71.8 21.2 L74.5 18.1 L77.3 15 L80 12" fill="none" stroke="#6f8f5c" stroke-width="1.6" stroke-linecap="round"/><g class="pt lf rip" style="--ox:20.5px;--oy:76.5px;--t:7s;--d:-7s;--s:1;--k:1"><ellipse cx="20.5" cy="76.5" rx="8" ry="2.5" transform="rotate(-115.2 20.5 76.5)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:32px;--oy:83.8px;--t:7s;--d:-6.8s;--s:1;--k:1"><ellipse cx="32" cy="83.8" rx="8" ry="2.5" transform="rotate(0.8 32 83.8)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:24.8px;--oy:70.9px;--t:7s;--d:-6.7s;--s:1;--k:1"><ellipse cx="24.8" cy="70.9" rx="7.6" ry="2.5" transform="rotate(-114.2 24.8 70.9)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:35.4px;--oy:78px;--t:7s;--d:-6.5s;--s:1;--k:1"><ellipse cx="35.4" cy="78" rx="7.6" ry="2.5" transform="rotate(1.8 35.4 78)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:29.1px;--oy:65.3px;--t:7s;--d:-6.4s;--s:1;--k:1"><ellipse cx="29.1" cy="65.3" rx="7.1" ry="2.4" transform="rotate(-113.3 29.1 65.3)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:39px;--oy:72.2px;--t:7s;--d:-6.2s;--s:1;--k:1"><ellipse cx="39" cy="72.2" rx="7.1" ry="2.4" transform="rotate(2.7 39 72.2)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:33.6px;--oy:59.7px;--t:7s;--d:-6.1s;--s:1;--k:1"><ellipse cx="33.6" cy="59.7" rx="6.6" ry="2.4" transform="rotate(-112.4 33.6 59.7)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:42.8px;--oy:66.2px;--t:7s;--d:-6s;--s:1;--k:1"><ellipse cx="42.8" cy="66.2" rx="6.6" ry="2.4" transform="rotate(3.6 42.8 66.2)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:38.2px;--oy:54.1px;--t:7s;--d:-5.8s;--s:1;--k:1"><ellipse cx="38.2" cy="54.1" rx="6.2" ry="2.3" transform="rotate(-111.5 38.2 54.1)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:46.7px;--oy:60.3px;--t:7s;--d:-5.7s;--s:1;--k:1"><ellipse cx="46.7" cy="60.3" rx="6.2" ry="2.3" transform="rotate(4.5 46.7 60.3)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:43px;--oy:48.5px;--t:7s;--d:-5.5s;--s:1;--k:1"><ellipse cx="43" cy="48.5" rx="5.7" ry="2.2" transform="rotate(-110.7 43 48.5)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:50.7px;--oy:54.4px;--t:7s;--d:-5.3s;--s:1;--k:1"><ellipse cx="50.7" cy="54.4" rx="5.7" ry="2.2" transform="rotate(5.3 50.7 54.4)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:47.8px;--oy:42.9px;--t:7s;--d:-5.2s;--s:1;--k:1"><ellipse cx="47.8" cy="42.9" rx="5.3" ry="2.2" transform="rotate(-110 47.8 42.9)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:54.8px;--oy:48.4px;--t:7s;--d:-5s;--s:1;--k:1"><ellipse cx="54.8" cy="48.4" rx="5.3" ry="2.2" transform="rotate(6 54.8 48.4)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:52.7px;--oy:37.4px;--t:7s;--d:-4.9s;--s:1;--k:1"><ellipse cx="52.7" cy="37.4" rx="4.8" ry="2.1" transform="rotate(-109.2 52.7 37.4)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:59.1px;--oy:42.5px;--t:7s;--d:-4.8s;--s:1;--k:1"><ellipse cx="59.1" cy="42.5" rx="4.8" ry="2.1" transform="rotate(6.8 59.1 42.5)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:57.7px;--oy:32px;--t:7s;--d:-4.6s;--s:1;--k:1"><ellipse cx="57.7" cy="32" rx="4.3" ry="2.1" transform="rotate(-108.5 57.7 32)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:63.4px;--oy:36.6px;--t:7s;--d:-4.5s;--s:1;--k:1"><ellipse cx="63.4" cy="36.6" rx="4.3" ry="2.1" transform="rotate(7.5 63.4 36.6)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:62.7px;--oy:26.6px;--t:7s;--d:-4.3s;--s:1;--k:1"><ellipse cx="62.7" cy="26.6" rx="3.9" ry="2" transform="rotate(-107.8 62.7 26.6)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:67.8px;--oy:30.8px;--t:7s;--d:-4.2s;--s:1;--k:1"><ellipse cx="67.8" cy="30.8" rx="3.9" ry="2" transform="rotate(8.2 67.8 30.8)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:67.8px;--oy:21.3px;--t:7s;--d:-4s;--s:1;--k:1"><ellipse cx="67.8" cy="21.3" rx="3.4" ry="1.9" transform="rotate(-107.1 67.8 21.3)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:72.2px;--oy:25.1px;--t:7s;--d:-3.9s;--s:1;--k:1"><ellipse cx="72.2" cy="25.1" rx="3.4" ry="1.9" transform="rotate(8.9 72.2 25.1)" fill="#8fb07a" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:72.9px;--oy:16.1px;--t:7s;--d:-3.7s;--s:1;--k:1"><ellipse cx="72.9" cy="16.1" rx="3" ry="1.9" transform="rotate(-106.4 72.9 16.1)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g><g class="pt lf rip" style="--ox:76.7px;--oy:19.4px;--t:7s;--d:-3.6s;--s:1;--k:1"><ellipse cx="76.7" cy="19.4" rx="3" ry="1.9" transform="rotate(9.6 76.7 19.4)" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/></g></symbol>
<symbol id="pf-ml" viewBox="0 0 100 100"><path d="M50 95 C49 80 51 64 50 50" stroke="#7f9f6a" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M50 84 C42 80 36 74 33 66 M50 84 C58 80 64 75 67 68" stroke="#8fb07a" stroke-width="1" fill="none"/><path d="M50 50 L21.8 29.2" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:21.8px;--oy:29.2px;--t:7.5s;--d:-5.7s;--s:1;--k:1"><circle cx="25" cy="29.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="23.4" cy="32" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="20.2" cy="32" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="18.6" cy="29.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="20.2" cy="26.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="23.4" cy="26.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="21.8" cy="29.2" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L26.2 25.5" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:26.2px;--oy:25.5px;--t:7.5s;--d:-5.8s;--s:1;--k:1"><circle cx="29.4" cy="25.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="27.8" cy="28.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="24.6" cy="28.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="23" cy="25.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="24.6" cy="22.7" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="27.8" cy="22.7" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="26.2" cy="25.5" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L32.8 22.5" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:32.8px;--oy:22.5px;--t:7.5s;--d:-5.9s;--s:1;--k:1"><circle cx="36" cy="22.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="34.4" cy="25.3" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="31.2" cy="25.3" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="29.6" cy="22.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="31.2" cy="19.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="34.4" cy="19.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="32.8" cy="22.5" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L41 20.6" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:41px;--oy:20.6px;--t:7.5s;--d:-6s;--s:1;--k:1"><circle cx="44.2" cy="20.6" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="42.6" cy="23.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="39.4" cy="23.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="37.8" cy="20.6" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="39.4" cy="17.9" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="42.6" cy="17.9" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="41" cy="20.6" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L50 20" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:50px;--oy:20px;--t:7.5s;--d:-6s;--s:1;--k:1"><circle cx="53.2" cy="20" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="51.6" cy="22.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="48.4" cy="22.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="46.8" cy="20" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="48.4" cy="17.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="51.6" cy="17.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="50" cy="20" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L59 20.6" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:59px;--oy:20.6px;--t:7.5s;--d:-6s;--s:1;--k:1"><circle cx="62.2" cy="20.6" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="60.6" cy="23.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="57.4" cy="23.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="55.8" cy="20.6" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="57.4" cy="17.9" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="60.6" cy="17.9" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="59" cy="20.6" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L67.2 22.5" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:67.2px;--oy:22.5px;--t:7.5s;--d:-5.9s;--s:1;--k:1"><circle cx="70.4" cy="22.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="68.8" cy="25.3" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="65.6" cy="25.3" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="64" cy="22.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="65.6" cy="19.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="68.8" cy="19.8" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="67.2" cy="22.5" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L73.8 25.5" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:73.8px;--oy:25.5px;--t:7.5s;--d:-5.8s;--s:1;--k:1"><circle cx="77" cy="25.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="75.4" cy="28.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="72.2" cy="28.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="70.6" cy="25.5" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="72.2" cy="22.7" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="75.4" cy="22.7" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="73.8" cy="25.5" r="1.5" fill="#cbb9ea"/></g><path d="M50 50 L78.2 29.2" stroke="#8fa77d" stroke-width=".8"/><g class="pt hd bl" style="--ox:50px;--oy:31px;--t:7.5s;--d:-6.5s;--s:1;--k:1"><circle cx="81.4" cy="29.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="79.8" cy="32" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="76.6" cy="32" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="75" cy="29.2" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="76.6" cy="26.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="79.8" cy="26.4" r="1.9" fill="#f6f1fb" stroke="#a68fcf" stroke-width=".6"/><circle cx="78.2" cy="29.2" r="1.5" fill="#cbb9ea"/><circle cx="50" cy="31" r="2.4" fill="#7a5fb0"/></g></symbol>
<symbol id="pf-data" viewBox="0 0 100 100"><path d="M24 92 L25.3 88.5 L26.7 85 L28.3 81.4 L29.9 77.9 L31.7 74.3 L33.5 70.8 L35.5 67.2 L37.5 63.7 L39.6 60.2 L41.7 56.7 L44 53.2 L46.2 49.8 L48.6 46.3 L51 42.9 L53.4 39.6 L55.9 36.3 L58.3 33 L60.8 29.8 L63.4 26.7 L65.9 23.6 L68.4 20.6 L71 17.7 L73.5 14.8 L76 12" fill="none" stroke="#5f8a83" stroke-width="1.6" stroke-linecap="round"/><g class="pt lf eu" style="--ox:19.1px;--oy:80px;--t:8.8s;--d:-2.5s;--s:1;--k:0.9"><circle cx="19.1" cy="80" r="8" fill="#93bdb5" stroke="#5f8a83" stroke-width=".6"/><path d="M27.3 83.6 L15 78.2" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:39.4px;--oy:78.1px;--t:6.5s;--d:-1.5s;--s:-1;--k:0.8"><circle cx="39.4" cy="78.1" r="7.5" fill="#a9cbc4" stroke="#5f8a83" stroke-width=".6"/><path d="M31.8 74.2 L43.2 80" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:29.8px;--oy:60.8px;--t:7.8s;--d:-4.9s;--s:1;--k:1"><circle cx="29.8" cy="60.8" r="7.1" fill="#93bdb5" stroke="#5f8a83" stroke-width=".6"/><path d="M36.8 64.8 L26.3 58.8" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:48.9px;--oy:59.7px;--t:6.6s;--d:-3.3s;--s:-1;--k:1.2"><circle cx="48.9" cy="59.7" r="6.7" fill="#a9cbc4" stroke="#5f8a83" stroke-width=".6"/><path d="M42.4 55.6 L52.1 61.7" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:42.6px;--oy:42.4px;--t:5.4s;--d:-2.5s;--s:1;--k:1"><circle cx="42.6" cy="42.4" r="6.2" fill="#93bdb5" stroke="#5f8a83" stroke-width=".6"/><path d="M48.5 46.5 L39.6 40.3" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:60.3px;--oy:41.6px;--t:6.9s;--d:-6.3s;--s:-1;--k:0.9"><circle cx="60.3" cy="41.6" r="5.8" fill="#a9cbc4" stroke="#5f8a83" stroke-width=".6"/><path d="M54.9 37.6 L63 43.7" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:56.5px;--oy:25.2px;--t:6s;--d:-2.8s;--s:1;--k:1.1"><circle cx="56.5" cy="25.2" r="5.3" fill="#93bdb5" stroke="#5f8a83" stroke-width=".6"/><path d="M61.4 29.1 L54.1 23.2" stroke="#7aa59d" stroke-width=".6"/></g><g class="pt lf eu" style="--ox:72.6px;--oy:24.7px;--t:6.5s;--d:-4s;--s:-1;--k:1.3"><circle cx="72.6" cy="24.7" r="4.8" fill="#a9cbc4" stroke="#5f8a83" stroke-width=".6"/><path d="M68.1 21 L74.8 26.6" stroke="#7aa59d" stroke-width=".6"/></g></symbol>
<symbol id="pf-cad" viewBox="0 0 100 100"><path d="M28 94 C34 78 44 62 54 44" stroke="#7f9f6a" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M36 76 C30 70 24 68 18 68 C22 74 28 78 36 76Z M42 66 C48 60 54 58 60 60 C56 66 50 68 42 66Z" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".5"/><g class="pt geo" style="--ox:57px;--oy:36px;--t:1s;--d:0s;--s:1;--k:1.2"><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(0)"/><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(60)"/><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(120)"/><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(180)"/><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(240)"/><path d="M0 0 L-6 -9 L0 -21 L6 -9 Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".7" transform="translate(57 36) rotate(300)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(30)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(90)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(150)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(210)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(270)"/><path d="M0 0 L-3 -5 L0 -11 L3 -5 Z" fill="#fbe2b8" transform="translate(57 36) rotate(330)"/><circle cx="57" cy="36" r="4.2" fill="#c9893c"/><circle cx="59.2" cy="36" r=".7" fill="#fbe2b8"/><circle cx="58.1" cy="37.9" r=".7" fill="#fbe2b8"/><circle cx="55.9" cy="37.9" r=".7" fill="#fbe2b8"/><circle cx="54.8" cy="36" r=".7" fill="#fbe2b8"/><circle cx="55.9" cy="34.1" r=".7" fill="#fbe2b8"/><circle cx="58.1" cy="34.1" r=".7" fill="#fbe2b8"/></g><path d="M74 64 C72 58 74 54 78 52" stroke="#7f9f6a" stroke-width="1.2" fill="none"/><path d="M78 52 L75 46 L78 40 L81 46Z" fill="#f6c48a" stroke="#c9893c" stroke-width=".5"/><path d="M64 70 C68 66 72 64 74 64" stroke="#7f9f6a" stroke-width="1.2" fill="none"/></symbol>
<symbol id="pf-languages" viewBox="0 0 100 100"><path d="M30 94 C32 76 36 60 40 44" stroke="#7f9f6a" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M40 94 C48 84 58 74 66 60" stroke="#7f9f6a" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M33 78 C26 74 20 76 18 80 C22 86 30 84 33 78Z M50 84 C56 86 64 84 66 80 C60 76 54 78 50 84Z" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".5"/><g class="pt hd lean" style="--ox:40px;--oy:38px;--t:6.3s;--d:-3.4s;--s:1;--k:1.2"><g transform="translate(40 38) rotate(-12) scale(1.25)"><ellipse cx="-5" cy="-7" rx="6.5" ry="7.5" fill="#7a5fb0" stroke="#5e4a8f" stroke-width=".5"/><ellipse cx="5" cy="-7" rx="6.5" ry="7.5" fill="#8a72b5" stroke="#5e4a8f" stroke-width=".5"/><ellipse cx="-8" cy="1" rx="6" ry="5.4" fill="#b9a2de" stroke="#8a72b5" stroke-width=".5"/><ellipse cx="8" cy="1" rx="6" ry="5.4" fill="#b9a2de" stroke="#8a72b5" stroke-width=".5"/><ellipse cx="0" cy="6" rx="7.5" ry="6.5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><path d="M0 2 L0 9 M-2.5 2.5 L-4 8 M2.5 2.5 L4 8" stroke="#5e4a8f" stroke-width=".7"/><circle r="2.2" fill="#fff3c4"/></g></g><g class="pt hd lean" style="--ox:67px;--oy:58px;--t:7.7s;--d:-4.9s;--s:-1;--k:1"><g transform="translate(67 58) rotate(14) scale(1)"><ellipse cx="-5" cy="-7" rx="6.5" ry="7.5" fill="#7a5fb0" stroke="#5e4a8f" stroke-width=".5"/><ellipse cx="5" cy="-7" rx="6.5" ry="7.5" fill="#8a72b5" stroke="#5e4a8f" stroke-width=".5"/><ellipse cx="-8" cy="1" rx="6" ry="5.4" fill="#b9a2de" stroke="#8a72b5" stroke-width=".5"/><ellipse cx="8" cy="1" rx="6" ry="5.4" fill="#b9a2de" stroke="#8a72b5" stroke-width=".5"/><ellipse cx="0" cy="6" rx="7.5" ry="6.5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><path d="M0 2 L0 9 M-2.5 2.5 L-4 8 M2.5 2.5 L4 8" stroke="#5e4a8f" stroke-width=".7"/><circle r="2.2" fill="#fff3c4"/></g></g></symbol>
<symbol id="pf-art" viewBox="0 0 100 100"><path d="M34 94 C38 76 48 56 56 40" stroke="#7f9f6a" stroke-width="1.6" fill="none" stroke-linecap="round"/><path d="M44 66 C52 62 60 62 68 64" stroke="#7f9f6a" stroke-width="1.2" fill="none"/><path d="M40 80 l-7.7 -6.4" stroke="#8fb07a" stroke-width="1" stroke-linecap="round"/><path d="M46 70 l8.7 -5" stroke="#8fb07a" stroke-width="1" stroke-linecap="round"/><path d="M38 86 l8.7 -5" stroke="#8fb07a" stroke-width="1" stroke-linecap="round"/><path d="M50 58 l-8.7 -5" stroke="#8fb07a" stroke-width="1" stroke-linecap="round"/><g class="pt hd pet" style="--ox:58px;--oy:36px;--t:7.2s;--d:-3.6s;--s:1;--k:1.3"><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f9c6d6" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(0)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f4a7bf" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(45)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f9c6d6" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(90)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f4a7bf" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(135)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f9c6d6" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(180)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f4a7bf" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(225)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f9c6d6" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(270)"/><path d="M0 -3 C-6 -8 -6 -16 -3.5 -19 L-1.5 -16.5 L0 -19 L1.5 -16.5 L3.5 -19 C6 -16 6 -8 0 -3Z" fill="#f4a7bf" stroke="#c75b8a" stroke-width=".45" transform="translate(58 36) rotate(315)"/><circle cx="58" cy="36" r="4.6" fill="#f2c230"/><circle cx="57" cy="35" r="1.4" fill="#fbe7a1"/></g><g class="pt hd bob" style="--ox:70px;--oy:64px;--t:5.4s;--d:-3.1s;--s:-1;--k:1"><g transform="translate(70 64)"><ellipse rx="4.5" ry="6" fill="#e98fb0" stroke="#c75b8a" stroke-width=".4"/><path d="M-4 3 C-2 7 2 7 4 3" fill="#9fbe88"/></g></g></symbol>
<symbol id="pf-writing" viewBox="0 0 100 100"><path d="M22 94 L23.1 90.5 L24.3 86.9 L25.6 83.3 L27.1 79.7 L28.7 76.1 L30.4 72.4 L32.3 68.8 L34.2 65.1 L36.3 61.4 L38.4 57.8 L40.7 54.1 L43 50.5 L45.4 46.9 L47.9 43.3 L50.5 39.7 L53.1 36.2 L55.8 32.7 L58.6 29.3 L61.4 25.9 L64.2 22.6 L67.1 19.4 L70 16.2 L73 13 L76 10" fill="none" stroke="#9a7a3a" stroke-width="1.5" stroke-linecap="round"/><g class="pt gr" style="--ox:38.6px;--oy:57.5px;--t:6.6s;--d:-6.6s;--s:1;--k:1"><path d="M38.6 57.5 l-2 -16.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M38.6 57.5 l15.9 -6.1" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:40px;--oy:55.2px;--t:6.6s;--d:-6.4s;--s:1;--k:1"><path d="M40 55.2 l-1.8 -16.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M40 55.2 l15.5 -5.7" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:41.4px;--oy:52.9px;--t:6.6s;--d:-6.2s;--s:1;--k:1"><path d="M41.4 52.9 l-1.5 -15.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M41.4 52.9 l15.1 -5.3" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:42.9px;--oy:50.7px;--t:6.6s;--d:-6s;--s:1;--k:1"><path d="M42.9 50.7 l-1.3 -15.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M42.9 50.7 l14.7 -5" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:44.4px;--oy:48.4px;--t:6.6s;--d:-5.8s;--s:1;--k:1"><path d="M44.4 48.4 l-1.1 -14.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M44.4 48.4 l14.2 -4.7" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:45.9px;--oy:46.2px;--t:6.6s;--d:-5.6s;--s:1;--k:1"><path d="M45.9 46.2 l-0.9 -14.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M45.9 46.2 l13.8 -4.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:47.5px;--oy:43.9px;--t:6.6s;--d:-5.4s;--s:1;--k:1"><path d="M47.5 43.9 l-0.7 -13.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M47.5 43.9 l13.4 -4" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:49.1px;--oy:41.7px;--t:6.6s;--d:-5.2s;--s:1;--k:1"><path d="M49.1 41.7 l-0.5 -13.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M49.1 41.7 l12.9 -3.8" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:50.7px;--oy:39.5px;--t:6.6s;--d:-5s;--s:1;--k:1"><path d="M50.7 39.5 l-0.4 -12.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M50.7 39.5 l12.5 -3.5" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:52.3px;--oy:37.3px;--t:6.6s;--d:-4.8s;--s:1;--k:1"><path d="M52.3 37.3 l-0.2 -12.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M52.3 37.3 l12 -3.2" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:54px;--oy:35.1px;--t:6.6s;--d:-4.6s;--s:1;--k:1"><path d="M54 35.1 l-0.1 -11.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M54 35.1 l11.6 -3" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:55.7px;--oy:32.9px;--t:6.6s;--d:-4.4s;--s:1;--k:1"><path d="M55.7 32.9 l0 -11.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M55.7 32.9 l11.1 -2.7" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:57.4px;--oy:30.8px;--t:6.6s;--d:-4.2s;--s:1;--k:1"><path d="M57.4 30.8 l0.2 -10.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M57.4 30.8 l10.6 -2.5" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:59.1px;--oy:28.7px;--t:6.6s;--d:-4s;--s:1;--k:1"><path d="M59.1 28.7 l0.3 -10.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M59.1 28.7 l10.2 -2.3" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:60.8px;--oy:26.6px;--t:6.6s;--d:-3.8s;--s:1;--k:1"><path d="M60.8 26.6 l0.3 -9.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M60.8 26.6 l9.7 -2.1" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:62.6px;--oy:24.5px;--t:6.6s;--d:-3.6s;--s:1;--k:1"><path d="M62.6 24.5 l0.4 -9.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M62.6 24.5 l9.2 -1.9" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:64.4px;--oy:22.4px;--t:6.6s;--d:-3.4s;--s:1;--k:1"><path d="M64.4 22.4 l0.5 -8.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M64.4 22.4 l8.7 -1.7" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:66.2px;--oy:20.4px;--t:6.6s;--d:-3.2s;--s:1;--k:1"><path d="M66.2 20.4 l0.6 -8.4" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M66.2 20.4 l8.2 -1.5" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:68px;--oy:18.3px;--t:6.6s;--d:-3s;--s:1;--k:1"><path d="M68 18.3 l0.6 -7.9" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M68 18.3 l7.8 -1.3" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:69.9px;--oy:16.4px;--t:6.6s;--d:-2.8s;--s:1;--k:1"><path d="M69.9 16.4 l0.6 -7.3" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M69.9 16.4 l7.3 -1.2" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:71.7px;--oy:14.4px;--t:6.6s;--d:-2.6s;--s:1;--k:1"><path d="M71.7 14.4 l0.7 -6.8" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/><path d="M71.7 14.4 l6.8 -1" stroke="#d8b46a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:73.6px;--oy:12.5px;--t:6.6s;--d:-2.4s;--s:1;--k:1"><path d="M73.6 12.5 l0.7 -6.3" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/><path d="M73.6 12.5 l6.3 -0.9" stroke="#c99a4a" stroke-width="1.3" stroke-linecap="round"/></g><g class="pt gr" style="--ox:30px;--oy:70px;--t:6.6s;--d:-2.2s;--s:1;--k:1"><path d="M30 70 C22 64 18 56 18 48 M34 62 C40 56 46 54 52 54" stroke="#a7a65e" stroke-width="1.2" fill="none" stroke-linecap="round"/></g></symbol>
<symbol id="pf-hobbies" viewBox="0 0 100 100"><path d="M42 95 C40 80 34 62 30 46 M42 95 C46 74 54 52 56 34 M42 95 C52 82 62 70 70 56" stroke="#7f9f6a" stroke-width="1.5" fill="none" stroke-linecap="round"/><g class="pt lf" style="--ox:36px;--oy:80px;--t:5.4s;--d:-4.8s;--s:-1;--k:1"><g transform="translate(36 80) rotate(200)"><ellipse cx="6" rx="6" ry="2.6" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/><ellipse cx="5" cy="-3" rx="4" ry="2" fill="#8fb07a" transform="rotate(-30 5 -3)"/><ellipse cx="5" cy="3" rx="4" ry="2" fill="#8fb07a" transform="rotate(30 5 3)"/></g></g><g class="pt lf" style="--ox:48px;--oy:72px;--t:4.7s;--d:-2.8s;--s:-1;--k:1"><g transform="translate(48 72) rotate(-20)"><ellipse cx="6" rx="6" ry="2.6" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/><ellipse cx="5" cy="-3" rx="4" ry="2" fill="#8fb07a" transform="rotate(-30 5 -3)"/><ellipse cx="5" cy="3" rx="4" ry="2" fill="#8fb07a" transform="rotate(30 5 3)"/></g></g><g class="pt lf" style="--ox:54px;--oy:84px;--t:7.7s;--d:-2.1s;--s:-1;--k:0.8"><g transform="translate(54 84) rotate(-40)"><ellipse cx="6" rx="6" ry="2.6" fill="#9fbe88" stroke="#6f8f5c" stroke-width=".4"/><ellipse cx="5" cy="-3" rx="4" ry="2" fill="#8fb07a" transform="rotate(-30 5 -3)"/><ellipse cx="5" cy="3" rx="4" ry="2" fill="#8fb07a" transform="rotate(30 5 3)"/></g></g><g class="pt hd bounce" style="--ox:30px;--oy:44px;--t:4.3s;--d:-3.3s;--s:1;--k:1.1"><g transform="translate(30 44) scale(1.05)"><circle cx="0" cy="-5.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle r="3" fill="#e0a020"/><circle r="1.2" fill="#fbe7a1"/></g></g><g class="pt hd bounce" style="--ox:56px;--oy:32px;--t:5.9s;--d:-2.3s;--s:-1;--k:0.9"><g transform="translate(56 32) scale(1.2)"><circle cx="0" cy="-5.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle r="3" fill="#e0a020"/><circle r="1.2" fill="#fbe7a1"/></g></g><g class="pt hd bounce" style="--ox:70px;--oy:55px;--t:3.7s;--d:-1.9s;--s:1;--k:1.1"><g transform="translate(70 55) scale(0.9)"><circle cx="0" cy="-5.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-3.2" cy="4.4" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle cx="-5.1" cy="-1.7" r="5" fill="#f6d36b" stroke="#c99a1a" stroke-width=".5"/><circle r="3" fill="#e0a020"/><circle r="1.2" fill="#fbe7a1"/></g></g></symbol>
</defs>
</svg>
<canvas id="petalsBack" class="petals-canvas petals-back" aria-hidden="true"></canvas>
<canvas id="petalsFront" class="petals-canvas petals-front" aria-hidden="true"></canvas>
<nav class="nav" aria-label="Sections">
<a href="#about" class="active">About</a>
<a href="#experience">Experience</a>
<a href="#skills">Skills</a>
<a href="#gallery">Artwork</a>
<a href="#contact">Connect</a>
</nav>
<header class="m-header">
<a class="m-brand" href="#home">Madison Butchko</a>
<button class="m-burger" type="button" aria-label="Open navigation menu" aria-expanded="false" aria-controls="mMenu"><span></span><span></span><span></span></button>
</header>
<nav class="m-menu" id="mMenu" aria-label="Mobile navigation" inert></nav>
<main>
<section class="hero" id="home">
<div class="hero-blobs" aria-hidden="true"><span class="blob b1"></span><span class="blob b2"></span><span class="blob b3"></span><span class="blob b4"></span></div>
<div class="hero-flowers" aria-hidden="true">
<svg class="bloom f1" style="color:var(--pink)"><use href="#fl-bloom"/></svg>
<svg class="bloom f2" style="color:var(--yellow);--center:#d99a12"><use href="#fl-forsythia"/></svg>
<svg class="bloom f3" style="color:var(--lilac)"><use href="#fl-daisy"/></svg>
<svg class="bloom f4" style="color:#fff;--center:var(--yellow)"><use href="#fl-daisy"/></svg>
<svg class="bloom f5" style="color:var(--green)"><use href="#fl-leaf"/></svg>
<svg class="bloom f6" style="color:var(--yellow);--center:#d99a12"><use href="#fl-forsythia"/></svg>
<svg class="bloom f7" style="color:var(--pink-soft);--center:var(--pink)"><use href="#fl-bloom"/></svg>
<svg class="bloom f8" style="color:var(--green)"><use href="#fl-leaf"/></svg>
<svg class="bloom f9" style="color:var(--green)"><use href="#fl-leaf"/></svg>
</div>
<div class="hero-glow" aria-hidden="true"></div>
<div class="hero-inner">
<div class="hero-text">
<p class="hero-label"><span class="label-dot"></span>Yale University · <span class="nowrap">Physics & East Asian Studies</span></p>
<h1>Madison <em>Butchko</em></h1>
<p class="hero-role">I'm a <span class="rotator" aria-live="polite"><span class="rot-word is-on" style="--c:#c2457e">researcher</span><span class="rot-word" style="--c:#8a63b8">writer</span><span class="rot-word" style="--c:#4f7a34">teacher</span><span class="rot-word" style="--c:#c98a06">artist</span><span class="rot-word" style="--c:#d96b93">lifelong learner</span></span></p>
<p class="hero-intro">Creating, connecting, and catalyzing positive change.</p>
<div class="hero-tags" aria-label="Jump to an interest">
<a href="#experience" class="hero-tag" data-open="exp:research">Physics</a>
<a href="#experience" class="hero-tag" data-open="exp:writing">Writing</a>
<a href="#experience" class="hero-tag" data-open="exp:teaching">Teaching</a>
<a href="#gallery" class="hero-tag">Art</a>
</div>
</div>
<div class="collage" id="collage">
<div class="fan-halo" aria-hidden="true"></div>
<div class="fan">
<div class="profile-photo fan-card" data-slot="0"><img fetchpriority="high" decoding="async" src="images/madisonbutchko_flower.jpg" alt="Madison holding a bouquet of spring flowers"></div>
<div class="profile-photo fan-card" data-slot="1"><img fetchpriority="low" decoding="async" src="images/madisonbutchko_yellow.jpg" alt="Madison smiling in front of blooming forsythia"></div>
<div class="profile-photo fan-card" data-slot="2"><img fetchpriority="low" decoding="async" src="images/madisonbutchko_yellow2.jpg" alt="Madison on campus beside yellow forsythia"></div>
</div>
<div class="fan-dots" role="tablist" aria-label="Choose photo"><button class="on" aria-label="Photo 1"></button><button aria-label="Photo 2"></button><button aria-label="Photo 3"></button></div>
</div>
</div>
</section>
<section class="about-section" id="about">
<div class="about-inner reveal">
<div class="about-photo-wrap">
<svg class="about-bloom ab1" style="color:var(--pink)" aria-hidden="true"><use href="#fl-bloom"/></svg>
<svg class="about-bloom ab2" style="color:var(--yellow);--center:#d99a12" aria-hidden="true"><use href="#fl-forsythia"/></svg>
<svg class="about-bloom ab3" style="color:var(--lilac)" aria-hidden="true"><use href="#fl-daisy"/></svg>
<div class="about-photo"><img loading="lazy" decoding="async" src="images/madisonbutchko_close.jpg" alt="Close-up portrait of Madison Butchko surrounded by yellow blossoms"></div>
</div>
<div class="about-body">
<p class="about-hello"><span class="hello-ink">hello, I'm Madison</span><svg class="hello-flower" aria-hidden="true" viewBox="-50 -50 100 100"><use href="#fl-bloom" x="-50" y="-50" width="100" height="100"/></svg></p>
<p class="about-text">I’m drawn to physics, writing, teaching, and art because each offers a different way to understand and shape the world. Physics helps me investigate how things work, writing translates my ideas into something tangible and shareable, teaching challenges me to make complexity clear, and art lets me give form to my imagination. Together, they reflect what I value most: curiosity and creation.</p>
</div>
</div>
</section>
<section id="experience" aria-labelledby="experience-title">
<div class="xp-head">
<div class="section-head reveal"><svg class="title-bloom" aria-hidden="true"><use href="#fl-bloom"/></svg><h2 class="section-title" id="experience-title"><em>Experience</em></h2></div>
<div class="seed-wrap reveal">
<button type="button" class="seed-packet" id="seedPacket" aria-label="Surprise me: discover a piece of work" aria-describedby="seedStatus">
<svg class="seed-art" viewBox="0 0 64 80" aria-hidden="true">
<path class="sp-back" d="M6 14 L58 14 L58 74 Q58 77 55 77 L9 77 Q6 77 6 74 Z"/>
<path class="sp-flap" d="M6 14 L32 30 L58 14 Z"/>
<rect x="12" y="36" width="40" height="30" rx="4" class="sp-window"/>
<path d="M32 62 C32 54 31 50 32 44" class="sp-stem"/>
<path d="M32 52 C26 50 23 46 23 42 C28 42 31 46 32 52Z" class="sp-leaf"/>
<path d="M32 49 C38 47 41 43 41 39 C36 39 33 43 32 49Z" class="sp-leaf"/>
<circle cx="32" cy="42" r="3.2" class="sp-bud"/>
<circle cx="20" cy="70" r="1.4" class="sp-seed"/><circle cx="27" cy="71.5" r="1.2" class="sp-seed"/><circle cx="44" cy="70.5" r="1.4" class="sp-seed"/>
<path d="M6 14 L58 14" class="sp-edge"/>
</svg>
<span class="seed-text"><span class="seed-title">A seed of curiosity</span><span class="seed-sub">Discover something unexpected</span></span>
</button>
<div class="seed-status" id="seedStatus" role="status" aria-live="polite"></div>
</div>
</div>
<p class="section-hint reveal">Choose a flower to see that branch</p>
<div class="garden reveal" id="expGarden" data-kind="exp">
<div class="g-row" role="group" aria-label="Experience categories">
<button type="button" class="g-cat" id="cat-research" data-cat="research" data-note="Questions, experiments, discoveries" aria-expanded="false" aria-controls="xpStage">
<svg class="g-art" viewBox="0 0 120 110" aria-hidden="true"><use href="#cl-research"/></svg>
<span class="g-label"><span class="mark-slot" aria-hidden="true"></span><span class="g-name">Research</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="g-cat" id="cat-teaching" data-cat="teaching" data-note="Explaining, mentoring, supporting" aria-expanded="false" aria-controls="xpStage">
<svg class="g-art" viewBox="0 0 120 110" aria-hidden="true"><use href="#cl-teaching"/></svg>
<span class="g-label"><span class="mark-slot" aria-hidden="true"></span><span class="g-name">Teaching</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="g-cat" id="cat-writing" data-cat="writing" data-note="Stories, ideas, perspectives" aria-expanded="false" aria-controls="xpStage">
<svg class="g-art" viewBox="0 0 120 110" aria-hidden="true"><use href="#cl-writing"/></svg>
<span class="g-label"><span class="mark-slot" aria-hidden="true"></span><span class="g-name">Writing</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="g-cat" id="cat-leadership" data-cat="leadership" data-note="Organizing, connecting, guiding" aria-expanded="false" aria-controls="xpStage">
<svg class="g-art" viewBox="0 0 120 110" aria-hidden="true"><use href="#cl-leadership"/></svg>
<span class="g-label"><span class="mark-slot" aria-hidden="true"></span><span class="g-name">Leadership</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="g-cat" id="cat-exploration" data-cat="exploration" data-note="Languages, places, learning" aria-expanded="false" aria-controls="xpStage">
<svg class="g-art" viewBox="0 0 120 110" aria-hidden="true"><use href="#cl-exploration"/></svg>
<span class="g-label"><span class="mark-slot" aria-hidden="true"></span><span class="g-name">Exploration</span><span class="vh mark-text"></span></span>
</button>
</div>
<div class="g-stage" id="xpStage" hidden></div>
</div>
<!-- Experience content. The garden is built from this template: edit entries here.
Each .xp-card becomes one bloom; .xp-more holds the optional field notes. -->
<template id="xpData">
<!-- ===== Research ===== -->
<div class="xp-panel" data-panel="research">
<div class="xp-panel-head">
<h3 class="xp-panel-title">Research</h3>
<p class="xp-panel-note">Questions, experiments, discoveries</p>
</div>
<div class="xp-cards">
<article class="xp-card" id="xp-pinn">
<p class="xp-date">Aug–Dec 2024</p>
<h4 class="xp-role">Mechanical Engineering Researcher</h4>
<p class="xp-org">Oakland University · Prof. Sarah Beetham</p>
<p class="xp-lead">Developed a PINN in Python to model a pendulum forcing problem, integrating physical constraints and differential equations.</p>
<div class="xp-more">
<ul><li>Used PyTorch and TensorFlow to build and train models, applying ML techniques to test complex physics problems</li></ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-programming" data-skill="programming">Programming</a> <a href="#sk-ml" data-skill="ml">Machine Learning</a></p>
</div>
</article>
<article class="xp-card" id="xp-energy">
<p class="xp-date">2022–Aug 2024</p>
<h4 class="xp-role">Energy Science Institute Researcher</h4>
<p class="xp-org">Yale University · Prof. Steve Konenzy</p>
<p class="xp-lead">Modeled charge transport in nanostructured materials to enhance solar cell efficiency.</p>
<div class="xp-more">
<ul>
<li>Fabricated copper thiocyanate (CuScn) samples using spin coating</li>
<li>Executed humidity-controlled tests in cryostat to evaluate cell performance</li>
<li>Analyzed conductivity, humidity response, and structural integrity for Perovskite solar cells</li>
<li>Utilized LabVIEW and Python scripts for data analysis</li>
</ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-programming" data-skill="programming">Programming</a> <a href="#sk-data" data-skill="data">Data Analysis</a> <a href="#sk-cad" data-skill="cad">CAD & Modeling</a></p>
</div>
</article>
<article class="xp-card" id="xp-biophysics">
<p class="xp-date">Spring 2024</p>
<h4 class="xp-role">Biophysics Researcher</h4>
<p class="xp-org">Yale QBI · Prof. Allison Sweeney</p>
<p class="xp-lead">Researched hyperuniformity in black spruce forests and giant clams, examining spatial properties.</p>
<div class="xp-more">
<ul><li>Analyzed images using Origin software to compare patterns of hyperuniformity</li></ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-data" data-skill="data">Data Analysis</a></p>
</div>
</article>
<article class="xp-card" id="xp-tweezers">
<p class="xp-date">Summer 2022</p>
<h4 class="xp-role">NSF REU Fellow · Optical Tweezers</h4>
<p class="xp-org">Yale · Prof. Simon Mochrie</p>
<p class="xp-lead">$8,500 REU fellowship for single molecule optical tweezers measurements of nucleosomes.</p>
<div class="xp-more">
<ul>
<li>Utilized fluorescence microscopy and optical tweezers to track real-time protein movement</li>
<li>Studied Brownian diffusion to track protein motion, providing insights into protein-DNA interactions</li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-mesophyll">
<p class="xp-date">Summer 2021</p>
<h4 class="xp-role">NSF REU Fellow · Mesophyll</h4>
<p class="xp-org">Yale · Prof. Corey O'Hern</p>
<p class="xp-lead">Developed MATLAB simulations to model cell wall expansion, creating visualizations of deformable polygonal structures.</p>
<div class="xp-more">
<ul>
<li>$8,500 NSF fellowship for research on mesophyll tissue in flowering plants</li>
<li>Analyzed high-resolution plant tissue images with Fiji imaging software</li>
</ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-programming" data-skill="programming">Programming</a></p>
</div>
</article>
<article class="xp-card" id="xp-materials">
<p class="xp-date">Spring 2021</p>
<h4 class="xp-role">Materials Science Researcher</h4>
<p class="xp-org">Yale · Prof. Amit Dayte</p>
<p class="xp-lead">Conducted nano-indentation studies and generated stress-strain curves.</p>
<div class="xp-more">
<ul><li>Operated gas pycnometer, prepared samples</li></ul>
</div>
</article>
</div>
</div>
<!-- ===== Teaching ===== -->
<div class="xp-panel" data-panel="teaching">
<div class="xp-panel-head">
<h3 class="xp-panel-title">Teaching</h3>
<p class="xp-panel-note">Explaining, mentoring, supporting</p>
</div>
<div class="xp-cards">
<article class="xp-card" id="xp-yam">
<p class="xp-date">2020–Present</p>
<h4 class="xp-role">Founder and CEO</h4>
<p class="xp-org">YourAdmissionsMentor</p>
<p class="xp-lead">500+ students across 30+ states and 10 countries.</p>
<div class="xp-more">
<ul>
<li>Guided students through 2,000+ essays and applications, with clients admitted to all eight Ivy League universities and Top 20 institutions including MIT, Stanford, Harvard, and Yale.</li>
<li>Provide end-to-end admissions consulting, including school strategy, extracurricular development, passion projects, research and community initiatives, resumes, personal websites, applications, and essays.</li>
<li>Built and manage the company’s website, brand, client systems, and parent/student experience from initial consultation through final application submission.</li>
<li>Lead content strategy across Instagram, TikTok, YouTube, and Facebook, creating educational videos, posts, guides, and free admissions resources for students and families.</li>
<li>Founded and manage a college admissions Facebook community of 3,300+ members, providing resources, guidance, and application support.</li>
<li>Work closely with students from brainstorming through final revision, helping develop their ideas, writing, positioning, and overall application narrative.</li>
</ul>
<p class="xp-inline-links"><a href="https://youradmissionsmentor.com/" target="_blank" rel="noopener">Visit YourAdmissionsMentor <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a> <a href="https://linktr.ee/youradmissionsmentor" target="_blank" rel="noopener">Social media & free resources <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-writing" data-skill="writing">Writing</a></p>
</div>
</article>
<article class="xp-card" id="xp-gtp-head">
<h4 class="xp-role">Head Supervising Teaching Assistant</h4>
<p class="xp-org">Global Teaching Project</p>
<div class="xp-more">
<ul>
<li>Coordinated curriculum implementation across multiple schools and districts, working with teachers, teaching assistants, and Global Teaching Project staff to keep courses running smoothly.</li>
<li>Supervised and supported teaching assistants, filled in as a substitute instructor when needed, organized teacher/student/staff meetings, and helped maintain and update program website content and resources.</li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-gtp">
<p class="xp-date">2024–Present</p>
<h4 class="xp-role">AP Physics Teaching Assistant</h4>
<p class="xp-org">Global Teaching Project</p>
<p class="xp-lead">Supported classes of 20+ students, creating lesson plans & curriculum for AP readiness.</p>
<div class="xp-more">
<ul>
<li>Collaborated with educators to design AP Physics curriculum, breaking down complex concepts for easier understanding</li>
<li>Engaged students throughout 2-hour classes via problem-solving, worksheets, and interactive PowerPoints</li>
</ul>
<p class="xp-samples-label">Articles</p>
<ul class="xp-samples">
<li><a href="https://globalteachingproject.com/2024/05/24/from-classrooms-to-change/" target="_blank" rel="noopener">From Classrooms to Change <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></li>
<li><a href="https://globalteachingproject.com/2025/04/18/beyond-physics/" target="_blank" rel="noopener">Beyond Physics <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-splash">
<p class="xp-date">2024–Present</p>
<h4 class="xp-role">Splash and Sprout Instructor</h4>
<p class="xp-org">Yale University</p>
<p class="xp-lead">Designed and taught 10+ original courses across 15+ class offerings for classes of ~30 middle and high school students.</p>
<div class="xp-more">
<ul>
<li>Developed interdisciplinary curricula spanning writing, literature, science, government, ethics, and education.</li>
<li>Led interactive lessons through discussion, creative exercises, case studies, and literary analysis.</li>
<li>Translated complex ideas into accessible material that strengthened students’ critical thinking, curiosity, and independent learning.</li>
</ul>
</div>
<p class="xp-inline-links"><a href="https://yale.learningu.org/teach/teachers/madisonbutchko/bio.html" target="_blank" rel="noopener">View bio and classes taught <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
</article>
<article class="xp-card" id="xp-robotics">
<p class="xp-date">Mar–Dec 2024</p>
<h4 class="xp-role">Robotics Instructor</h4>
<p class="xp-org">Snapology</p>
<p class="xp-lead">Led robotics and pre-engineering classes for up to 35 elementary students.</p>
<div class="xp-more">
<ul><li>Taught programming using Scratch and conducted interactive science workshops</li></ul>
</div>
</article>
<article class="xp-card" id="xp-advisor">
<p class="xp-date">2024–Present</p>
<h4 class="xp-role">College Admissions Advisor</h4>
<p class="xp-org">Pivot / Matriculate / PASCHAR</p>
<p class="xp-lead">Designed writing lessons focused on structure, clarity, and narrative development.</p>
<div class="xp-more">
<ul>
<li><strong>PIVOT:</strong> Mentored students on college plans, guiding through applications and Common App. Organized summer courses at Yale</li>
<li><strong>Matriculate:</strong> Provided free, one-on-one college advising to low-income students in Michigan, guiding them through college lists, applications, essays, FAFSA, financial aid, scholarships, and enrollment.</li>
<li><strong>PASCHAR:</strong> Guided students through applications and essays; provided writing instruction and research-paper coaching</li>
</ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-writing" data-skill="writing">Writing</a></p>
</div>
</article>
</div>
</div>
<!-- ===== Writing ===== -->
<div class="xp-panel" data-panel="writing">
<div class="xp-panel-head">
<h3 class="xp-panel-title">Writing</h3>
<p class="xp-panel-note">Stories, ideas, perspectives</p>
</div>
<div class="xp-cards">
<article class="xp-card" id="xp-chinahands">
<p class="xp-date">2023–Present</p>
<h4 class="xp-role">Editor in Chief</h4>
<p class="xp-org">China Hands Magazine</p>
<p class="xp-lead">Chinese history, technology & social issues.</p>
<p class="xp-inline-links"><a href="https://chinahandsmagazine.org/author/madisonbutchko/" target="_blank" rel="noopener">Read on China Hands <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
</article>
<article class="xp-card" id="xp-hercampus">
<p class="xp-date">2021–Present</p>
<h4 class="xp-role">Editor in Chief</h4>
<p class="xp-org">Her Campus at Yale</p>
<p class="xp-lead">Weekly lifestyle content.</p>
<p class="xp-inline-links"><a href="https://www.hercampus.com/author/maddie-butchko/" target="_blank" rel="noopener">Read on Her Campus <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
</article>
<article class="xp-card" id="xp-ydn">
<p class="xp-date">2023–Present</p>
<h4 class="xp-role">Staff Writer & Columnist</h4>
<p class="xp-org">Yale Daily News</p>
<p class="xp-lead">Personal essays with illustrations.</p>
<p class="xp-inline-links"><a href="https://yaledailynews.com/author/madison-butchko" target="_blank" rel="noopener">Read on Yale Daily News <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
</article>
<article class="xp-card" id="xp-herald">
<p class="xp-date">2024–Present</p>
<h4 class="xp-role">Staff Writer</h4>
<p class="xp-org">Yale Herald / Layer</p>
<p class="xp-lead">Personal essays.</p>
<p class="xp-inline-links"><a href="https://yale-herald.com/2026/02/01/a-piece-of-cake/" target="_blank" rel="noopener">Read “A Piece of Cake” <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a> <a href="https://yale-herald.com/2025/03/30/a-guide-to-achieving-perfect-skin/" target="_blank" rel="noopener">Read “A Guide to Achieving Perfect Skin” <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></p>
</article>
</div>
<h4 class="xp-subhead">Additional publications</h4>
<div class="xp-cards xp-cards--quiet">
<article class="xp-card xp-card--quiet" id="xp-layer">
<h4 class="xp-role">Staff Writer & Editor</h4>
<p class="xp-org">Yale Layer</p>
<p class="xp-lead">Writing and editing for Yale's lifestyle magazine.</p>
</article>
<article class="xp-card xp-card--quiet" id="xp-environmentalist">
<h4 class="xp-role">Staff Writer</h4>
<p class="xp-org">Yale Environmentalist</p>
<p class="xp-lead">Author of “Kill on Site”.</p>
</article>
<article class="xp-card xp-card--quiet" id="xp-295">
<h4 class="xp-role">Staff Writer</h4>
<p class="xp-org">295 Magazine</p>
<p class="xp-lead">Featured personal essays in the Yale Asian American Cultural Center's annual magazine.</p>
</article>
<article class="xp-card xp-card--quiet" id="xp-gtpblog">
<h4 class="xp-role">Lead Blog Writer</h4>
<p class="xp-org">Global Teaching Project</p>
<p class="xp-lead">Writing on teaching, lesson planning & educational access.</p>
<p class="xp-inline-links"><a href="#xp-gtp" data-goto="teaching:xp-gtp">See the related teaching role</a></p>
</article>
</div>
</div>
<!-- ===== Leadership ===== -->
<div class="xp-panel" data-panel="leadership">
<div class="xp-panel-head">
<h3 class="xp-panel-title">Leadership</h3>
<p class="xp-panel-note">Organizing, connecting, guiding</p>
</div>
<div class="xp-cards">
<article class="xp-card" id="xp-sps">
<p class="xp-date">2020–Present</p>
<h4 class="xp-role">President & Prize Lecture Chair</h4>
<p class="xp-org">Yale Society of Physics Students</p>
<p class="xp-lead">Led chapter to nationwide recognition as Outstanding SPS Chapter.</p>
<div class="xp-more">
<ul>
<li>Managing funding, study halls, faculty dinners, and mentoring events</li>
<li>Designed chapter logo and merchandise</li>
<li>Coordinated Howard L. Schultz and Tinsley Lectures</li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-rotc">
<p class="xp-date">2020–2024</p>
<h4 class="xp-role">Cadet Officer</h4>
<p class="xp-org">Air Force ROTC</p>
<p class="xp-lead">Directed 60+ cadets, mentored underclassmen, and planned events for 100+ people.</p>
<div class="xp-more">
<ul>
<li>Mission Support Commander, Public Affairs Officer</li>
<li>Trained 10+ hours/week in PT, leadership labs, military coursework</li>
<li>Completed field training in Mississippi and Alabama</li>
<li>Arnold Air Society Director of Operations</li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-flight">
<p class="xp-date">2022–2023</p>
<h4 class="xp-role">Learn to Fly Scholarship</h4>
<p class="xp-org">$5,000 Award</p>
<p class="xp-lead">Awarded $5,000 towards flying lessons.</p>
<div class="xp-more">
<ul><li>Completed 30 hours of flight time</li></ul>
</div>
</article>
<article class="xp-card" id="xp-intramural">
<p class="xp-date">2021–2022</p>
<h4 class="xp-role">Intramural Secretary</h4>
<p class="xp-org">Jonathan Edwards College</p>
<p class="xp-lead">Organized sports events for 500+ students.</p>
<div class="xp-more">
<ul>
<li>Coordinated weekly sports activities and managed college teams</li>
<li>Directed gameplay during matches</li>
<li>Managed social media promotions and college-wide emails</li>
</ul>
</div>
</article>
<article class="xp-card" id="xp-aerospace">
<p class="xp-date">2022–2023</p>
<h4 class="xp-role">Director of Finance</h4>
<p class="xp-org">Yale Aerospace Association</p>
<p class="xp-lead">Managed financial operations for the association.</p>
</article>
<article class="xp-card" id="xp-swe">
<p class="xp-date">2022–2023</p>
<h4 class="xp-role">Media Chair</h4>
<p class="xp-org">Yale SWE</p>
<p class="xp-lead">Designed logos and merchandise.</p>
<div class="xp-more">
<ul><li>SWE 2024 Conference participant</li></ul>
</div>
</article>
</div>
</div>
<!-- ===== Exploration (formerly "Additional") ===== -->
<div class="xp-panel" data-panel="exploration">
<div class="xp-panel-head">
<h3 class="xp-panel-title">Exploration</h3>
<p class="xp-panel-note">Languages, places, learning</p>
</div>
<div class="xp-cards">
<article class="xp-card" id="xp-jordan">
<p class="xp-date">Summer 2025</p>
<h4 class="xp-role">Arabic Study Abroad</h4>
<p class="xp-org">CET Jordan</p>
<p class="xp-lead">MSA & Jordanian Dialect · Language Intensive.</p>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-languages" data-skill="languages">Languages</a></p>
</article>
<article class="xp-card" id="xp-occ">
<p class="xp-date">Summer & Fall 2024</p>
<h4 class="xp-role">26 Courses</h4>
<p class="xp-org">Oakland Community College</p>
<p class="xp-lead">Coursework across literature, philosophy, social sciences, history, languages, and programming.</p>
<div class="xp-more">
<ul class="xp-chips">
<li>American Lit Since Civil War</li><li>Arts & Lit Renaissance-Modern</li><li>Arts/Lit Origins Western Tradition</li><li>Children's Literature</li><li>Composition I & II</li><li>Creative Writing</li><li>Intro to Literature</li><li>Intro to Philosophy</li><li>Cultural Anthropology</li><li>Ethics</li><li>Sociology</li><li>Sociology of Aging</li><li>Racial/Ethnic Group Relations</li><li>Urban & State Politics</li><li>Comparative World Politics</li><li>World Geography</li><li>U.S. History 1877-Present</li><li>Intro to Psychology</li><li>Spanish I & II</li><li>HTML5</li><li>JavaScript</li><li>Java</li><li>C++</li><li>Python</li><li>Software Engineering</li>
</ul>
<p class="xp-skills"><span class="xp-skills-label">Skills used</span> <a href="#sk-programming" data-skill="programming">Programming</a> <a href="#sk-languages" data-skill="languages">Languages</a> <a href="#sk-writing" data-skill="writing">Writing</a></p>
</div>
</article>
</div>
</div>
</template>
</section>
<section id="skills" aria-labelledby="skills-title">
<div class="section-head reveal"><svg class="title-bloom" aria-hidden="true"><use href="#fl-bloom"/></svg><h2 class="section-title" id="skills-title">Skills & <em>Expertise</em></h2></div>
<p class="section-hint reveal">Choose a specimen to explore</p>
<div class="herbarium reveal" id="skillGarden" data-kind="skill">
<div class="h-row" role="group" aria-label="Skill specimens">
<button type="button" class="h-spec" id="sk-programming" data-cat="programming" aria-expanded="false" aria-controls="skStage" style="--sk:#7f9f6a;--sk-soft:#eef4e6">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-programming"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 01</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Programming</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-ml" data-cat="ml" aria-expanded="false" aria-controls="skStage" style="--sk:#8a72b5;--sk-soft:#f1ecf9">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-ml"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 02</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Machine Learning</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-data" data-cat="data" aria-expanded="false" aria-controls="skStage" style="--sk:#5f9a92;--sk-soft:#e7f2f0">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-data"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 03</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Data Analysis</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-cad" data-cat="cad" aria-expanded="false" aria-controls="skStage" style="--sk:#c9893c;--sk-soft:#fbf0e0">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-cad"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 04</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">CAD & Modeling</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-languages" data-cat="languages" aria-expanded="false" aria-controls="skStage" style="--sk:#7a5fb0;--sk-soft:#efe9f8">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-languages"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 05</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Languages</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-art" data-cat="art" aria-expanded="false" aria-controls="skStage" style="--sk:#c75b8a;--sk-soft:#fbe8ef">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-art"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 06</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Artwork</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-writing" data-cat="writing" aria-expanded="false" aria-controls="skStage" style="--sk:#b0873a;--sk-soft:#f8f0dc">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-writing"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 07</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Writing</span><span class="vh mark-text"></span></span>
</button>
<button type="button" class="h-spec" id="sk-hobbies" data-cat="hobbies" aria-expanded="false" aria-controls="skStage" style="--sk:#c99a1a;--sk-soft:#fdf4d6">
<svg class="h-art" viewBox="0 0 100 100" aria-hidden="true"><use href="#pf-hobbies"/></svg>
<span class="h-label"><span class="h-no" aria-hidden="true">No. 08</span><span class="mark-slot" aria-hidden="true"></span><span class="h-name">Hobbies</span><span class="vh mark-text"></span></span>
</button>
</div>
<div class="g-stage" id="skStage" hidden></div>
</div>
<!-- Skills content. Each <li> is one leaf/petal of its specimen: the text is the
short annotation shown when that piece is chosen (leave it empty if there is none).
data-minor marks smaller, secondary pieces. -->
<template id="skData">
<section data-cat="programming" data-plant="fern">
<p class="sk-intro"></p>
<ul>
<li data-item="Python">A physics-informed neural network for a pendulum forcing problem, and Python scripts with LabVIEW for data analysis. <a href="#xp-pinn" data-goto="research:xp-pinn">Mechanical Engineering Researcher</a> <a href="#xp-energy" data-goto="research:xp-energy">Energy Science Institute Researcher</a></li>
<li data-item="C++">Coursework. <a href="#xp-occ" data-goto="exploration:xp-occ">Oakland Community College</a></li>
<li data-item="JavaScript">Developed interactive website features and user experiences using JavaScript across student, personal, and business web projects.</li>
<li data-item="MATLAB">Simulations of cell wall expansion. <a href="#xp-mesophyll" data-goto="research:xp-mesophyll">NSF REU Fellow · Mesophyll</a></li>
<li data-item="Java" data-minor>Coursework. <a href="#xp-occ" data-goto="exploration:xp-occ">Oakland Community College</a></li>
<li data-item="HTML/CSS" data-minor>Designed and coded responsive websites and online portfolios for students, along with personal and business websites including this site and <a href="https://youradmissionsmentor.com/" target="_blank" rel="noopener">YourAdmissionsMentor <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a>.</li>
<li data-item="Mathematica" data-minor>Used extensively in upper-level coursework, including linear algebra, differential equations, multivariable calculus, classical mechanics, and quantum mechanics.</li>
</ul>
</section>
<section data-cat="ml" data-plant="umbel">
<p class="sk-intro"></p>
<ul>
<li data-item="TensorFlow">Used in mechanical engineering research to build and train models for physics problems. <a href="#xp-pinn" data-goto="research:xp-pinn">Mechanical Engineering Researcher</a></li>
<li data-item="PyTorch">Models applying ML techniques to complex physics problems. <a href="#xp-pinn" data-goto="research:xp-pinn">Mechanical Engineering Researcher</a></li>
</ul>
</section>
<section data-cat="data" data-plant="eucalyptus">
<p class="sk-intro">Conductivity, humidity response and structural analysis for Perovskite solar cells. <a href="#xp-energy" data-goto="research:xp-energy">Energy Science Institute Researcher</a></p>
<ul>
<li data-item="Excel"></li>
<li data-item="Origin">Image analysis comparing patterns of hyperuniformity. <a href="#xp-biophysics" data-goto="research:xp-biophysics">Biophysics Researcher</a></li>
<li data-item="Jupyter"></li>
</ul>
</section>
<section data-cat="cad" data-plant="geometric">
<p class="sk-intro"></p>
<ul>
<li data-item="SolidWorks">Completed Yale’s MENG 400, applying CAD/CAM, 2D and 3D modeling, assembly design, and finite-element analysis to develop and evaluate engineering projects and mechanical systems.</li>
<li data-item="AutoCAD">Completed Yale’s MENG 400, applying CAD/CAM, 2D and 3D modeling, assembly design, and finite-element analysis to develop and evaluate engineering projects and mechanical systems.</li>
<li data-item="LabVIEW">Solar cell data analysis. <a href="#xp-energy" data-goto="research:xp-energy">Energy Science Institute Researcher</a></li>
</ul>
</section>
<section data-cat="languages" data-plant="blossom">
<p class="sk-intro"></p>
<ul>
<li data-item="Chinese (Fluent)">Completed coursework beyond Yale’s Level 5 Chinese sequence, the highest level in Yale’s Chinese curriculum.</li>
<li data-item="Arabic">Modern Standard Arabic (MSA) & Jordanian dialect language intensive. <a href="#xp-jordan" data-goto="exploration:xp-jordan">CET Jordan</a></li>
<li data-item="Spanish">Spanish I & II coursework. <a href="#xp-occ" data-goto="exploration:xp-occ">Oakland Community College</a></li>
</ul>
</section>
<section data-cat="art" data-plant="frilled">
<p class="sk-intro">Personal essays with illustrations <a href="#xp-ydn" data-goto="writing:xp-ydn">Yale Daily News</a>, and logos and merchandise <a href="#xp-sps" data-goto="leadership:xp-sps">Yale Society of Physics Students</a> <a href="#xp-swe" data-goto="leadership:xp-swe">Yale SWE</a></p>
<ul>
<li data-item="Procreate Illustration">Procreate and digital illustrations. <button type="button" data-gallery="digital">Digital art gallery</button></li>
<li data-item="Digital Art"><button type="button" data-gallery="digital">Digital art gallery</button></li>
<li data-item="Calligraphy">Hand-lettered cards. <button type="button" data-gallery="calligraphy">Calligraphy gallery</button></li>
<li data-item="Mandala">Mandala drawings. <button type="button" data-gallery="mandala">Mandala gallery</button></li>
<li data-item="Henna" data-minor></li>
<li data-item="Jewelry and Bracelet Making" data-minor></li>
</ul>
</section>
<section data-cat="writing" data-plant="wheat">
<p class="sk-intro"></p>
<ul>
<li data-item="Personal Essay">Completed Yale’s <em>Reading and Writing the Modern Essay</em>. Personal essays. <a href="#xp-ydn" data-goto="writing:xp-ydn">Yale Daily News</a> <a href="#xp-herald" data-goto="writing:xp-herald">Yale Herald / Layer</a> <a href="#xp-295" data-goto="writing:xp-295">295 Magazine</a></li>
<li data-item="Essay Editing">Editing as Editor in Chief, 2,000+ admissions essays, and writing instruction. <a href="#xp-chinahands" data-goto="writing:xp-chinahands">China Hands Magazine</a> <a href="#xp-hercampus" data-goto="writing:xp-hercampus">Her Campus at Yale</a> <a href="#xp-yam" data-goto="teaching:xp-yam">Your Admissions Mentor</a> <a href="#xp-advisor" data-goto="teaching:xp-advisor">College Admissions Advisor</a></li>
<li data-item="Fiction">Completed <em>Advanced Fiction</em> and <em>The Craft of Fiction</em>, selective Yale Creative Writing courses requiring application and acceptance. <a href="#xp-layer" data-goto="writing:xp-layer">Yale Layer</a> <a href="https://yale-herald.com/2026/02/01/a-piece-of-cake/" target="_blank" rel="noopener">“A Piece of Cake,” Yale Herald <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></li>
<li data-item="Scientific Writing">Developed scientific writing skills across two semesters of Yale physics laboratory coursework, including formal lab reports, data analysis, and clear presentation of experimental methods and results.</li>
<li data-item="Argumentative & Analytical Writing">Completed Yale’s <em>ENGL 114</em> and <em>Writing Seminars: Colonialism and Climate Crisis</em>, with training in evidence-based analysis, academic argument, research, and revision. <a href="#xp-chinahands" data-goto="writing:xp-chinahands"><em>China Hands Magazine</em></a></li>
</ul>
</section>
<section data-cat="hobbies" data-plant="wildflower">
<p class="sk-intro"></p>
<ul>
<li data-item="Baking & Cooking">Designed and taught <a href="https://yale.learningu.org/learn/Splash/2026_Spring/catalog#class_5324" target="_blank" rel="noopener"><em>A Scientific Approach to Cooking and Baking Without Recipes</em> <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a> through Yale Splash, teaching students to apply ratios, flavor principles, ingredient functions, and scientific reasoning to cook and bake without relying on exact recipes.</li>
<li data-item="Recipe Writing"><a href="https://www.hercampus.com/author/maddie-butchko/" target="_blank" rel="noopener">Read my writing on Her Campus <span aria-hidden="true">↗︎</span><span class="vh"> (opens in a new tab)</span></a></li>
<li data-item="Running"></li>
<li data-item="Classical Piano"></li>
</ul>
</section>
</template>
</section>
<section class="gallery-section" id="gallery">
<div class="gallery-container">
<div class="section-head reveal"><svg class="title-bloom" aria-hidden="true"><use href="#fl-bloom"/></svg><h2 class="section-title">Creative <em>Artwork</em></h2></div>
<p class="section-hint reveal"><button type="button" class="hint-link" id="galleryHint">Click to see the full gallery</button></p>
<div class="gallery-preview reveal" id="galleryPreview" role="button" tabindex="0" aria-label="Open the artwork gallery">
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_passion.jpg" data-file="mandala_passion.png" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Tulips.jpg" data-file="Tulips.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/calligraphy3.jpg" data-file="calligraphy3.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Reader.jpg" data-file="Reader.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/sunflowers.jpg" data-file="sunflowers.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Gelato_.jpg" data-file="Gelato_.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_blue.jpg" data-file="mandala_blue.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/calligraphy.jpg" data-file="calligraphy.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Corgi__2.jpg" data-file="Corgi__2.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/purplemandala.jpg" data-file="purplemandala.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/eyeswithcolors.jpg" data-file="eyeswithcolors.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Cake.jpg" data-file="Cake.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/peonies.jpg" data-file="peonies.png" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_orange.jpg" data-file="mandala_orange.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Cat.jpg" data-file="Cat.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/calligraphy1.jpg" data-file="calligraphy1.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_pink.jpg" data-file="mandala_pink.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Little_prince_2.jpg" data-file="Little_prince_2.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Books_Stacked.jpg" data-file="Books_Stacked.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/face_full_of_stars.jpg" data-file="face_full_of_stars.png" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_green.jpg" data-file="mandala_green.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Roses.jpg" data-file="Roses.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/calligraphy2.jpg" data-file="calligraphy2.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_circle.jpg" data-file="mandala_circle.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/madeinchina.jpg" data-file="madeinchina.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mirror.jpg" data-file="mirror.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Flower_Book_Open.jpg" data-file="Flower_Book_Open.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_yellow.jpg" data-file="mandala_yellow.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/bday_card.jpg" data-file="bday_card.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/statueface.jpg" data-file="statueface.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Eggs_2.jpg" data-file="Eggs_2.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_multicolor.jpg" data-file="mandala_multicolor.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/card_mandala.jpg" data-file="card_mandala.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mybodyasnature.jpg" data-file="mybodyasnature.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/Cinabunny_2.jpg" data-file="Cinabunny_2.jpg" alt=""></div>
<div class="preview-item"><img loading="lazy" decoding="async" src="images/thumbs/mandala_darkpink.jpg" data-file="mandala_darkpink.jpg" alt=""></div>
<div class="preview-overlay"><span>Expand Gallery</span></div>
</div>
<div class="gallery-deviant reveal"><a href="https://www.deviantart.com/madisonbutchko" target="_blank" rel="noopener">See more on DeviantArt ↗<span class="vh"> (opens in a new tab)</span></a><a href="https://www.instagram.com/studyinstarlight/" target="_blank" rel="noopener">See more on Instagram ↗<span class="vh"> (opens in a new tab)</span></a></div>
</div>
</section>
<section class="contact-section" id="contact">
<div class="reveal contact-inner">
<div class="contact-photo"><img loading="lazy" decoding="async" src="images/madisonbutchko_contact.jpg" alt="Madison holding pink and white spring flowers in front of yellow blossoms"></div>
<div class="contact-body">
<h2 class="contact-title">Let's <em>Connect</em></h2>
<p class="contact-text">Open to research collaborations, creative projects, and interesting conversations.</p>
<div class="social-links">
<a href="https://github.com/madisonbutchko" class="social-link" target="_blank" rel="noopener">GitHub<span class="vh"> (opens in a new tab)</span></a>
<a href="https://www.linkedin.com/in/madison-butchko" class="social-link" target="_blank" rel="noopener">LinkedIn<span class="vh"> (opens in a new tab)</span></a>
<a href="https://www.deviantart.com/madisonbutchko" class="social-link" target="_blank" rel="noopener">DeviantArt<span class="vh"> (opens in a new tab)</span></a>
</div>
</div>
</div>
</section>
<footer><div class="footer-flowers" aria-hidden="true"><svg style="color:var(--pink)"><use href="#fl-bloom"/></svg><svg style="color:var(--yellow);--center:#d99a12"><use href="#fl-forsythia"/></svg><svg style="color:var(--lilac)"><use href="#fl-daisy"/></svg></div><p>© <span id="footerYear">2026</span> Madison Butchko</p></footer>
</main>
<div class="gallery-modal" id="galleryModal">
<div class="gallery-modal-header"><h3 class="gallery-modal-title">Artwork Gallery</h3><button class="gallery-modal-close" id="galleryClose" type="button" aria-label="Close gallery">×</button></div>
<div class="gallery-modal-tabs">
<button class="gallery-modal-tab active" data-filter="all">All</button>
<button class="gallery-modal-tab" data-filter="mandala">Mandalas</button>
<button class="gallery-modal-tab" data-filter="digital">Digital Art</button>
<button class="gallery-modal-tab" data-filter="calligraphy">Calligraphy</button>
<button class="gallery-modal-tab" data-filter="fineart">Fine Art</button>
</div>
<div class="gallery-collage" id="galleryCollage"></div>
</div>
<div class="lightbox" id="lightbox">
<button class="lightbox-close" id="lightboxClose" type="button" aria-label="Close artwork">×</button>
<button class="lightbox-arrow lightbox-prev" id="lightboxPrev" type="button" aria-label="Previous artwork">‹</button>
<button class="lightbox-arrow lightbox-next" id="lightboxNext" type="button" aria-label="Next artwork">›</button>
<img src="" alt="" id="lightboxImg">
<div class="lightbox-info">
<div class="lightbox-title" id="lightboxTitle"></div>
<div class="lightbox-cat" id="lightboxCat"></div>
<div class="lightbox-counter" id="lightboxCounter"></div>
</div>
</div>
<!-- Script manifest: classic deferred scripts. TAG ORDER = LOAD/EXECUTION ORDER (see ARCHITECTURE.md section 1b). Bump ?v= on every file you change. -->
<script src="js/core/namespace.js?v=1" defer></script>
<script src="js/core/utils.js?v=1" defer></script>
<script src="js/core/scheduler.js?v=2" defer></script>
<script src="js/core/state.js?v=1" defer></script>
<script src="js/core/particles.js?v=2" defer></script>
<script src="js/core/safe-zones.js?v=1" defer></script>
<script src="js/core/world.js?v=1" defer></script>
<script src="js/gallery/artworks.js?v=1" defer></script>
<script src="js/gallery/gallery.js?v=2" defer></script>
<script src="js/effects/scroll-effects.js?v=2" defer></script>
<script src="js/effects/text-effects.js?v=2" defer></script>
<script src="js/effects/cursor.js?v=1" defer></script>
<script src="js/navigation/navigation.js?v=2" defer></script>
<script src="js/site/hero.js?v=1" defer></script>
<script src="js/effects/petals.js?v=2" defer></script>
<script src="js/plants/vines.js?v=6" defer></script>
<script src="js/effects/flower-fx.js?v=2" defer></script>
<script src="js/navigation/scroll-sunflower.js?v=2" defer></script>
<script src="js/plants/decor.js?v=3" defer></script>
<script src="js/animals/art.js?v=2" defer></script>
<script src="js/plants/plants.js?v=2" defer></script>
<script src="js/plants/vine-sprigs.js?v=6" defer></script>
<script src="js/environment/weather.js?v=5" defer></script>
<script src="js/garden/species.js?v=1" defer></script>
<script src="js/garden/hud.js?v=1" defer></script>
<script src="js/garden/critters.js?v=1" defer></script>
<script src="js/animals/deer.js?v=2" defer></script>
<script src="js/garden/garden.js?v=3" defer></script>
<script src="js/animals/animals.js?v=1" defer></script>
<script src="js/animals/guide-bird.js?v=2" defer></script>
<script src="js/animals/birds.js?v=6" defer></script>
<script src="js/animals/vine-caterpillar.js?v=2" defer></script>
<script src="js/plants/seeds.js?v=2" defer></script>
<script src="js/botanical/content.js?v=1" defer></script>
<script src="js/botanical/plant-art.js?v=1" defer></script>
<script src="js/animals/butterflies.js?v=3" defer></script>
<script src="js/botanical/bouquet.js?v=2" defer></script>
<script src="js/botanical/stage.js?v=2" defer></script>
<script src="js/botanical/links.js?v=1" defer></script>
<script src="js/easter-eggs/easter-eggs.js?v=2" defer></script>
<script src="js/easter-eggs/envelope.js?v=29" defer></script>
<script src="js/environment/breeze.js?v=2" defer></script>
<script src="js/animals/caterpillar.js?v=2" defer></script>
<script src="js/plants/dandelions.js?v=2" defer></script>
<script src="js/plants/flowers.js?v=4" defer></script>
<script src="js/world/world.js?v=1" defer></script>
<script src="js/animals/snails.js?v=6" defer></script>
<script src="js/animals/insects.js?v=11" defer></script>
<script src="js/animals/nest.js?v=16" defer></script>
<script src="js/environment/pinwheels.js?v=2" defer></script>
<script src="js/animals/berries.js?v=6" defer></script>
<script src="js/site/intro.js?v=28" defer></script>
<script src="js/main.js?v=11" defer></script>
</body>
</html>