@charset "utf-8";

.video-wrap[data-v-32fe59fd] { align-items: center; background-color: var(--c-black); contain: paint; display: flex; justify-content: center; position: relative; width: 100%; }

.video-wrap video[data-v-32fe59fd] { height: 100%; object-fit: cover; position: relative; transform: translateZ(0px); width: 100%; will-change: auto; }

.c-welcome[data-v-29826783] { background-image: url("../images/places/w-bg.webp"); background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; }

.c-welcome[data-v-29826783]::after { background-image: linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; content: ""; display: block; inset: 0px; position: absolute; }

.c-welcome .places-welcome-path[data-v-29826783] { aspect-ratio: auto; height: calc(var(--vh, 1vh)*25); inset: calc(var(--vh, 1vh)*35) 0 auto 0; position: absolute; }

.c-welcome .-w[data-v-29826783] { align-items: stretch; background-color: transparent; grid-template-rows: 1fr auto auto 1fr auto auto; min-height: calc(var(--vh, 1vh)*100); position: relative; z-index: 20; }

.c-welcome .-w .title[data-v-29826783] { --top: 2; --width: 6; justify-self: center; margin-top: var(--h1); scale: calc(1 + var(--progress)*.5); transform-origin: 50% 200%; }

.c-welcome .-w .video-wrap[data-v-29826783] { --top: 3; --left: 1; --width: 6; border-radius: var(--g-gap); margin-top: var(--p); opacity: 0; transform: translate3d(0px, 50%, 0px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.3s; }

.c-welcome .-w .video-wrap[data-v-29826783] video { scale: calc(1 + var(--progress)*1); transform: translateZ(0px); }

.c-welcome .-w .subtitle[data-v-29826783] { --top: 5; --left: 2; --width: 4; margin-top: var(--h1); translate: 0 calc(var(--vh, 1vh)*-2*var(--progress)); }

.c-welcome .-w p[data-v-29826783] { justify-content: center; }

.c-welcome .-w .p-1[data-v-29826783] { --top: 6; --left: 3; --width: 2; margin-bottom: var(--h5); margin-top: var(--h5); }

@media (min-width: 1024px) {
  .c-welcome .places-welcome-path[data-v-29826783] { height: calc(var(--vh, 1vh)*80); inset: calc(var(--vh, 1vh)*10) 0 auto 0; }
  .c-welcome .-w .title[data-v-29826783] { --width: 12; }
  .c-welcome .-w .video-wrap[data-v-29826783] { --left: 6; --width: 2; border-radius: 0.4rem; scale: calc(1 + var(--progress)*.5); transform: translate3d(0px, 100%, 0px); translate: 0 calc(var(--vh, 1vh)*10*var(--progress)); }
  .c-welcome .-w .subtitle[data-v-29826783] { --left: 4; --width: 6; }
  .c-welcome .-w .p-1[data-v-29826783] { --left: 5; --width: 4; }
}

html.-loaded.-ready .c-welcome .-w .video-wrap[data-v-29826783] { opacity: 1; transform: translateZ(0px); }

.scatter-container[data-v-15ee1313] { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: transparent; height: calc(var(--vh,1vh)*100); left: 0px; overflow: hidden; pointer-events: none; position: absolute; top: 0px; width: 100%; }

@media (max-width: 1024px) {
  .scatter-container[data-v-15ee1313]::after { background-image: linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0)); content: ""; display: block; height: 10lvh; inset: auto 0px 0px; position: absolute; }
}

.webgl-canvas[data-v-15ee1313] { display: block; height: 100%; width: 100%; }

.debug-overlay[data-v-15ee1313] { background: rgba(0, 0, 0, 0.58); border: 1px solid rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; left: 10px; line-height: 1.45; max-width: min(92vw, 520px); padding: 8px 10px; pointer-events: none; position: absolute; top: 10px; z-index: 5; }

.debug-row[data-v-15ee1313] { white-space: nowrap; }

.c-particles[data-v-c99041da] { background-color: transparent; height: calc(var(--vh, 1vh)*800); pointer-events: none; }

.c-particles .stick[data-v-c99041da] { background-color: transparent; display: grid; height: calc(var(--vh, 1vh)*100); position: sticky; top: 0px; z-index: 20; }

.c-particles .stick[data-v-c99041da]::before { background-image: linear-gradient(to top,var(--c-yellow) var(--large),rgba(var(--c-yellow-rgb),0) 100%); background-position: 50% center; background-repeat: no-repeat; background-size: 100%; height: calc(var(--large)*4); inset: auto 0px 0px; scale: 1 0; transform-origin: 50% 100%; transition: scale 1.5s var(--f-cubic); z-index: 10; }

.c-particles .stick[data-v-c99041da]::after, .c-particles .stick[data-v-c99041da]::before { content: ""; display: block; pointer-events: none; position: absolute; }

.c-particles .stick[data-v-c99041da]::after { background-image: linear-gradient(0deg,rgba(var(--c-black-rgb),0),rgba(var(--c-black-rgb),.5) 50%,rgba(var(--c-black-rgb),0)); inset: 0px; opacity: 0; transition: opacity 3s var(--f-cubic); z-index: 5; }

.c-particles .stick .scatter-container[data-v-c99041da] { opacity: calc(-1 + var(--progress)*2); }

.c-particles .stick .path[data-v-c99041da] { align-items: center; align-self: center; color: var(--c-yellow); display: flex; grid-area: 1 / 1; justify-content: space-around; margin-left: var(--g-margin); margin-right: var(--g-margin); pointer-events: none; position: relative; transform: translateZ(0px); z-index: 20; }

.c-particles .stick .path > span[data-v-c99041da] { background-color: rgba(var(--c-black-rgb),.2); inset: auto 0px; opacity: 0; position: absolute; transition: opacity 1.5s var(--f-cubic); }

.c-particles .stick .path > span[data-v-c99041da]::before { --smart-progress: calc(max(0, (var(--progress, 0) - 1 / 8)) / (1 - 1 / 8)); background-color: rgba(var(--c-yellow-rgb),.6); content: ""; display: block; height: 1px; scale: var(--smart-progress) 1; transform-origin: 0px 50%; width: 100%; }

.c-particles .stick .path .i[data-v-c99041da] { align-items: center; display: flex; height: var(--p); justify-content: center; opacity: 0; padding: calc(var(--g-gap)); position: relative; scale: 0.2; transform: translateZ(0px); transition: scale 1.5s var(--f-cubic),opacity 1.5s var(--f-cubic); width: var(--p); }

.c-particles .stick .path .i[data-v-c99041da]::after, .c-particles .stick .path .i[data-v-c99041da]::before { border: 1px solid rgba(var(--c-yellow-rgb),.2); border-radius: 50%; content: ""; display: block; padding: 50% 0px; position: absolute; scale: 0.5; transition: scale 1.5s var(--f-cubic),border 1.5s var(--f-cubic),background-color 1.5s var(--f-cubic); width: 100%; z-index: 20; }

.c-particles .stick .path .i[data-v-c99041da]::after { background-image: radial-gradient(circle,rgba(var(--c-black-rgb),.4),rgba(var(--c-black-rgb),0) 60%); border: 1px solid rgba(var(--c-yellow-rgb),.1); padding: 60% 0px; width: 120%; z-index: 15; }

.c-particles .stick .path .i > span[data-v-c99041da] { color: var(--c-yellow); display: flex; position: relative; text-shadow: 0 0 0 var(--c-yellow),0 .4rem .8rem var(--c-black); transition: color 1.5s var(--f-cubic),text-shadow 1.5s var(--f-cubic); z-index: 30; }

.c-particles .stick .path .i.-active[data-v-c99041da]::before { background-color: rgba(var(--c-black-rgb),.2); border: 1px solid rgba(var(--c-yellow-rgb),.4); scale: 1; }

.c-particles .stick .path .i.-active[data-v-c99041da]::after { background-color: rgba(var(--c-black-rgb),.1); border: 1px solid rgba(var(--c-yellow-rgb),.2); scale: 1; }

.c-particles .stick .path .i.-active span[data-v-c99041da] { color: var(--c-white); text-shadow: 0 0 .8rem var(--c-yellow),0 .4rem .8rem var(--c-black); }

.c-particles .stick .-w[data-v-c99041da] { place-self: end stretch; background-color: transparent; grid-area: 1 / 1; margin-bottom: var(--h4); opacity: 0; pointer-events: none; position: relative; transform: translateZ(0px); transition: opacity 1.5s var(--f-cubic),translate 1.5s var(--f-cubic); translate: 0 var(--h5); z-index: 20; }

.c-particles .stick .-w .place-name[data-v-c99041da] { --width: 6; display: grid; justify-content: center; margin-bottom: var(--p); place-items: center; position: relative; }

.c-particles .stick .-w .place-name > span[data-v-c99041da] { grid-area: 1 / 1; }

.c-particles .stick .-w .place-name > span[data-v-c99041da] .-s-char { display: inline-flex; filter: blur(0.05em); opacity: 0; padding: 0.25em 0.1em; scale: 2; transform: translateZ(0px) skew(15deg, 30deg); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--char-random)*75ms); translate: calc(var(--dx, .25)*1em) calc(var(--dy, 1)*1em); will-change: contents; margin: -.25em calc(-.1em + var(--kerning, 0px)) -.25em -.1em !important; }

.c-particles .stick .-w .place-name > span[data-v-c99041da]:not(.-active) { pointer-events: none; }

.c-particles .stick .-w .place-name > span.-active[data-v-c99041da] { pointer-events: all; }

.c-particles .stick .-w .place-name > span.-active[data-v-c99041da] .-s-char { filter: blur(0px); opacity: 1; scale: 1; transform: translateZ(0px) skew(0deg); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--char-random)*75ms); translate: 0px; }

.c-particles .stick .-w .-m[data-v-c99041da] { display: block; margin-top: var(--mm); opacity: 1; pointer-events: all; text-align: center; translate: 0px; }

.c-particles .stick .-w .-t-m-enter-active[data-v-c99041da] { transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: calc(var(--t-delay)*.15s); }

.c-particles .stick .-w .-t-m-enter-from[data-v-c99041da] { opacity: 0; translate: 0px 1em; }

.c-particles .stick .-w .-t-m-leave-active[data-v-c99041da] { transition: opacity .6s var(--f-cubic),translate 1.5s var(--f-cubic); }

.c-particles .stick .-w .-t-m-leave-to[data-v-c99041da] { opacity: 0; translate: 0px -1em; }

.c-particles .stick .-w .status[data-v-c99041da] { --top: 2; --left: 1; --width: 2; text-align: left; }

.c-particles .stick .-w .caption[data-v-c99041da] { --top: 3; --left: 1; --width: 4; text-align: left; }

.c-particles .stick .-w .usage[data-v-c99041da] { --top: 2; --left: 4; --width: 3; min-height: calc(var(--mm)*2); text-align: left; }

.c-particles .stick .-w .object[data-v-c99041da] { --top: 4; --left: 1; --width: 6; text-align: left; }

.c-particles .stick.-active[data-v-c99041da]::before { scale: 1; transition-delay: 0.6s; }

.c-particles .stick.-active[data-v-c99041da]::after { opacity: 1; transition-delay: 0.6s; }

.c-particles .stick.-active .path > span[data-v-c99041da] { opacity: 1; transition-delay: 0.9s; }

.c-particles .stick.-active .path .i[data-v-c99041da] { opacity: 1; scale: 1; transition-delay: calc(.9s + var(--order)*.15s); }

.c-particles .stick.-active .-w[data-v-c99041da] { opacity: 1; transition-delay: 0.6s; translate: 0px; }

@media (min-width: 1024px) {
  .c-particles .stick[data-v-c99041da]::before { height: calc(var(--large)*2); }
  .c-particles .stick .path .i[data-v-c99041da] { height: var(--h3); padding: calc(var(--g-gap)*2); width: var(--h3); }
  .c-particles .stick .path .i[data-v-c99041da]::after, .c-particles .stick .path .i[data-v-c99041da]::before { scale: 0.8; }
  .c-particles .stick .path .i.-active[data-v-c99041da]::before { background-color: rgba(var(--c-black-rgb),.2); border: 1px solid rgba(var(--c-yellow-rgb),.4); scale: 1; }
  .c-particles .stick .path .i.-active[data-v-c99041da]::after { background-color: rgba(var(--c-black-rgb),.1); border: 1px solid rgba(var(--c-yellow-rgb),.2); scale: 1; }
  .c-particles .stick .-w .place-name[data-v-c99041da] { --width: 12; margin-bottom: var(--h3); }
  .c-particles .stick .-w .-m[data-v-c99041da] { margin-top: 0px; }
  .c-particles .stick .-w .status[data-v-c99041da] { --top: 2; --left: 1; --width: 2; }
  .c-particles .stick .-w .caption[data-v-c99041da] { --top: 2; --left: 3; --width: 3; }
  .c-particles .stick .-w .usage[data-v-c99041da] { --top: 2; --left: 7; --width: 3; }
  .c-particles .stick .-w .object[data-v-c99041da] { --top: 2; --left: 10; --width: 3; text-align: right; }
}

.c-features[data-v-8f424a19] { background-color: var(--c-yellow); color: var(--c-black); display: grid; place-items: center; position: relative; z-index: 30; }

.c-features .figure-map[data-v-8f424a19] { place-self: start stretch; grid-area: 1 / 1; overflow: hidden; position: relative; }

.c-features .figure-map[data-v-8f424a19]::before { background-color: var(--c-black); content: ""; display: block; height: calc(var(--vw, 1vw)*24); left: 0px; margin-left: auto; margin-right: auto; mask: url("../images/star-mask.svg") center center / 100%; position: absolute; right: 0px; top: var(--h1); width: calc(var(--vw, 1vw)*24); z-index: 1; }

.c-features .figure-map[data-v-8f424a19]::after { background-image: linear-gradient(to right,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 80%),linear-gradient(to left,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%),linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%),linear-gradient(to bottom,var(--c-yellow),rgba(var(--c-yellow-rgb),0) 40%); background-position: 50% center, 50% center, 50% center; background-repeat: no-repeat; background-size: 100%, 100%, 100%, 100%; content: ""; display: block; inset: 0px; position: absolute; }

.c-features .figure-map figure[data-v-8f424a19] { backface-visibility: hidden; position: relative; transform: translate3d(0,calc(var(--vh, 1vh)*-20 + var(--vh, 1vh)*40*var(--progress)),0); will-change: transform; }

.c-features .-w[data-v-8f424a19] { grid-area: 1 / 1; justify-self: stretch; padding-bottom: var(--g-gap); padding-top: calc(var(--h1)*3); }

.c-features .-w .i[data-v-8f424a19] { --width: 6; backdrop-filter: blur(0.5rem); background-color: rgba(var(--c-white-rgb),.2); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='1.2 0 0 0 0.15 0 1.2 0 0 0.15 0 0 1.2 0 0.15 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.35'/%3E%3C/svg%3E"); background-repeat: repeat; background-size: 8rem 8rem; border-radius: var(--p); box-shadow: 0 1px 1px 0 rgba(var(--c-black-rgb),.1); margin-bottom: calc(var(--g-gap)/2); overflow: hidden; padding: calc(var(--h3)*1) var(--m) var(--g-gap) var(--g-gap); position: relative; }

.c-features .-w .i[data-v-8f424a19] > * { position: relative; }

.c-features .-w .i .number[data-v-8f424a19] { align-items: center; display: flex; height: var(--h2); justify-content: center; position: absolute; right: var(--m); top: var(--m); width: var(--h2); }

.c-features .-w .i .number[data-v-8f424a19]::after, .c-features .-w .i .number[data-v-8f424a19]::before { border: 1px solid var(--c-white); border-radius: 50%; content: ""; display: block; padding: 50% 0px; position: absolute; width: 100%; }

.c-features .-w .i .number[data-v-8f424a19]::after { border: 1px solid var(--c-white); padding: 60% 0px; width: 120%; }

.c-features .-w .i .caption[data-v-8f424a19], .c-features .-w .i .type[data-v-8f424a19] { margin-top: var(--mm); width: 80%; }

.c-features .-w .i-1[data-v-8f424a19] { --top: 1; --left: 1; }

.c-features .-w .i-2[data-v-8f424a19] { --top: 2; --left: 1; }

.c-features .-w .i-3[data-v-8f424a19] { --top: 3; --left: 1; }

.c-features .-w .i-4[data-v-8f424a19] { --top: 5; --left: 1; }

.c-features .-w .i-4[data-v-8f424a19]::before { color: rgba(var(--c-white-rgb),.6); content: "7"; display: grid; filter: blur(0.1rem); font-family: var(--font-t-2); font-size: var(--large); inset: 0px; line-height: 0.1; place-items: center; position: absolute; scale: calc(.5 + var(--progress)*1); vertical-align: middle; }

.c-features .-w .i-5[data-v-8f424a19] { --top: 6; --left: 1; }

.c-features .-w .i-5 figure[data-v-8f424a19] { bottom: var(--m); position: absolute; right: var(--m); width: 2.5rem; }

.c-features .-w .fox[data-v-8f424a19] { --left: 1; --width: 6; --top: 7; align-items: center; border-radius: var(--p); display: flex; height: calc(var(--vw, 1vw)*70); justify-content: center; overflow: hidden; position: relative; }

.c-features .-w .fox figure[data-v-8f424a19] { inset: 0px; position: absolute; }

.c-features .places-features-path[data-v-8f424a19] { aspect-ratio: auto; height: 100%; inset: 0px; pointer-events: none; position: absolute; }

@media (min-width: 1024px) {
  .c-features .figure-map[data-v-8f424a19]::before { height: calc(var(--vw, 1vw)*6); width: calc(var(--vw, 1vw)*6); }
  .c-features .-w[data-v-8f424a19] { padding-bottom: var(--large); }
  .c-features .-w .i[data-v-8f424a19] { --width: 4; --height: 2; margin-bottom: var(--g-gap); padding-bottom: var(--h5); padding-top: calc(var(--h1)*2); }
  .c-features .-w .i .caption[data-v-8f424a19], .c-features .-w .i .type[data-v-8f424a19] { margin-top: var(--p); }
  .c-features .-w .i-1[data-v-8f424a19] { --top: 1; --left: 5; }
  .c-features .-w .i-2[data-v-8f424a19] { --top: 2; --left: 1; }
  .c-features .-w .i-3[data-v-8f424a19] { --top: 3; --left: 5; }
  .c-features .-w .i-4[data-v-8f424a19] { --top: 5; --left: 9; }
  .c-features .-w .i-5[data-v-8f424a19] { --top: 7; --left: 5; }
  .c-features .-w .fox[data-v-8f424a19] { --left: 1; --width: 4; --top: 5; --height: 2; height: auto; margin-bottom: var(--g-gap); }
  .c-features .-w .fox figure[data-v-8f424a19] { inset: -20% 0px; position: absolute; translate: 0 calc(-20% + 40%*var(--progress)); }
}

.c-cta[data-v-1a082d68] { background-color: var(--c-black); color: var(--c-white); padding-bottom: var(--h0); padding-top: var(--h0); }

.c-cta .-w figure[data-v-1a082d68] { --left: 3; --width: 2; place-self: end center; width: 2.5rem; }

.c-cta .-w .subtitle[data-v-1a082d68] { --top: 2; --left: 1; --width: 6; justify-content: center; margin-top: var(--p); }

.c-cta .-w .cta[data-v-1a082d68] { --top: 3; --left: 2; --width: 4; align-self: start; color: var(--c-yellow); margin-top: var(--h3); position: relative; transform: translate3d(0,calc(var(--progress)*var(--vh, 1vh)*5),0); z-index: 20; }

.c-cta .-w .cta .-hp[data-v-1a082d68] { display: block; margin-bottom: var(--h5); }

.c-cta .-w .cta .-hp span[data-v-1a082d68] { display: block; transition: translate .6s var(--f-cubic); }

.c-cta .-w .cta .-hp span[data-v-1a082d68]:first-child { translate: 4em; }

.c-cta .-w .cta .-hp span[data-v-1a082d68]:nth-child(2) { translate: 6em; }

.c-cta .-w .cta .-hp span[data-v-1a082d68]:nth-child(3) { translate: 5em; }

.c-cta .-w .cta[data-v-1a082d68] .button { width: 100%; }

@media (min-width: 1024px) {
  .c-cta .-w figure[data-v-1a082d68] { --left: 6; --width: 2; }
  .c-cta .-w .subtitle[data-v-1a082d68] { --top: 2; --left: 4; --width: 6; }
  .c-cta .-w .cta[data-v-1a082d68] { --top: 3; --left: 6; --width: 2; margin-top: var(--h1); }
  .c-cta .-w .cta .-hp span[data-v-1a082d68]:first-child { translate: 0px; }
  .c-cta .-w .cta .-hp span[data-v-1a082d68]:nth-child(2) { translate: 2em; }
  .c-cta .-w .cta .-hp span[data-v-1a082d68]:nth-child(3) { translate: 1em; }
  .c-cta .-w .cta:has(.button:hover) .-hp span[data-v-1a082d68] { transition: translate .6s var(--f-cubic-in); }
  .c-cta .-w .cta:has(.button:hover) .-hp span[data-v-1a082d68]:first-child { translate: 1em; }
  .c-cta .-w .cta:has(.button:hover) .-hp span[data-v-1a082d68]:nth-child(2) { transition: translate .75s var(--f-cubic-in); translate: 0px; }
  .c-cta .-w .cta:has(.button:hover) .-hp span[data-v-1a082d68]:nth-child(3) { transition: translate .9s var(--f-cubic-in); translate: 2em; }
}

.page .puller[data-v-e3595c40] { align-items: start; display: grid; justify-content: stretch; }

.page .puller > section[data-v-e3595c40] { grid-area: 1 / 1; }