:root{--sky:#7ea6bb;--type-logo:1.794u;--type-nav:.688u;--type-title:1.675u;--type-sub:.777u;--type-explore:.658u}@supports (width:max(1vw, 1vh)){:root{--type-logo:max(1.794vw, 3.188vh);--type-nav:max(.688vw, 1.223vh);--type-title:max(1.675vw, 2.976vh);--type-sub:max(.777vw, 1.381vh);--type-explore:max(.658vw, 1.169vh)}}*{box-sizing:border-box}html,body,#root{background:var(--sky);height:100%;margin:0;padding:0;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Helvetica Neue,Helvetica,Arial,Segoe UI,system-ui,sans-serif;font-weight:400}.stage{position:fixed;inset:0;overflow:hidden}.scene{transform-origin:50%;width:100%;height:100%;transform:perspective(1500px) rotateY(calc(var(--px,0) * 3.6deg)) rotateX(calc(var(--py,0) * -2.8deg)) scale(1.12);will-change:transform;display:block;position:absolute;inset:0}.hud{pointer-events:none;transform:translate3d(calc(var(--px,0) * 9px), calc(var(--py,0) * 6px), 0);will-change:transform;position:absolute;inset:0}.brand{font-size:var(--type-logo);color:#fff;align-items:center;gap:.52em;line-height:1;display:flex;position:absolute;top:3.4%;left:3.35%}.brand-mark{font-size:1.02em;line-height:.8;transform:translateY(-.03em)}.brand-name{letter-spacing:.075em}.nav{font-size:var(--type-nav);letter-spacing:.2em;color:#fffffff0;gap:2.75em;line-height:1;display:flex;position:absolute;top:4.35%;right:8.3%}.plx{transform-box:view-box;transform-origin:50%;transform:translate3d(calc(var(--px,0) * var(--depth,0px)), calc(var(--py,0) * var(--depth,0px)), 0);will-change:transform}.nav__item{pointer-events:auto;font:inherit;letter-spacing:inherit;color:inherit;opacity:.74;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:.35em .12em .5em;transition:opacity .4s,transform .18s,text-shadow .4s;display:inline-block;position:relative}.nav__item:hover{opacity:1;transform:translateY(-1px)}.nav__item:active{transition-duration:60ms;transform:translateY(.5px)scale(.965)}.nav__item.is-active{opacity:1;text-shadow:0 0 14px #d6ecff8c}.nav__item:focus-visible{outline-offset:5px;border-radius:2px;outline:1px solid #ffffffbf}.nav__label{display:inline-block}.nav__glyph{vertical-align:-.03em;opacity:.9;margin-right:.5em;display:inline-block}.sound{pointer-events:auto;font:inherit;color:inherit;opacity:.58;cursor:pointer;appearance:none;background:0 0;border:0;align-items:center;margin:0 0 0 .62em;padding:.35em .1em .5em;transition:opacity .4s,transform .18s;display:inline-flex}.sound:hover{opacity:1;transform:translateY(-1px)}.sound:active{transition-duration:60ms;transform:translateY(.5px)scale(.94)}.sound:focus-visible{outline-offset:5px;border-radius:2px;outline:1px solid #ffffffbf}.sound.is-on{opacity:.95}.sound__wave{opacity:.16;transition:opacity .35s}.sound.is-on .sound__wave{animation:3.6s ease-in-out infinite soundPulse}.sound.is-on .sound__wave:last-of-type{animation-delay:1.2s}.sound__slash{opacity:.8;transition:opacity .35s}.sound.is-on .sound__slash{opacity:0}@keyframes soundPulse{0%,to{opacity:.5}50%{opacity:1}}.nav__rule{transform-origin:0;opacity:0;background:currentColor;height:1px;transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .3s;position:absolute;bottom:.2em;left:.12em;right:.12em;transform:scaleX(0)}.nav__item:hover .nav__rule{opacity:.55;transform:scaleX(.5)}.nav__item.is-active .nav__rule{opacity:.95;transform:scaleX(1)}.intro{max-width:46%;font-size:var(--type-title);position:absolute;top:20.1%;left:3.77%}.intro__title{letter-spacing:0;color:#fffffff7;margin:0;font-size:1em;font-weight:400;line-height:1.36}.title__line{white-space:nowrap;display:block}.title__space{width:.42em;display:inline-block}.title__letter{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px));margin-right:.235em;display:inline-block;position:relative}.title__glyph{color:var(--tone,#fff8ee);text-shadow:0 1px #1e3a5838,0 0 18px #fff4e21f;transform-origin:50% 72%;animation:4.2s ease-in-out infinite letterBob;animation-delay:var(--delay,0s);font-family:Arial Rounded MT Bold,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;font-weight:400;transition:color .28s,text-shadow .28s;display:inline-block}.title__letter:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(62% 68% at 50% 30%,#fff3,#ffffff0f 68%,#fff0);border-radius:.3em;transition:opacity .3s;position:absolute;inset:-.2em -.16em -.12em}.title__letter:hover:before{opacity:1}.title__letter:hover .title__glyph{color:#fffaf2;text-shadow:0 1px #1e3a5838,0 0 26px #fff0d68c}.title__letter:active{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--lift,0px) + .05em)) scale(.84, .74);transition:transform 90ms ease-out}@keyframes letterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-.035em)}}@keyframes letterPop{0%{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--lift,0px) + .05em)) scale(.84, .74)}44%{transform:rotate(calc(var(--tilt,0deg) + 2.6deg)) translateY(calc(var(--lift,0px) - .12em)) scale(1.12, 1.2)}64%{transform:rotate(calc(var(--tilt,0deg) - 1.8deg)) translateY(var(--lift,0px)) scale(.96, 1.03)}80%{transform:rotate(calc(var(--tilt,0deg) + .8deg)) translateY(calc(var(--lift,0px) - .035em)) scale(1.03, 1)}to{transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px)) scale(1, 1)}}@keyframes letterEcho{0%,to{transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px)) scale(1, 1)}42%{transform:rotate(var(--tilt,0deg)) translateY(calc(var(--lift,0px) - .05em)) scale(1.05, 1.08)}72%{transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px)) scale(.985, .99)}}.title__letter.is-popping{animation:.76s cubic-bezier(.26,.86,.3,1) both letterPop}.title__letter.is-echo{animation:letterEcho .62s cubic-bezier(.25, .9, .3, 1) var(--echo-delay,0s) both}.title__letter.is-popping .title__glyph,.title__letter.is-echo .title__glyph,.title__letter:active .title__glyph{animation-play-state:paused}.intro__rule{background:#ffffffd1;width:2.27em;height:.107em;min-height:2px;margin-top:.98em;display:block}.intro__sub{letter-spacing:.146em;color:#e9f3facc;margin:.875em 0 0;font-size:.464em;line-height:1.77}.about-note{letter-spacing:.18em;color:#e2f0fa00;max-height:0;margin:0;font-size:.4em;line-height:1.95;transition:max-height .6s cubic-bezier(.2,.7,.2,1),margin-top .6s cubic-bezier(.2,.7,.2,1),color .5s;overflow:hidden}.about-note.is-open{color:#e2f0fab8;max-height:8em;margin-top:1.6em}.explore{font-size:var(--type-explore);letter-spacing:.19em;color:#eef6fcd9;margin:0;line-height:1;position:absolute;bottom:5.4%;left:3.77%}.starfield{animation:96s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-16px,-11px)}}.star-twinkle{animation:12s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.76}}.planet__float{transform-box:fill-box;transform-origin:50%;animation:17s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-9px)scale(1.006)}}.ring-gleam{animation:26s linear infinite gleam}.ring-gleam--b{animation-duration:34s;animation-direction:reverse}@keyframes gleam{0%{stroke-dashoffset:1730px}to{stroke-dashoffset:-1730px}}.stage.is-paused .starfield,.stage.is-paused .star-twinkle,.stage.is-paused .planet__float,.stage.is-paused .ring-gleam,.stage.is-paused .title__glyph{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.starfield,.star-twinkle,.planet__float,.ring-gleam,.title__glyph{animation:none!important}.star-twinkle{opacity:.6}.title__letter.is-popping,.title__letter.is-echo{animation:none!important}.title__letter:active{transform:rotate(var(--tilt,0deg)) translateY(var(--lift,0px));transition:none}.plx,.scene,.hud{transform:none!important}.nav__item,.nav__rule{transition:opacity .2s,text-shadow .2s}.nav__item:hover,.nav__item:active{transform:none}.nav__item:hover .nav__rule{transform:scaleX(1)}.sound.is-on .sound__wave{opacity:.9;animation:none!important}.sound:hover,.sound:active{transform:none}.about-note{transition:color .2s}}@media (aspect-ratio<=1){:root{--type-logo:max(1.15vw, 2.05vh);--type-nav:max(.6vw, .98vh);--type-title:max(1.28vw, 2vh);--type-sub:max(.7vw, 1.02vh);--type-explore:max(.58vw, .9vh)}.intro{max-width:64%}}
