<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vesper | A City Inside Glass</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Montserrat%3Aital%2Cwght%400%2C400&display=swap");
#root {
--day-night: 72;
--glass-reflection: 70;
--city-lights: 18;
width: 800px;
height: 800px;
background: none;
position: relative;
overflow: hidden;
isolation: isolate;
}
#root .ga-fill {
position: absolute;
inset: 0;
isolation: isolate;
}
#root .ga-paint {
position: absolute;
inset: 0;
pointer-events: none;
}
#root .ga-svg {
position: absolute;
pointer-events: none;
}
#root .ga-node-58 {
background: radial-gradient(ellipse at 50% 50%, rgb(220 231 213 / 1) 0%, rgb(139 174 191 / 1) 65%, rgb(93 135 159 / 1) 100%) 0px 0px / 800px 800px no-repeat, linear-gradient(rgb(150 185 197 / 1), rgb(150 185 197 / 1)) 0px 0px / 800px 800px no-repeat;
}
#root .ga-node-57 {
filter: opacity(calc(var(--day-night) * 1%));
background: radial-gradient(ellipse at 50% 50%, rgb(49 84 111 / 1) 0%, rgb(23 42 75 / 1) 55%, rgb(12 24 49 / 1) 100%) 0px 0px / 800px 800px no-repeat;
}
#root .ga-node-56 {
background: radial-gradient(ellipse at 50% 50%, rgb(11 33 54 / 0.6) 0%, rgb(11 33 54 / 0.15) 56.56%, rgb(0 0 0 / 0) 70.7%, rgb(0 0 0 / 0) 70.8%, rgb(0 0 0 / 0) 100%) 133px 602px / 565px 143px no-repeat;
}
#root .ga-node-55 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-54 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-52 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-51 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-50 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-49 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-48 {
left: 221px;
width: max(0px, 334.00390625px);
top: 496px;
height: max(0px, 96.390625px);
}
#root .ga-node-47 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-10 {
transform: translate(0px, 43px);
transform-origin: 50% 50%;
filter: brightness(calc((100 + ((var(--city-lights) * var(--day-night)) / 100)) * 1%)) drop-shadow(10px 14px 5px rgb(21 45 72 / 0.35));
}
#root .ga-node-45 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-44 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-43 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-40 {
filter: opacity(calc(var(--day-night) * 1%));
}
#root .ga-node-42 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-41 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-38 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-37 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-36 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-32 {
filter: opacity(calc(var(--day-night) * 1%));
}
#root .ga-node-35 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-34 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-33 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-30 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-29 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-28 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-25 {
filter: opacity(calc(var(--day-night) * 1%));
}
#root .ga-node-27 {
left: 0px;
width: max(0px, 800px);
top: 7px;
height: max(0px, 800px);
}
#root .ga-node-26 {
left: 0px;
width: max(0px, 800px);
top: 8px;
height: max(0px, 800px);
}
#root .ga-node-23 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-22 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-21 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-18 {
filter: opacity(calc(var(--day-night) * 1%));
}
#root .ga-node-20 {
left: 0px;
width: max(0px, 800px);
top: 8px;
height: max(0px, 800px);
}
#root .ga-node-19 {
left: 0px;
width: max(0px, 800px);
top: 8px;
height: max(0px, 800px);
}
#root .ga-node-16 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-15 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-14 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-12 {
filter: opacity(calc(var(--day-night) * 1%));
}
#root .ga-node-13 {
left: 0px;
width: max(0px, 800px);
top: -6px;
height: max(0px, 800px);
}
#root .ga-node-4 {
filter: opacity(calc(var(--glass-reflection) * 1%));
}
#root .ga-node-9 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-8 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-7 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-6 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-5 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-3 {
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-2 {
left: 260px;
width: max(0px, 280px);
top: -75px;
height: max(0px, 280px);
}
#root .ga-node-1 {
left: 230px;
width: max(0px, 340px);
top: 584px;
height: max(0px, 340px);
}
</style>
</head>
<body>
<div id="root">
<div class="ga-node-0 ga-fill">
<div class="ga-node-59 ga-paint">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" style="position:absolute;inset:0;pointer-events:none" aria-hidden="true">
<defs>
<pattern id="ga-svg-3" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="none" stroke="rgb(212 245 237 / 0.8)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 28.5 L165 66 L165 141 L100 178.5 L35 141 L35 66Z M35 66 L100 103.5 L165 66"/>
</g>
</pattern>
<pattern id="ga-svg-5" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="none" stroke="rgb(225 255 244 / 0.85)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 103.5 L100 178.5"/>
</g>
</pattern>
<pattern id="ga-svg-6" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(230 255 246 / 0.09)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M115 98.25 L120.75 95 L155 120.25 L155 127.25Z"/>
</g>
</pattern>
<pattern id="ga-svg-7" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(230 255 246 / 0.22)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M39.5 70.5 L44.75 73.5 L44.75 136.75 L39.5 133.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-8" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(230 255 246 / 0.045)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 103.5 L165 66 L165 141 L100 178.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-9" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(188 239 230 / 0.035)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M35 66 L100 103.5 L100 178.5 L35 141Z"/>
</g>
</pattern>
<pattern id="ga-svg-13" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M74.99425 126.6875 L76.29325 127.4375 L76.29325 124.9375 L74.99425 124.1875Z M78.24175 128.5625 L79.54075 129.3125 L79.54075 126.8125 L78.24175 126.0625Z M81.48925 130.4375 L82.78825 131.1875 L82.78825 128.6875 L81.48925 127.9375Z M84.73675 132.3125 L86.03575000000001 133.0625 L86.03575000000001 130.5625 L84.73675 129.8125Z M96.42775 127.9375 L95.12875 128.6875 L95.12875 126.1875 L96.42775 125.4375Z M93.18025 129.8125 L91.88125 130.5625 L91.88125 128.0625 L93.18025 127.3125Z M89.93275 131.6875 L88.63375 132.4375 L88.63375 129.9375 L89.93275 129.1875Z M74.99425 121.1875 L76.29325 121.9375 L76.29325 119.4375 L74.99425 118.6875Z M78.24175 123.0625 L79.54075 123.8125 L79.54075 121.3125 L78.24175 120.5625Z M81.48925 124.9375 L82.78825 125.6875 L82.78825 123.1875 L81.48925 122.4375Z M84.73675 126.8125 L86.03575000000001 127.5625 L86.03575000000001 125.0625 L84.73675 124.3125Z M96.42775 122.4375 L95.12875 123.1875 L95.12875 120.6875 L96.42775 119.9375Z M93.18025 124.3125 L91.88125 125.0625 L91.88125 122.5625 L93.18025 121.8125Z M89.93275 126.1875 L88.63375 126.9375 L88.63375 124.4375 L89.93275 123.6875Z"/>
</g>
</pattern>
<pattern id="ga-svg-14" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(185 210 198 / 1)" stroke="rgb(188 233 239 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M84.6285 106.125 L98.0515 113.875 L86.7935 120.375 L73.37049999999999 112.625Z"/>
</g>
</pattern>
<pattern id="ga-svg-15" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(45 83 104 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M98.0515 131.375 L86.7935 137.875 L86.7935 120.375 L98.0515 113.875Z"/>
</g>
</pattern>
<pattern id="ga-svg-16" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(155 182 175 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M73.37049999999999 130.125 L86.7935 137.875 L86.7935 120.375 L73.37049999999999 112.625Z"/>
</g>
</pattern>
<pattern id="ga-svg-19" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100.32475 106.3125 L101.62375 107.0625 L101.62375 104.5625 L100.32475 103.8125Z M103.57225 108.1875 L104.87125 108.9375 L104.87125 106.4375 L103.57225 105.6875Z M106.81975 110.0625 L108.11875 110.8125 L108.11875 108.3125 L106.81975 107.5625Z M122.84075 105.9375 L121.54175000000001 106.6875 L121.54175000000001 104.1875 L122.84075 103.4375Z M119.59325 107.8125 L118.29425 108.5625 L118.29425 106.0625 L119.59325 105.3125Z M116.34575 109.6875 L115.04675 110.4375 L115.04675 107.9375 L116.34575 107.1875Z M100.32475 100.8125 L101.62375 101.5625 L101.62375 99.0625 L100.32475 98.3125Z M103.57225 102.6875 L104.87125 103.4375 L104.87125 100.9375 L103.57225 100.1875Z M106.81975 104.5625 L108.11875 105.3125 L108.11875 102.8125 L106.81975 102.0625Z M122.84075 100.4375 L121.54175000000001 101.1875 L121.54175000000001 98.6875 L122.84075 97.9375Z M119.59325 102.3125 L118.29425 103.0625 L118.29425 100.5625 L119.59325 99.8125Z M116.34575 104.1875 L115.04675 104.9375 L115.04675 102.4375 L116.34575 101.6875Z M100.32475 95.3125 L101.62375 96.0625 L101.62375 93.5625 L100.32475 92.8125Z M103.57225 97.1875 L104.87125 97.9375 L104.87125 95.4375 L103.57225 94.6875Z M106.81975 99.0625 L108.11875 99.8125 L108.11875 97.3125 L106.81975 96.5625Z M122.84075 94.9375 L121.54175000000001 95.6875 L121.54175000000001 93.1875 L122.84075 92.4375Z M119.59325 96.8125 L118.29425 97.5625 L118.29425 95.0625 L119.59325 94.3125Z M116.34575 98.6875 L115.04675 99.4375 L115.04675 96.9375 L116.34575 96.1875Z"/>
</g>
</pattern>
<pattern id="ga-svg-20" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100.32475 128.3125 L101.62375 129.0625 L101.62375 126.5625 L100.32475 125.8125Z M103.57225 130.1875 L104.87125 130.9375 L104.87125 128.4375 L103.57225 127.6875Z M106.81975 132.0625 L108.11875 132.8125 L108.11875 130.3125 L106.81975 129.5625Z M122.84075 127.9375 L121.54175000000001 128.6875 L121.54175000000001 126.1875 L122.84075 125.4375Z M119.59325 129.8125 L118.29425 130.5625 L118.29425 128.0625 L119.59325 127.3125Z M116.34575 131.6875 L115.04675 132.4375 L115.04675 129.9375 L116.34575 129.1875Z M100.32475 122.8125 L101.62375 123.5625 L101.62375 121.0625 L100.32475 120.3125Z M103.57225 124.6875 L104.87125 125.4375 L104.87125 122.9375 L103.57225 122.1875Z M106.81975 126.5625 L108.11875 127.3125 L108.11875 124.8125 L106.81975 124.0625Z M122.84075 122.4375 L121.54175000000001 123.1875 L121.54175000000001 120.6875 L122.84075 119.9375Z M119.59325 124.3125 L118.29425 125.0625 L118.29425 122.5625 L119.59325 121.8125Z M116.34575 126.1875 L115.04675 126.9375 L115.04675 124.4375 L116.34575 123.6875Z M100.32475 117.3125 L101.62375 118.0625 L101.62375 115.5625 L100.32475 114.8125Z M103.57225 119.1875 L104.87125 119.9375 L104.87125 117.4375 L103.57225 116.6875Z M106.81975 121.0625 L108.11875 121.8125 L108.11875 119.3125 L106.81975 118.5625Z M122.84075 116.9375 L121.54175000000001 117.6875 L121.54175000000001 115.1875 L122.84075 114.4375Z M119.59325 118.8125 L118.29425 119.5625 L118.29425 117.0625 L119.59325 116.3125Z M116.34575 120.6875 L115.04675 121.4375 L115.04675 118.9375 L116.34575 118.1875Z M100.32475 111.8125 L101.62375 112.5625 L101.62375 110.0625 L100.32475 109.3125Z M103.57225 113.6875 L104.87125 114.4375 L104.87125 111.9375 L103.57225 111.1875Z M106.81975 115.5625 L108.11875 116.3125 L108.11875 113.8125 L106.81975 113.0625Z M122.84075 111.4375 L121.54175000000001 112.1875 L121.54175000000001 109.6875 L122.84075 108.9375Z M119.59325 113.3125 L118.29425 114.0625 L118.29425 111.5625 L119.59325 110.8125Z M116.34575 115.1875 L115.04675 115.9375 L115.04675 113.4375 L116.34575 112.6875Z"/>
</g>
</pattern>
<pattern id="ga-svg-21" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(185 210 198 / 1)" stroke="rgb(188 233 239 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M111.9075 82.625 L124.4645 89.875 L111.258 97.5 L98.701 90.25Z"/>
</g>
</pattern>
<pattern id="ga-svg-22" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(45 83 104 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M124.4645 131.375 L111.258 139 L111.258 97.5 L124.4645 89.875Z"/>
</g>
</pattern>
<pattern id="ga-svg-23" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(98 135 150 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M98.701 131.75 L111.258 139 L111.258 97.5 L98.701 90.25Z"/>
</g>
</pattern>
<pattern id="ga-svg-26" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M66.11775 92.5625 L67.41675000000001 93.3125 L67.41675000000001 90.8125 L66.11775 90.0625Z M69.36525 94.4375 L70.66425 95.1875 L70.66425 92.6875 L69.36525 91.9375Z M72.61275 96.3125 L73.91175 97.0625 L73.91175 94.5625 L72.61275 93.8125Z M75.86025000000001 98.1875 L77.15925 98.9375 L77.15925 96.4375 L75.86025000000001 95.6875Z M90.79875 92.4375 L89.49975 93.1875 L89.49975 90.6875 L90.79875 89.9375Z M87.55125 94.3125 L86.25225 95.0625 L86.25225 92.5625 L87.55125 91.8125Z M84.30375000000001 96.1875 L83.00475 96.9375 L83.00475 94.4375 L84.30375000000001 93.6875Z M81.05625 98.0625 L79.75725 98.8125 L79.75725 96.3125 L81.05625 95.5625Z"/>
</g>
</pattern>
<pattern id="ga-svg-27" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M66.11775 109.0625 L67.41675000000001 109.8125 L67.41675000000001 107.3125 L66.11775 106.5625Z M69.36525 110.9375 L70.66425 111.6875 L70.66425 109.1875 L69.36525 108.4375Z M72.61275 112.8125 L73.91175 113.5625 L73.91175 111.0625 L72.61275 110.3125Z M75.86025000000001 114.6875 L77.15925 115.4375 L77.15925 112.9375 L75.86025000000001 112.1875Z M90.79875 108.9375 L89.49975 109.6875 L89.49975 107.1875 L90.79875 106.4375Z M87.55125 110.8125 L86.25225 111.5625 L86.25225 109.0625 L87.55125 108.3125Z M84.30375000000001 112.6875 L83.00475 113.4375 L83.00475 110.9375 L84.30375000000001 110.1875Z M81.05625 114.5625 L79.75725 115.3125 L79.75725 112.8125 L81.05625 112.0625Z M66.11775 103.5625 L67.41675000000001 104.3125 L67.41675000000001 101.8125 L66.11775 101.0625Z M69.36525 105.4375 L70.66425 106.1875 L70.66425 103.6875 L69.36525 102.9375Z M72.61275 107.3125 L73.91175 108.0625 L73.91175 105.5625 L72.61275 104.8125Z M75.86025000000001 109.1875 L77.15925 109.9375 L77.15925 107.4375 L75.86025000000001 106.6875Z M90.79875 103.4375 L89.49975 104.1875 L89.49975 101.6875 L90.79875 100.9375Z M87.55125 105.3125 L86.25225 106.0625 L86.25225 103.5625 L87.55125 102.8125Z M84.30375000000001 107.1875 L83.00475 107.9375 L83.00475 105.4375 L84.30375000000001 104.6875Z M81.05625 109.0625 L79.75725 109.8125 L79.75725 107.3125 L81.05625 106.5625Z M66.11775 98.0625 L67.41675000000001 98.8125 L67.41675000000001 96.3125 L66.11775 95.5625Z M69.36525 99.9375 L70.66425 100.6875 L70.66425 98.1875 L69.36525 97.4375Z M72.61275 101.8125 L73.91175 102.5625 L73.91175 100.0625 L72.61275 99.3125Z M75.86025000000001 103.6875 L77.15925 104.4375 L77.15925 101.9375 L75.86025000000001 101.1875Z M90.79875 97.9375 L89.49975 98.6875 L89.49975 96.1875 L90.79875 95.4375Z M87.55125 99.8125 L86.25225 100.5625 L86.25225 98.0625 L87.55125 97.3125Z M84.30375000000001 101.6875 L83.00475 102.4375 L83.00475 99.9375 L84.30375000000001 99.1875Z M81.05625 103.5625 L79.75725 104.3125 L79.75725 101.8125 L81.05625 101.0625Z"/>
</g>
</pattern>
<pattern id="ga-svg-28" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(185 210 198 / 1)" stroke="rgb(188 233 239 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M78.5665 79.625 L92.4225 87.625 L78.35 95.75 L64.494 87.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-29" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(45 83 104 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M92.4225 112.375 L78.35 120.5 L78.35 95.75 L92.4225 87.625Z"/>
</g>
</pattern>
<pattern id="ga-svg-30" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(135 157 154 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M64.494 112.5 L78.35 120.5 L78.35 95.75 L64.494 87.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-33" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M130.20175 81.6875 L128.90275 82.4375 L128.90275 79.9375 L130.20175 79.1875Z M114.61375 71.0625 L115.91275 71.8125 L115.91275 69.3125 L114.61375 68.5625Z M117.86125 72.9375 L119.16025 73.6875 L119.16025 71.1875 L117.86125 70.4375Z M121.10875 74.8125 L122.40775 75.5625 L122.40775 73.0625 L121.10875 72.3125Z M124.35625 76.6875 L125.65525 77.4375 L125.65525 74.9375 L124.35625 74.1875Z M136.69675 72.4375 L135.39775 73.1875 L135.39775 70.6875 L136.69675 69.9375Z M133.44925 74.3125 L132.15025 75.0625 L132.15025 72.5625 L133.44925 71.8125Z M130.20175 76.1875 L128.90275 76.9375 L128.90275 74.4375 L130.20175 73.6875Z M114.61375 65.5625 L115.91275 66.3125 L115.91275 63.8125 L114.61375 63.0625Z M117.86125 67.4375 L119.16025 68.1875 L119.16025 65.6875 L117.86125 64.9375Z M121.10875 69.3125 L122.40775 70.0625 L122.40775 67.5625 L121.10875 66.8125Z M124.35625 71.1875 L125.65525 71.9375 L125.65525 69.4375 L124.35625 68.6875Z M136.69675 66.9375 L135.39775 67.6875 L135.39775 65.1875 L136.69675 64.4375Z M133.44925 68.8125 L132.15025 69.5625 L132.15025 67.0625 L133.44925 66.3125Z M130.20175 70.6875 L128.90275 71.4375 L128.90275 68.9375 L130.20175 68.1875Z M114.61375 60.0625 L115.91275 60.8125 L115.91275 58.3125 L114.61375 57.5625Z M117.86125 61.9375 L119.16025 62.6875 L119.16025 60.1875 L117.86125 59.4375Z M121.10875 63.8125 L122.40775 64.5625 L122.40775 62.0625 L121.10875 61.3125Z M124.35625 65.6875 L125.65525 66.4375 L125.65525 63.9375 L124.35625 63.1875Z M136.69675 61.4375 L135.39775 62.1875 L135.39775 59.6875 L136.69675 58.9375Z M133.44925 63.3125 L132.15025 64.0625 L132.15025 61.5625 L133.44925 60.8125Z M130.20175 65.1875 L128.90275 65.9375 L128.90275 63.4375 L130.20175 62.6875Z"/>
</g>
</pattern>
<pattern id="ga-svg-34" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M124.35625 98.6875 L125.65525 99.4375 L125.65525 96.9375 L124.35625 96.1875Z M136.69675 94.4375 L135.39775 95.1875 L135.39775 92.6875 L136.69675 91.9375Z M133.44925 96.3125 L132.15025 97.0625 L132.15025 94.5625 L133.44925 93.8125Z M130.20175 98.1875 L128.90275 98.9375 L128.90275 96.4375 L130.20175 95.6875Z M114.61375 87.5625 L115.91275 88.3125 L115.91275 85.8125 L114.61375 85.0625Z M117.86125 89.4375 L119.16025 90.1875 L119.16025 87.6875 L117.86125 86.9375Z M121.10875 91.3125 L122.40775 92.0625 L122.40775 89.5625 L121.10875 88.8125Z M124.35625 93.1875 L125.65525 93.9375 L125.65525 91.4375 L124.35625 90.6875Z M136.69675 88.9375 L135.39775 89.6875 L135.39775 87.1875 L136.69675 86.4375Z M133.44925 90.8125 L132.15025 91.5625 L132.15025 89.0625 L133.44925 88.3125Z M130.20175 92.6875 L128.90275 93.4375 L128.90275 90.9375 L130.20175 90.1875Z M114.61375 82.0625 L115.91275 82.8125 L115.91275 80.3125 L114.61375 79.5625Z M117.86125 83.9375 L119.16025 84.6875 L119.16025 82.1875 L117.86125 81.4375Z M121.10875 85.8125 L122.40775 86.5625 L122.40775 84.0625 L121.10875 83.3125Z M124.35625 87.6875 L125.65525 88.4375 L125.65525 85.9375 L124.35625 85.1875Z M136.69675 83.4375 L135.39775 84.1875 L135.39775 81.6875 L136.69675 80.9375Z M133.44925 85.3125 L132.15025 86.0625 L132.15025 83.5625 L133.44925 82.8125Z M130.20175 87.1875 L128.90275 87.9375 L128.90275 85.4375 L130.20175 84.6875Z M114.61375 76.5625 L115.91275 77.3125 L115.91275 74.8125 L114.61375 74.0625Z M117.86125 78.4375 L119.16025 79.1875 L119.16025 76.6875 L117.86125 75.9375Z M121.10875 80.3125 L122.40775 81.0625 L122.40775 78.5625 L121.10875 77.8125Z M124.35625 82.1875 L125.65525 82.9375 L125.65525 80.4375 L124.35625 79.6875Z M136.69675 77.9375 L135.39775 78.6875 L135.39775 76.1875 L136.69675 75.4375Z M133.44925 79.8125 L132.15025 80.5625 L132.15025 78.0625 L133.44925 77.3125Z"/>
</g>
</pattern>
<pattern id="ga-svg-35" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M114.61375 109.5625 L115.91275 110.3125 L115.91275 107.8125 L114.61375 107.0625Z M117.86125 111.4375 L119.16025 112.1875 L119.16025 109.6875 L117.86125 108.9375Z M121.10875 113.3125 L122.40775 114.0625 L122.40775 111.5625 L121.10875 110.8125Z M124.35625 115.1875 L125.65525 115.9375 L125.65525 113.4375 L124.35625 112.6875Z M136.69675 110.9375 L135.39775 111.6875 L135.39775 109.1875 L136.69675 108.4375Z M133.44925 112.8125 L132.15025 113.5625 L132.15025 111.0625 L133.44925 110.3125Z M130.20175 114.6875 L128.90275 115.4375 L128.90275 112.9375 L130.20175 112.1875Z M114.61375 104.0625 L115.91275 104.8125 L115.91275 102.3125 L114.61375 101.5625Z M117.86125 105.9375 L119.16025 106.6875 L119.16025 104.1875 L117.86125 103.4375Z M121.10875 107.8125 L122.40775 108.5625 L122.40775 106.0625 L121.10875 105.3125Z M124.35625 109.6875 L125.65525 110.4375 L125.65525 107.9375 L124.35625 107.1875Z M136.69675 105.4375 L135.39775 106.1875 L135.39775 103.6875 L136.69675 102.9375Z M133.44925 107.3125 L132.15025 108.0625 L132.15025 105.5625 L133.44925 104.8125Z M130.20175 109.1875 L128.90275 109.9375 L128.90275 107.4375 L130.20175 106.6875Z M114.61375 98.5625 L115.91275 99.3125 L115.91275 96.8125 L114.61375 96.0625Z M117.86125 100.4375 L119.16025 101.1875 L119.16025 98.6875 L117.86125 97.9375Z M121.10875 102.3125 L122.40775 103.0625 L122.40775 100.5625 L121.10875 99.8125Z M124.35625 104.1875 L125.65525 104.9375 L125.65525 102.4375 L124.35625 101.6875Z M136.69675 99.9375 L135.39775 100.6875 L135.39775 98.1875 L136.69675 97.4375Z M133.44925 101.8125 L132.15025 102.5625 L132.15025 100.0625 L133.44925 99.3125Z M130.20175 103.6875 L128.90275 104.4375 L128.90275 101.9375 L130.20175 101.1875Z M114.61375 93.0625 L115.91275 93.8125 L115.91275 91.3125 L114.61375 90.5625Z M117.86125 94.9375 L119.16025 95.6875 L119.16025 93.1875 L117.86125 92.4375Z M121.10875 96.8125 L122.40775 97.5625 L122.40775 95.0625 L121.10875 94.3125Z"/>
</g>
</pattern>
<pattern id="ga-svg-36" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(185 210 198 / 1)" stroke="rgb(188 233 239 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M124.4645 46.875 L138.3205 54.875 L126.846 61.5 L112.99 53.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-37" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(45 83 104 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M138.3205 114.375 L126.846 121 L126.846 61.5 L138.3205 54.875Z"/>
</g>
</pattern>
<pattern id="ga-svg-38" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(99 139 145 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M112.99 113 L126.846 121 L126.846 61.5 L112.99 53.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-41" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M92.53075 76.0625 L93.82975 76.8125 L93.82975 74.3125 L92.53075 73.5625Z M95.77825 77.9375 L97.07725 78.6875 L97.07725 76.1875 L95.77825 75.4375Z M99.02575 79.8125 L100.32475 80.5625 L100.32475 78.0625 L99.02575 77.3125Z M113.09825000000001 76.0625 L111.79925 76.8125 L111.79925 74.3125 L113.09825000000001 73.5625Z M109.85075 77.9375 L108.55175 78.6875 L108.55175 76.1875 L109.85075 75.4375Z M106.60325 79.8125 L105.30425 80.5625 L105.30425 78.0625 L106.60325 77.3125Z M92.53075 70.5625 L93.82975 71.3125 L93.82975 68.8125 L92.53075 68.0625Z M95.77825 72.4375 L97.07725 73.1875 L97.07725 70.6875 L95.77825 69.9375Z M99.02575 74.3125 L100.32475 75.0625 L100.32475 72.5625 L99.02575 71.8125Z M113.09825000000001 70.5625 L111.79925 71.3125 L111.79925 68.8125 L113.09825000000001 68.0625Z M109.85075 72.4375 L108.55175 73.1875 L108.55175 70.6875 L109.85075 69.9375Z M106.60325 74.3125 L105.30425 75.0625 L105.30425 72.5625 L106.60325 71.8125Z M92.53075 65.0625 L93.82975 65.8125 L93.82975 63.3125 L92.53075 62.5625Z M95.77825 66.9375 L97.07725 67.6875 L97.07725 65.1875 L95.77825 64.4375Z M99.02575 68.8125 L100.32475 69.5625 L100.32475 67.0625 L99.02575 66.3125Z M113.09825000000001 65.0625 L111.79925 65.8125 L111.79925 63.3125 L113.09825000000001 62.5625Z M109.85075 66.9375 L108.55175 67.6875 L108.55175 65.1875 L109.85075 64.4375Z M106.60325 68.8125 L105.30425 69.5625 L105.30425 67.0625 L106.60325 66.3125Z"/>
</g>
</pattern>
<pattern id="ga-svg-42" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(255 207 131 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M92.53075 98.0625 L93.82975 98.8125 L93.82975 96.3125 L92.53075 95.5625Z M95.77825 99.9375 L97.07725 100.6875 L97.07725 98.1875 L95.77825 97.4375Z M99.02575 101.8125 L100.32475 102.5625 L100.32475 100.0625 L99.02575 99.3125Z M113.09825000000001 98.0625 L111.79925 98.8125 L111.79925 96.3125 L113.09825000000001 95.5625Z M109.85075 99.9375 L108.55175 100.6875 L108.55175 98.1875 L109.85075 97.4375Z M106.60325 101.8125 L105.30425 102.5625 L105.30425 100.0625 L106.60325 99.3125Z M92.53075 92.5625 L93.82975 93.3125 L93.82975 90.8125 L92.53075 90.0625Z M95.77825 94.4375 L97.07725 95.1875 L97.07725 92.6875 L95.77825 91.9375Z M99.02575 96.3125 L100.32475 97.0625 L100.32475 94.5625 L99.02575 93.8125Z M113.09825000000001 92.5625 L111.79925 93.3125 L111.79925 90.8125 L113.09825000000001 90.0625Z M109.85075 94.4375 L108.55175 95.1875 L108.55175 92.6875 L109.85075 91.9375Z M106.60325 96.3125 L105.30425 97.0625 L105.30425 94.5625 L106.60325 93.8125Z M92.53075 87.0625 L93.82975 87.8125 L93.82975 85.3125 L92.53075 84.5625Z M95.77825 88.9375 L97.07725 89.6875 L97.07725 87.1875 L95.77825 86.4375Z M99.02575 90.8125 L100.32475 91.5625 L100.32475 89.0625 L99.02575 88.3125Z M113.09825000000001 87.0625 L111.79925 87.8125 L111.79925 85.3125 L113.09825000000001 84.5625Z M109.85075 88.9375 L108.55175 89.6875 L108.55175 87.1875 L109.85075 86.4375Z M106.60325 90.8125 L105.30425 91.5625 L105.30425 89.0625 L106.60325 88.3125Z M92.53075 81.5625 L93.82975 82.3125 L93.82975 79.8125 L92.53075 79.0625Z M95.77825 83.4375 L97.07725 84.1875 L97.07725 81.6875 L95.77825 80.9375Z M99.02575 85.3125 L100.32475 86.0625 L100.32475 83.5625 L99.02575 82.8125Z M113.09825000000001 81.5625 L111.79925 82.3125 L111.79925 79.8125 L113.09825000000001 79.0625Z M109.85075 83.4375 L108.55175 84.1875 L108.55175 81.6875 L109.85075 80.9375Z M106.60325 85.3125 L105.30425 86.0625 L105.30425 83.5625 L106.60325 82.8125Z"/>
</g>
</pattern>
<pattern id="ga-svg-43" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(185 210 198 / 1)" stroke="rgb(188 233 239 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M102.8145 50.875 L114.722 57.75 L102.8145 64.625 L90.907 57.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-44" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(45 83 104 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M114.722 101.5 L102.8145 108.375 L102.8145 64.625 L114.722 57.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-45" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(84 123 137 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M90.907 101.5 L102.8145 108.375 L102.8145 64.625 L90.907 57.75Z"/>
</g>
</pattern>
<pattern id="ga-svg-47" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="none" stroke="rgb(214 245 217 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M124 114.75 L65.75 148.25"/>
</g>
</pattern>
<pattern id="ga-svg-48" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(184 201 181 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M0 18.674015 L9.580726 0 L200 179.251094 L189.820478 200 Z"/>
</g>
</pattern>
<pattern id="ga-svg-49" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(66 173 195 / 1)" stroke="rgb(150 232 220 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M122.5 113.5 L137 121.75 L78 155.75 L63.5 147.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-50" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(108 156 159 / 1)" stroke="rgb(181 216 207 / 1)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 100.5 L159 134.5 L100 168.5 L41 134.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-51" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(27 53 77 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 168.5 L159 134.5 L159 140 L100 174Z"/>
</g>
</pattern>
<pattern id="ga-svg-52" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(44 75 95 / 1)" stroke="none" stroke-width="0" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M41 134.5 L100 168.5 L100 174 L41 140Z"/>
</g>
</pattern>
<pattern id="ga-svg-54" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(182 227 222 / 0.07)" stroke="rgb(199 243 239 / 0.45)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 28.5 L165 66 L165 141 L100 103.5Z"/>
</g>
</pattern>
<pattern id="ga-svg-55" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<g fill="rgb(158 219 226 / 0.13)" stroke="rgb(199 243 239 / 0.45)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M35 66 L100 28.5 L100 103.5 L35 141Z"/>
</g>
</pattern>
</defs>
</svg>
</div>
<div class="ga-node-58 ga-fill"></div>
<div class="ga-node-57 ga-fill"></div>
<div class="ga-node-56 ga-fill"></div>
<div class="ga-node-53 ga-fill">
<div class="ga-node-55 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-55)"/>
</svg>
</div>
<div class="ga-node-54 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-54)"/>
</svg>
</div>
</div>
<div class="ga-node-46 ga-fill">
<div class="ga-node-52 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-52)"/>
</svg>
</div>
<div class="ga-node-51 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-51)"/>
</svg>
</div>
<div class="ga-node-50 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-50)"/>
</svg>
</div>
<div class="ga-node-49 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-49)"/>
</svg>
</div>
<div class="ga-node-48 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-48)"/>
</svg>
</div>
<div class="ga-node-47 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-47)"/>
</svg>
</div>
</div>
<div class="ga-node-10 ga-fill">
<div class="ga-node-39 ga-fill">
<div class="ga-node-45 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-45)"/>
</svg>
</div>
<div class="ga-node-44 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-44)"/>
</svg>
</div>
<div class="ga-node-43 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-43)"/>
</svg>
</div>
<div class="ga-node-40 ga-fill">
<div class="ga-node-42 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-42)"/>
</svg>
</div>
<div class="ga-node-41 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-41)"/>
</svg>
</div>
</div>
</div>
<div class="ga-node-31 ga-fill">
<div class="ga-node-38 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-38)"/>
</svg>
</div>
<div class="ga-node-37 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-37)"/>
</svg>
</div>
<div class="ga-node-36 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-36)"/>
</svg>
</div>
<div class="ga-node-32 ga-fill">
<div class="ga-node-35 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-35)"/>
</svg>
</div>
<div class="ga-node-34 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-34)"/>
</svg>
</div>
<div class="ga-node-33 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-33)"/>
</svg>
</div>
</div>
</div>
<div class="ga-node-24 ga-fill">
<div class="ga-node-30 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-30)"/>
</svg>
</div>
<div class="ga-node-29 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-29)"/>
</svg>
</div>
<div class="ga-node-28 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-28)"/>
</svg>
</div>
<div class="ga-node-25 ga-fill">
<div class="ga-node-27 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-27)"/>
</svg>
</div>
<div class="ga-node-26 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-26)"/>
</svg>
</div>
</div>
</div>
<div class="ga-node-17 ga-fill">
<div class="ga-node-23 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-23)"/>
</svg>
</div>
<div class="ga-node-22 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-22)"/>
</svg>
</div>
<div class="ga-node-21 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-21)"/>
</svg>
</div>
<div class="ga-node-18 ga-fill">
<div class="ga-node-20 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-20)"/>
</svg>
</div>
<div class="ga-node-19 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-19)"/>
</svg>
</div>
</div>
</div>
<div class="ga-node-11 ga-fill">
<div class="ga-node-16 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-16)"/>
</svg>
</div>
<div class="ga-node-15 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-15)"/>
</svg>
</div>
<div class="ga-node-14 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-14)"/>
</svg>
</div>
<div class="ga-node-12 ga-fill">
<div class="ga-node-13 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-13)"/>
</svg>
</div>
</div>
</div>
</div>
<div class="ga-node-4 ga-fill">
<div class="ga-node-9 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-9)"/>
</svg>
</div>
<div class="ga-node-8 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-8)"/>
</svg>
</div>
<div class="ga-node-7 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-7)"/>
</svg>
</div>
<div class="ga-node-6 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-6)"/>
</svg>
</div>
<div class="ga-node-5 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-5)"/>
</svg>
</div>
</div>
<div class="ga-node-3 ga-svg">
<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">
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-3)"/>
</svg>
</div>
<div class="ga-node-2 ga-svg">
<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="V E S P E R">
<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="17" font-weight="400" letter-spacing="0" text-anchor="middle" fill="rgb(236 245 223 / 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="105.95">V E S P E R</tspan></text>
</svg>
</pattern>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-2)"/>
</svg>
</div>
<div class="ga-node-1 ga-svg">
<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="A C I T Y I N S I D E G L A S S">
<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="6" font-weight="400" letter-spacing="0" text-anchor="middle" fill="rgb(216 232 218 / 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="102.1">A C I T Y I N S I D E G L A S S</tspan></text>
</svg>
</pattern>
<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.
From clear daylight to blue hour: the sky darkens and windows illuminate together.
Reveal or soften the front panes and softbox reflections.
Adjust the miniature illumination after sunset.
An isometric micro-metropolis suspended in a glass vitrine: five individually editable buildings, a canal, illuminated windows and precision glass edges. Day to night crossfades the atmosphere and switches on every window; Glass reflection and City lights tune the miniature.