/* Generated by scripts/organic-style.mjs from the editable SVG paths. */
.organic-line{animation:none}
@supports (d: path("M 0 0 L 1 1")){
@keyframes organic-sap-desktop-breathe { from { d:path("M 132 220 C 150 300 325 277.8 510 254.9 C 675 238.2 842.85 227.8 942 292 C 1008.5 335.25 977.45 376.5 913 397 C 836.8 420.8 774.9 453.25 820 515 C 850.8 560.85 933.5 552.8 963 580 C 1005.5 639.55 981.5 686.5 907 736 C 833.8 782.15 757.15 822.4 742 885 C 728.55 931.2 767.8 971.9 815 1030 C 847.2 1070 911.75 1095 975 1120"); stroke-width:15px; stroke-opacity:.35 } to { d:path("M 132 220 C 150 300 325 286.2 510 259.1 C 675 229.8 849.15 222.2 942 292 C 1001.5 338.75 972.55 369.5 913 397 C 845.2 429.2 765.1 456.75 820 515 C 859.2 553.15 926.5 547.2 963 580 C 1012.5 644.45 974.5 693.5 907 736 C 842.2 775.85 750.85 819.6 742 885 C 733.45 936.8 762.2 976.1 815 1030 C 852.8 1070 908.25 1095 975 1120"); stroke-width:37px; stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-sap-desktop{animation:organic-sap-desktop-breathe 12s ease-in-out -3s infinite alternate}
@keyframes organic-material-a-breathe { from { d:path("M 132 220 C 150 301.8 325 284.25 510 260.15000000000003 C 675 239.85000000000002 841.9499999999999 230.25 933 292 C 997.5 336.25 967.05 374.5 904 397 C 830.2 423.2 763.1 454.25 811 515 C 844.2 558.65 922.5 551.2 954 580 C 998.5 640.95 970.5 688.5 898 736 C 829.9000000000001 780.35 751.75 821.6 738.4 885 C 726.35 932.8 760.8000000000001 973.1 808.7 1030 C 842.05 1070 903.1 1095 966 1120");  stroke-opacity:.72 } to { d:path("M 132 220 C 150 301.8 325 288.45 510 262.25 C 675 235.65 845.0999999999999 227.45000000000002 933 292 C 994 338 964.6 371 904 397 C 834.4 427.4 758.2 456 811 515 C 848.4 554.8 919 548.4 954 580 C 1002 643.4 967 692 898 736 C 834.1 777.2 748.6 820.2 738.4 885 C 728.8 935.6 758 975.2 808.7 1030 C 844.85 1070 901.35 1095 966 1120");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-material-a{animation:organic-material-a-breathe 17s ease-in-out -5s infinite alternate}
@keyframes organic-material-b-breathe { from { d:path("M 132 220 C 150 298.2 325 279.75 510 253.85 C 675 228.14999999999998 850.0500000000001 219.75 951 292 C 1012.5 337.75 982.95 371.5 922 397 C 851.8 426.8 776.9 455.75 829 515 C 865.8 555.35 937.5 548.8 972 580 C 1019.5 643.05 985.5 691.5 916 736 C 846.0999999999999 777.65 756.25 820.4 745.6 885 C 735.65 935.2 769.1999999999999 974.9 821.3 1030 C 857.95 1070 916.9 1095 984 1120");  stroke-opacity:.72 } to { d:path("M 132 220 C 150 298.2 325 275.55 510 251.75 C 675 232.35 846.9000000000001 222.54999999999998 951 292 C 1016 336 985.4 375 922 397 C 847.6 422.6 781.8 454 829 515 C 861.6 559.2 941 551.6 972 580 C 1016 640.6 989 688 916 736 C 841.9 780.8 759.4 821.8 745.6 885 C 733.2 932.4 772 972.8 821.3 1030 C 855.15 1070 918.65 1095 984 1120");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-material-b{animation:organic-material-b-breathe 25s ease-in-out -12s infinite alternate}
@keyframes organic-a-breathe { from { d:path("M 132 220 C 150 308.6 325 301.35 510 276.35 C 675 253.35 833.1 244.35 899 292 C 962 337 932 373 870 397 C 798 425 727 455 777 515 C 812 557 887 550 920 580 C 966 642 935 690 864 736 C 807.9 779 736.8 821 724.8 885 C 713.8 934 739.2 974 784.9 1030 C 817.75 1070 873.45 1095 932 1120");  stroke-opacity:.72 } to { d:path("M 132 220 C 150 309.6 325 303.6 510 278.6 C 675 255.6 831.6 246.6 894 292 C 957 337 927 373 865 397 C 793 425 722 455 772 515 C 807 557 882 550 915 580 C 961 642 930 690 859 736 C 804.4 779 734.8 821 722.8 885 C 711.8 934 736.2 974 781.4 1030 C 814 1070 869.2 1095 927 1120");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-a{animation:organic-a-breathe 19s ease-in-out -3s infinite alternate}
@keyframes organic-b-breathe { from { d:path("M 132 220 C 150 291.2 325 262.2 510 237.2 C 675 214.2 859.2 205.2 986 292 C 1049 337 1019 373 957 397 C 885 425 814 455 864 515 C 899 557 974 550 1007 580 C 1053 642 1022 690 951 736 C 868.8 779 771.6 821 759.6 885 C 748.6 934 791.4 974 845.8 1030 C 883 1070 947.4 1095 1019 1120");  stroke-opacity:.72 } to { d:path("M 132 220 C 150 290.2 325 259.95 510 234.95 C 675 211.95 860.7 202.95 991 292 C 1054 337 1024 373 962 397 C 890 425 819 455 869 515 C 904 557 979 550 1012 580 C 1058 642 1027 690 956 736 C 872.3 779 773.6 821 761.6 885 C 750.6 934 794.4 974 849.3 1030 C 886.75 1070 951.65 1095 1024 1120");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-b{animation:organic-b-breathe 23s ease-in-out -8s infinite alternate}
@keyframes organic-mobile-a-breathe { from { d:path("M 61 99 C 72 130 120 124 155 121 C 188 118 213 121 241 134");  stroke-opacity:.72 } to { d:path("M 61 99 C 72 132 120 126 155 123 C 188 120 213 123 241 134");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-mobile-a{animation:organic-mobile-a-breathe 28s ease-in-out -6s infinite alternate}
@keyframes organic-sap-mobile-breathe { from { d:path("M -12 188 C 52 147 145 186 203 108 C 265 33.2 330 68.8 407 24"); stroke-width:6px; stroke-opacity:.35 } to { d:path("M -12 188 C 52 153 145 180 203 108 C 265 36.8 330 65.2 407 24"); stroke-width:14px; stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-sap-mobile{animation:organic-sap-mobile-breathe 16s ease-in-out -6s infinite alternate}
@keyframes organic-material-mobile-breathe { from { d:path("M -12 184 C 52 145.5 145 180.5 203 104 C 265 30.1 330 63.9 407 20");  stroke-opacity:.72 } to { d:path("M -12 184 C 52 148.5 145 177.5 203 104 C 265 31.9 330 62.1 407 20");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-material-mobile{animation:organic-material-mobile-breathe 27s ease-in-out -14s infinite alternate}
@keyframes organic-mobile-b-breathe { from { d:path("M -12 157 C 52 126.75 145 152 203 77 C 265 4 330 36 407 -7");  stroke-opacity:.72 } to { d:path("M -12 155 C 52 125.25 145 150 203 75 C 265 2 330 34 407 -9");  stroke-opacity:1 } }
.js .hero-stage[data-static="false"] .organic-mobile-b{animation:organic-mobile-b-breathe 30s ease-in-out -11s infinite alternate}
}
@supports (rx: 10px){
@keyframes island-a-breathe {from{rx:51px;ry:21px}to{rx:54px;ry:20px}}
@keyframes island-b-breathe {from{rx:57px;ry:25px}to{rx:54px;ry:26px}}
@keyframes island-mobile-breathe {from{rx:34px;ry:14px}to{rx:35px;ry:13.5px}}
.js .hero-stage[data-static="false"] .organic-island-a{animation:island-a-breathe 23s ease-in-out -7s infinite alternate}
.js .hero-stage[data-static="false"] .organic-island-b{animation:island-b-breathe 29s ease-in-out -13s infinite alternate}
.js .hero-stage[data-static="false"] .organic-island-mobile{animation:island-mobile-breathe 31s ease-in-out -9s infinite alternate}
}
.js .hero-stage[data-paused="true"] .organic-line{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.organic-line{animation:none!important}}