<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Quiet Threshold</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Montserrat%3Aital%2Cwght%400%2C400&display=swap");
#root {
--levitation: 0;
--portal-hue: 0;
--wind: 0;
width: 800px;
height: 800px;
background: none;
position: relative;
overflow: hidden;
isolation: isolate;
}
#root .ga-node-0 {
position: absolute;
inset: 0;
isolation: isolate;
}
#root .ga-node-29 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(255 210 161 / 0.68) 0%, rgb(255 210 161 / 0.678049) 2.41%, rgb(255 210 161 / 0.672363) 4.77%, rgb(255 210 161 / 0.663191) 7.09%, rgb(255 210 161 / 0.650781) 9.38%, rgb(255 210 161 / 0.635383) 11.64%, rgb(255 210 161 / 0.617246) 13.86%, rgb(255 210 161 / 0.596619) 16.05%, rgb(255 210 161 / 0.57375) 18.22%, rgb(255 210 161 / 0.548889) 20.37%, rgb(255 210 161 / 0.522285) 22.5%, rgb(255 210 161 / 0.494187) 24.61%, rgb(255 210 161 / 0.464844) 26.7%, rgb(255 210 161 / 0.434504) 28.79%, rgb(255 210 161 / 0.403418) 30.86%, rgb(255 210 161 / 0.371833) 32.93%, rgb(255 210 161 / 0.34) 35%, rgb(255 210 161 / 0.308167) 37.07%, rgb(255 210 161 / 0.276582) 39.14%, rgb(255 210 161 / 0.245496) 41.21%, rgb(255 210 161 / 0.215156) 43.3%, rgb(255 210 161 / 0.185813) 45.39%, rgb(255 210 161 / 0.157715) 47.5%, rgb(255 210 161 / 0.131111) 49.63%, rgb(255 210 161 / 0.10625) 51.78%, rgb(255 210 161 / 0.083381) 53.95%, rgb(255 210 161 / 0.062754) 56.14%, rgb(255 210 161 / 0.044617) 58.36%, rgb(255 210 161 / 0.029219) 60.62%, rgb(255 210 161 / 0.016809) 62.91%, rgb(255 210 161 / 0.007637) 65.23%, rgb(255 210 161 / 0.001951) 67.59%, rgb(255 210 161 / 0) 70%) -120px 200px / 1000px 450px no-repeat no-repeat, linear-gradient(0deg, rgb(237 170 124 / 1) 0%, rgb(236.8394 169.8594 124.0316 / 1) 1.2%, rgb(236.3711 169.4497 124.1235 / 1) 2.38%, rgb(235.6157 168.7888 124.2719 / 1) 3.55%, rgb(234.5938 167.8945 124.4727 / 1) 4.69%, rgb(233.3257 166.785 124.7217 / 1) 5.82%, rgb(231.832 165.478 125.0151 / 1) 6.93%, rgb(230.1333 163.9916 125.3488 / 1) 8.03%, rgb(228.25 162.3438 125.7188 / 1) 9.11%, rgb(226.2026 160.5523 126.1209 / 1) 10.18%, rgb(224.0117 158.6353 126.5513 / 1) 11.25%, rgb(221.6978 156.6105 127.0058 / 1) 12.3%, rgb(219.2813 154.4961 127.4805 / 1) 13.35%, rgb(216.7827 152.3099 127.9713 / 1) 14.39%, rgb(214.2227 150.0698 128.4741 / 1) 15.43%, rgb(211.6216 147.7939 128.985 / 1) 16.47%, rgb(209 145.5 129.5 / 1) 17.5%, rgb(206.3784 143.2061 130.015 / 1) 18.53%, rgb(203.7773 140.9302 130.5259 / 1) 19.57%, rgb(201.2173 138.6901 131.0287 / 1) 20.61%, rgb(198.7188 136.5039 131.5195 / 1) 21.65%, rgb(196.3022 134.3895 131.9942 / 1) 22.7%, rgb(193.9883 132.3647 132.4487 / 1) 23.75%, rgb(191.7974 130.4477 132.8791 / 1) 24.82%, rgb(189.75 128.6563 133.2813 / 1) 25.89%, rgb(187.8667 127.0084 133.6512 / 1) 26.97%, rgb(186.168 125.522 133.9849 / 1) 28.07%, rgb(184.6743 124.215 134.2783 / 1) 29.18%, rgb(183.4063 123.1055 134.5273 / 1) 30.31%, rgb(182.3843 122.2112 134.7281 / 1) 31.45%, rgb(181.6289 121.5503 134.8765 / 1) 32.62%, rgb(181.1606 121.1406 134.9684 / 1) 33.8%, rgb(181 121 135 / 1) 35%, rgb(180.5468 120.7562 134.7963 / 1) 37.23%, rgb(179.2256 120.0454 134.2026 / 1) 39.43%, rgb(177.0944 118.8989 133.2449 / 1) 41.59%, rgb(174.2109 117.3477 131.9492 / 1) 43.71%, rgb(170.6332 115.4229 130.3415 / 1) 45.8%, rgb(166.4189 113.1558 128.4478 / 1) 47.87%, rgb(161.6261 110.5773 126.294 / 1) 49.91%, rgb(156.3125 107.7188 123.9063 / 1) 51.92%, rgb(150.536 104.6111 121.3105 / 1) 53.91%, rgb(144.3545 101.2856 118.5327 / 1) 55.89%, rgb(137.8258 97.7734 115.5989 / 1) 57.85%, rgb(131.0078 94.1055 112.5352 / 1) 59.79%, rgb(123.9584 90.313 109.3674 / 1) 61.73%, rgb(116.7354 86.4272 106.1216 / 1) 63.66%, rgb(109.3966 82.4792 102.8238 / 1) 65.58%, rgb(102 78.5 99.5 / 1) 67.5%, rgb(94.6034 74.5208 96.1762 / 1) 69.42%, rgb(87.2646 70.5728 92.8784 / 1) 71.34%, rgb(80.0416 66.687 89.6326 / 1) 73.27%, rgb(72.9922 62.8945 86.4648 / 1) 75.21%, rgb(66.1742 59.2266 83.4011 / 1) 77.15%, rgb(59.6455 55.7144 80.4673 / 1) 79.11%, rgb(53.464 52.3889 77.6895 / 1) 81.09%, rgb(47.6875 49.2813 75.0938 / 1) 83.08%, rgb(42.3739 46.4227 72.706 / 1) 85.09%, rgb(37.5811 43.8442 70.5522 / 1) 87.13%, rgb(33.3668 41.5771 68.6585 / 1) 89.2%, rgb(29.7891 39.6523 67.0508 / 1) 91.29%, rgb(26.9056 38.1011 65.7551 / 1) 93.41%, rgb(24.7744 36.9546 64.7974 / 1) 95.57%, rgb(23.4532 36.2438 64.2037 / 1) 97.77%, rgb(23 36 64 / 1) 100%) 0px 0px / 800px 800px no-repeat no-repeat;
}
#root .ga-node-28 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 380px);
}
#root .ga-node-27 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(255 242 202 / 1) 0%, rgb(255 225 180 / 1) 68%, rgb(0 0 0 / 0) 70%) 613px 115px / 39px 39px no-repeat no-repeat;
}
#root .ga-node-26 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 285px;
height: max(0px, 430px);
}
#root .ga-node-25 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 355px;
height: max(0px, 430px);
}
#root .ga-node-24 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 409px;
height: max(0px, 430px);
}
#root .ga-node-23 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 464px;
height: max(0px, 430px);
}
#root .ga-node-22 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(255 182 121 / 0.55) 0%, rgb(255 182 121 / 0.548422) 2.41%, rgb(255 182 121 / 0.543823) 4.77%, rgb(255 182 121 / 0.536404) 7.09%, rgb(255 182 121 / 0.526367) 9.38%, rgb(255 182 121 / 0.513913) 11.64%, rgb(255 182 121 / 0.499243) 13.86%, rgb(255 182 121 / 0.482559) 16.05%, rgb(255 182 121 / 0.464063) 18.22%, rgb(255 182 121 / 0.443954) 20.37%, rgb(255 182 121 / 0.422437) 22.5%, rgb(255 182 121 / 0.39971) 24.61%, rgb(255 182 121 / 0.375977) 26.7%, rgb(255 182 121 / 0.351437) 28.79%, rgb(255 182 121 / 0.326294) 30.86%, rgb(255 182 121 / 0.300748) 32.93%, rgb(255 182 121 / 0.275) 35%, rgb(255 182 121 / 0.249252) 37.07%, rgb(255 182 121 / 0.223706) 39.14%, rgb(255 182 121 / 0.198563) 41.21%, rgb(255 182 121 / 0.174023) 43.3%, rgb(255 182 121 / 0.15029) 45.39%, rgb(255 182 121 / 0.127563) 47.5%, rgb(255 182 121 / 0.106046) 49.63%, rgb(255 182 121 / 0.085938) 51.78%, rgb(255 182 121 / 0.067441) 53.95%, rgb(255 182 121 / 0.050757) 56.14%, rgb(255 182 121 / 0.036087) 58.36%, rgb(255 182 121 / 0.023633) 60.62%, rgb(255 182 121 / 0.013596) 62.91%, rgb(255 182 121 / 0.006177) 65.23%, rgb(255 182 121 / 0.001578) 67.59%, rgb(255 182 121 / 0) 70%) 117px 485px / 568px 165px no-repeat no-repeat;
}
#root .ga-node-14 {
position: absolute;
inset: 0;
isolation: isolate;
transform: translate(0px, calc(var(--levitation) * 1px));
transform-origin: 50% 50%;
filter: hue-rotate(calc(var(--portal-hue) * 1deg));
}
#root .ga-node-21 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0) 58%, rgb(248 129 113 / 1) 61%, rgb(248.0201 129.3184 113.2324 / 1) 61.1%, rgb(248.0786 130.2466 113.9097 / 1) 61.2%, rgb(248.173 131.7438 115.0023 / 1) 61.3%, rgb(248.3008 133.7695 116.4805 / 1) 61.4%, rgb(248.4593 136.283 118.3146 / 1) 61.5%, rgb(248.646 139.2437 120.4751 / 1) 61.59%, rgb(248.8583 142.6108 122.9322 / 1) 61.69%, rgb(249.0938 146.3438 125.6563 / 1) 61.78%, rgb(249.3497 150.4019 128.6176 / 1) 61.87%, rgb(249.6235 154.7446 131.7866 / 1) 61.96%, rgb(249.9128 159.3312 135.1336 / 1) 62.05%, rgb(250.2148 164.1211 138.6289 / 1) 62.14%, rgb(250.5272 169.0735 142.2429 / 1) 62.23%, rgb(250.8472 174.1479 145.9458 / 1) 62.32%, rgb(251.1723 179.3036 149.7081 / 1) 62.41%, rgb(251.5 184.5 153.5 / 1) 62.5%, rgb(251.8277 189.6964 157.2919 / 1) 62.59%, rgb(252.1528 194.8521 161.0542 / 1) 62.68%, rgb(252.4728 199.9265 164.7571 / 1) 62.77%, rgb(252.7852 204.8789 168.3711 / 1) 62.86%, rgb(253.0872 209.6688 171.8664 / 1) 62.95%, rgb(253.3765 214.2554 175.2134 / 1) 63.04%, rgb(253.6503 218.5981 178.3824 / 1) 63.13%, rgb(253.9063 222.6563 181.3438 / 1) 63.22%, rgb(254.1417 226.3892 184.0678 / 1) 63.31%, rgb(254.354 229.7563 186.5249 / 1) 63.41%, rgb(254.5407 232.717 188.6854 / 1) 63.5%, rgb(254.6992 235.2305 190.5195 / 1) 63.6%, rgb(254.827 237.2562 191.9977 / 1) 63.7%, rgb(254.9214 238.7534 193.0903 / 1) 63.8%, rgb(254.9799 239.6816 193.7676 / 1) 63.9%, rgb(255 240 194 / 1) 64%, rgb(246 196 140 / 1) 66%, rgb(245.7045 195.6931 139.9225 / 1) 66.14%, rgb(244.8433 194.7983 139.6968 / 1) 66.27%, rgb(243.4539 193.355 139.3326 / 1) 66.41%, rgb(241.5742 191.4023 138.8398 / 1) 66.54%, rgb(239.2419 188.9794 138.2285 / 1) 66.66%, rgb(236.4946 186.1255 137.5083 / 1) 66.79%, rgb(233.3702 182.8797 136.6893 / 1) 66.92%, rgb(229.9063 179.2813 135.7813 / 1) 67.04%, rgb(226.1406 175.3693 134.7941 / 1) 67.16%, rgb(222.1108 171.1831 133.7378 / 1) 67.29%, rgb(217.8548 166.7618 132.6221 / 1) 67.41%, rgb(213.4102 162.1445 131.457 / 1) 67.53%, rgb(208.8146 157.3705 130.2524 / 1) 67.64%, rgb(204.106 152.479 129.0181 / 1) 67.76%, rgb(199.3218 147.5091 127.764 / 1) 67.88%, rgb(194.5 142.5 126.5 / 1) 68%, rgb(189.6782 137.4909 125.236 / 1) 68.12%, rgb(184.894 132.521 123.9819 / 1) 68.24%, rgb(180.1854 127.6295 122.7476 / 1) 68.36%, rgb(175.5898 122.8555 121.543 / 1) 68.47%, rgb(171.1452 118.2382 120.3779 / 1) 68.59%, rgb(166.8892 113.8169 119.2622 / 1) 68.71%, rgb(162.8594 109.6307 118.2059 / 1) 68.84%, rgb(159.0938 105.7188 117.2188 / 1) 68.96%, rgb(155.6298 102.1203 116.3107 / 1) 69.08%, rgb(152.5054 98.8745 115.4917 / 1) 69.21%, rgb(149.7581 96.0206 114.7715 / 1) 69.34%, rgb(147.4258 93.5977 114.1602 / 1) 69.46%, rgb(145.5461 91.645 113.6674 / 1) 69.59%, rgb(144.1567 90.2017 113.3032 / 1) 69.73%, rgb(143.2955 89.3069 113.0775 / 1) 69.86%, rgb(143 89 113 / 1) 70%, rgb(0 0 0 / 0) 72%) 207px 161px / 387px 387px no-repeat no-repeat, radial-gradient(ellipse at 50% 50%, rgb(9 29 50 / 1) 0%, rgb(9.0861 29.0803 50.1061 / 1) 2.06%, rgb(9.3369 29.3145 50.4155 / 1) 4.09%, rgb(9.7416 29.6921 50.9146 / 1) 6.08%, rgb(10.2891 30.2031 51.5898 / 1) 8.04%, rgb(10.9684 30.8372 52.4277 / 1) 9.97%, rgb(11.7686 31.584 53.4146 / 1) 11.88%, rgb(12.6786 32.4333 54.5369 / 1) 13.76%, rgb(13.6875 33.375 55.7813 / 1) 15.62%, rgb(14.7843 34.3987 57.134 / 1) 17.46%, rgb(15.958 35.4941 58.5815 / 1) 19.28%, rgb(17.1976 36.6511 60.1104 / 1) 21.09%, rgb(18.4922 37.8594 61.707 / 1) 22.89%, rgb(19.8307 39.1086 63.3578 / 1) 24.67%, rgb(21.2021 40.3887 65.0493 / 1) 26.45%, rgb(22.5956 41.6892 66.7679 / 1) 28.23%, rgb(24 43 68.5 / 1) 30%, rgb(25.4044 44.3108 70.2321 / 1) 31.77%, rgb(26.7979 45.6113 71.9507 / 1) 33.55%, rgb(28.1693 46.8914 73.6422 / 1) 35.33%, rgb(29.5078 48.1406 75.293 / 1) 37.11%, rgb(30.8024 49.3489 76.8896 / 1) 38.91%, rgb(32.042 50.5059 78.4185 / 1) 40.72%, rgb(33.2157 51.6013 79.866 / 1) 42.54%, rgb(34.3125 52.625 81.2188 / 1) 44.38%, rgb(35.3214 53.5667 82.4631 / 1) 46.24%, rgb(36.2314 54.416 83.5854 / 1) 48.12%, rgb(37.0316 55.1628 84.5723 / 1) 50.03%, rgb(37.7109 55.7969 85.4102 / 1) 51.96%, rgb(38.2584 56.3079 86.0854 / 1) 53.92%, rgb(38.6631 56.6855 86.5845 / 1) 55.91%, rgb(38.9139 56.9197 86.8939 / 1) 57.94%, rgb(39 57 87 / 1) 60%, rgb(117 84 108 / 1) 69%, rgb(0 0 0 / 0) 71%) 244px 199px / 312px 312px no-repeat no-repeat, radial-gradient(ellipse at 50% 50%, rgb(255 176 110 / 0.6) 0%, rgb(255 176 110 / 0.598279) 2.41%, rgb(255 176 110 / 0.593262) 4.77%, rgb(255 176 110 / 0.585168) 7.09%, rgb(255 176 110 / 0.574219) 9.38%, rgb(255 176 110 / 0.560632) 11.64%, rgb(255 176 110 / 0.544629) 13.86%, rgb(255 176 110 / 0.526428) 16.05%, rgb(255 176 110 / 0.50625) 18.22%, rgb(255 176 110 / 0.484314) 20.37%, rgb(255 176 110 / 0.46084) 22.5%, rgb(255 176 110 / 0.436047) 24.61%, rgb(255 176 110 / 0.410156) 26.7%, rgb(255 176 110 / 0.383386) 28.79%, rgb(255 176 110 / 0.355957) 30.86%, rgb(255 176 110 / 0.328088) 32.93%, rgb(255 176 110 / 0.3) 35%, rgb(255 176 110 / 0.271912) 37.07%, rgb(255 176 110 / 0.244043) 39.14%, rgb(255 176 110 / 0.216614) 41.21%, rgb(255 176 110 / 0.189844) 43.3%, rgb(255 176 110 / 0.163953) 45.39%, rgb(255 176 110 / 0.13916) 47.5%, rgb(255 176 110 / 0.115686) 49.63%, rgb(255 176 110 / 0.09375) 51.78%, rgb(255 176 110 / 0.073572) 53.95%, rgb(255 176 110 / 0.055371) 56.14%, rgb(255 176 110 / 0.039368) 58.36%, rgb(255 176 110 / 0.025781) 60.62%, rgb(255 176 110 / 0.014832) 62.91%, rgb(255 176 110 / 0.006738) 65.23%, rgb(255 176 110 / 0.001721) 67.59%, rgb(255 176 110 / 0) 70%) 128px 84px / 545px 545px no-repeat no-repeat;
}
#root .ga-node-20 {
position: absolute;
pointer-events: none;
left: 184px;
width: max(0px, 432px);
top: 138px;
height: max(0px, 432px);
}
#root .ga-node-19 {
position: absolute;
pointer-events: none;
left: 184px;
width: max(0px, 432px);
top: 138px;
height: max(0px, 432px);
}
#root .ga-node-18 {
position: absolute;
pointer-events: none;
left: 290px;
width: max(0px, 215px);
top: 255px;
height: max(0px, 197px);
}
#root .ga-node-15 {
position: absolute;
inset: 0;
isolation: isolate;
}
#root .ga-node-17 {
position: absolute;
pointer-events: none;
left: 274px;
width: max(0px, 252px);
top: 274px;
height: max(0px, 120px);
}
#root .ga-node-16 {
position: absolute;
inset: 0;
isolation: isolate;
background: linear-gradient(rgb(238 173 153 / 0.55), rgb(238 173 153 / 0.55)) 300px 400px / 200px 1px no-repeat no-repeat;
}
#root .ga-node-13 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 535px;
height: max(0px, 350px);
}
#root .ga-node-4 {
position: absolute;
inset: 0;
isolation: isolate;
transform: translate(calc(var(--wind) * 1px), 0px);
transform-origin: 50% 50%;
}
#root .ga-node-12 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-11 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-10 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-9 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-8 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-7 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-6 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-5 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 557px;
height: max(0px, 280px);
}
#root .ga-node-3 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 200px);
top: 0px;
height: max(0px, 200px);
}
#root .ga-node-2 {
position: absolute;
pointer-events: none;
left: 121px;
width: max(0px, 558px);
top: -219.5px;
height: max(0px, 558px);
}
#root .ga-node-1 {
position: absolute;
pointer-events: none;
left: 167px;
width: max(0px, 466px);
top: 523.5px;
height: max(0px, 466px);
}
</style>
</head>
<body>
<div id="root">
<div class="ga-node-0">
<div class="ga-node-29"></div>
<div class="ga-node-28">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-28" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 224 198 / 0.252)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M86.52 174.49l0.18 0 M136.06 169.91l0.18 0 M60.53 99.18l0.18 0 M84.17 79.26l0.18 0 M154.39 163.75l0.18 0 M13.47 130.39l0.18 0 M50.24 41.01l0.18 0 M71.2 161.38l0.18 0 M18.97 153.4l0.18 0 M60.89 181.11l0.18 0 M107.3 91.44l0.18 0 M36.48 105.19l0.18 0 M150.07 125.11l0.18 0 M164.85 10.43l0.18 0 M173.74 164.62l0.18 0 M89.72 70.99l0.18 0 M66.98 140.84l0.18 0 M99.85 121.68l0.18 0 M16.09 117.85l0.18 0 M10.29 127.86l0.18 0 M121.33 151.98l0.18 0 M175.62 127.15l0.18 0 M47.89 141.57l0.18 0 M84.17 94.45l0.18 0 M163.41 142.08l0.18 0 M147.82 43.66l0.18 0 M139.9 10.71l0.18 0 M20.51 173.29l0.18 0"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-28)"/>
</svg>
</div>
<div class="ga-node-27"></div>
<div class="ga-node-26">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-26" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(116 96 120 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 92 Q36 25 72 94 Q104 54 132 95 Q171 44 200 79 V200 H0 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-26)"/>
</svg>
</div>
<div class="ga-node-25">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-25" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(125 97 122 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 85 Q32 108 60 80 Q115 34 151 86 Q176 64 200 76 V200 H0 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-25)"/>
</svg>
</div>
<div class="ga-node-24">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-24" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(187 123 120 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 85 Q50 14 109 94 Q158 134 200 72 V200 H0 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-24)"/>
</svg>
</div>
<div class="ga-node-23">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-23" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(121 87 117 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 119 Q78 29 121 90 Q158 126 200 111 V200 H0 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-23)"/>
</svg>
</div>
<div class="ga-node-22"></div>
<div class="ga-node-14">
<div class="ga-node-21"></div>
<div class="ga-node-20">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-20" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 212 162 / 0.24)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<ellipse cx="100" cy="100" rx="89.5" ry="89.5"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-20)"/>
</svg>
</div>
<div class="ga-node-19">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-19" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 221 178 / 0.17600000000000002)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M188,100L184.48,100 M187.247,111.486L185.661,111.277 M185.001,122.776L183.456,122.362 M181.301,133.676L179.823,133.064 M176.21,144L173.162,142.24 M169.815,153.571L168.546,152.597 M162.225,162.225L161.094,161.094 M153.571,169.815L152.597,168.546 M144,176.21L142.24,173.162 M133.676,181.301L133.064,179.823 M122.776,185.001L122.362,183.456 M111.486,187.247L111.277,185.661 M100,188L100,184.48 M88.514,187.247L88.723,185.661 M77.224,185.001L77.638,183.456 M66.324,181.301L66.936,179.823 M56,176.21L57.76,173.162 M46.429,169.815L47.403,168.546 M37.775,162.225L38.906,161.094 M30.185,153.571L31.454,152.597 M23.79,144L26.838,142.24 M18.699,133.676L20.177,133.064 M14.999,122.776L16.544,122.362 M12.753,111.486L14.339,111.277 M12,100L15.52,100 M12.753,88.514L14.339,88.723 M14.999,77.224L16.544,77.638 M18.699,66.324L20.177,66.936 M23.79,56L26.838,57.76 M30.185,46.429L31.454,47.403 M37.775,37.775L38.906,38.906 M46.429,30.185L47.403,31.454 M56,23.79L57.76,26.838 M66.324,18.699L66.936,20.177 M77.224,14.999L77.638,16.544 M88.514,12.753L88.723,14.339 M100,12L100,15.52 M111.486,12.753L111.277,14.339 M122.776,14.999L122.362,16.544 M133.676,18.699L133.064,20.177 M144,23.79L142.24,26.838 M153.571,30.185L152.597,31.454 M162.225,37.775L161.094,38.906 M169.815,46.429L168.546,47.403 M176.21,56L173.162,57.76 M181.301,66.324L179.823,66.936 M185.001,77.224L183.456,77.638 M187.247,88.514L185.661,88.723"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-19)"/>
</svg>
</div>
<div class="ga-node-18">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-18" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(198 229 239 / 0.252)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M122.89 38.13l0.18 0 M173.09 147.52l0.18 0 M41.72 160.37l0.18 0 M52.68 123.06l0.18 0 M52.22 34.71l0.18 0 M87.09 177.16l0.18 0 M86.9 119.57l0.18 0 M153.38 107.76l0.18 0 M38.96 107.8l0.18 0 M112.03 44.61l0.18 0 M190.9 99.3l0.18 0 M187.12 26.4l0.18 0 M126.67 184.67l0.18 0 M101.69 48.77l0.18 0 M178.35 133.2l0.18 0 M30.46 91.67l0.18 0 M120.22 188.7l0.18 0 M37.43 48.45l0.18 0 M172.99 158.47l0.18 0 M48.53 77.04l0.18 0 M43.26 98.7l0.18 0 M63.04 99.56l0.18 0 M48.88 57.93l0.18 0 M169.66 166.76l0.18 0 M147.21 65.64l0.18 0 M163.15 137.74l0.18 0 M89.14 127.56l0.18 0 M75.45 115.19l0.18 0"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-18)"/>
</svg>
</div>
<div class="ga-node-15">
<div class="ga-node-17">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-17" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(212 156 172 / 0.35)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M4 133 L35 112 L65 133 L90 109 L127 136 L164 106 L195 135"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-17)"/>
</svg>
</div>
<div class="ga-node-16"></div>
</div>
</div>
<div class="ga-node-13">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-13" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(52 54 79 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 107 Q64 63 120 124 Q161 151 200 108 V200 H0 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-13)"/>
</svg>
</div>
<div class="ga-node-4">
<div class="ga-node-12">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-12" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.05600000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 76 Q65 41 125 89 Q164 114 200 79"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-12)"/>
</svg>
</div>
<div class="ga-node-11">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-11" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.061040000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 88 Q65 53 125 101 Q164 126 200 91"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-11)"/>
</svg>
</div>
<div class="ga-node-10">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-10" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.06608000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 100 Q65 65 125 113 Q164 138 200 103"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-10)"/>
</svg>
</div>
<div class="ga-node-9">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-9" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.07112)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 112 Q65 77 125 125 Q164 150 200 115"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-9)"/>
</svg>
</div>
<div class="ga-node-8">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-8" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.07616000000000002)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 124 Q65 89 125 137 Q164 162 200 127"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-8)"/>
</svg>
</div>
<div class="ga-node-7">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-7" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.08120000000000002)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 136 Q65 101 125 149 Q164 174 200 139"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-7)"/>
</svg>
</div>
<div class="ga-node-6">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-6" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.08624000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 148 Q65 113 125 161 Q164 186 200 151"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-6)"/>
</svg>
</div>
<div class="ga-node-5">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-5" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(219 158 146 / 0.09128000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 160 Q65 125 125 173 Q164 198 200 163"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-5)"/>
</svg>
</div>
</div>
<div class="ga-node-3">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="noise">
<defs>
<pattern id="ga-svg-3" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<filter id="ga-svg-3-content" x="0" y="0" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.72" numOctaves="3" seed="404" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="linear" slope="1.6" intercept="-0.30000000000000004"/>
<feFuncG type="linear" slope="1.6" intercept="-0.30000000000000004"/>
<feFuncB type="linear" slope="1.6" intercept="-0.30000000000000004"/>
</feComponentTransfer>
<feComponentTransfer color-interpolation-filters="sRGB">
<feFuncR type="linear" slope="0.9294117647058824"/>
<feFuncG type="linear" slope="0.788235294117647"/>
<feFuncB type="linear" slope="0.7254901960784313"/>
<feFuncA type="linear" slope="1"/>
</feComponentTransfer>
</filter>
<rect width="100%" height="100%" filter="url(#ga-svg-3-content)" opacity="0.095"/>
</svg>
</pattern>
</defs>
<rect style="x: calc(-200px * 0 / max(0.000001, 200)); width: calc(200px * 800 / max(0.000001, 200)); y: calc(-200px * 0 / max(0.000001, 200)); height: calc(200px * 800 / max(0.000001, 200));" fill="url(#ga-svg-3)"/>
</svg>
</div>
<div class="ga-node-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="T H E Q U I E T T H R E S H O L D">
<defs>
<pattern id="ga-svg-2" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<text font-family=""Montserrat"" font-size="4" font-weight="400" letter-spacing="0.5" text-anchor="middle" fill="rgb(255 224 190 / 1)" stroke="rgb(30 50 80 / 1)" stroke-width="0" stroke-linejoin="round" paint-order="stroke fill" xml:space="preserve" transform="rotate(0 100 100)"><tspan x="100" y="101.4">T H E Q U I E T T H R E S H O L D</tspan></text>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-2)"/>
</svg>
</div>
<div class="ga-node-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="SOMEWHERE BEYOND THE LAST DUNE">
<defs>
<pattern id="ga-svg-1" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<text font-family=""Montserrat"" font-size="4" font-weight="400" letter-spacing="0.5" text-anchor="middle" fill="rgb(201 176 181 / 1)" stroke="rgb(30 50 80 / 1)" stroke-width="0" stroke-linejoin="round" paint-order="stroke fill" xml:space="preserve" transform="rotate(0 100 100)"><tspan x="100" y="101.4">SOMEWHERE BEYOND THE LAST DUNE</tspan></text>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-1)"/>
</svg>
</div>
</div>
</div>
</body>
</html>Try different values. Your changes stay in this preview and never change the saved project.
Lift or lower the complete gate above the dunes.
Shift the portal light without changing the sunset.
Slide the fine wind-carved contours across the foreground.
A levitating luminous gate above wind-carved dunes, with another sky visible inside. Raise the threshold, change its energy spectrum, and move the sand contours. Eased gradients, nested folders, custom shapes and tinted noise create the miniature world.