*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--font-sans),Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2{font-family:var(--font-serif),Georgia,serif;font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid var(--accent,var(--ink));outline-offset:5px}button:active{transform:scale(.96)}.home-hub{--bg:#080e19;--panel:#0c1421;--ink:#f7f4ec;--muted:#c3cbd8;--faint:#939fb3;--line:#bbcde829;--toolbar:#0b111b;--area-0:#96caff;--area-1:#d0b6ff;--area-2:#8de0bb;--area-3:#f0cb8c;--soft-0:#357bdf33;--soft-1:#8b5ddd30;--soft-2:#269d7630;--soft-3:#c388302b;--texture:url(/images/home-hub-atmosphere-dark.webp);--ease:cubic-bezier(.2,.7,.2,1);background:var(--bg);min-height:100svh;color:var(--ink);transition:background-color .3s,color .3s;position:relative}.light .home-hub{--bg:#f5f1e9;--panel:#ece6db;--ink:#1d2a38;--muted:#425062;--faint:#637080;--line:#404b5c33;--toolbar:#f3eee6;--area-0:#245c9a;--area-1:#70469c;--area-2:#1d725a;--area-3:#94621c;--soft-0:#5891ce38;--soft-1:#9668ca38;--soft-2:#439c7533;--soft-3:#bb8c3d38;--texture:url(/images/home-hub-atmosphere-light.webp)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--ink);color:var(--bg);padding:12px;position:fixed;top:66px;left:18px;transform:translateY(-180px)}.skip-link:focus{transform:none}.utilities{z-index:10;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--bg);border-radius:32px;gap:4px;padding:3px;display:flex;position:fixed}.utilities button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.utilities button:hover{background:var(--line)}.utilities button:disabled{opacity:.5}.theme-moon,.light .theme-sun{display:none}.light .theme-moon{display:block}.scene{opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);position:absolute;inset:0}.scene[data-scene-ready=true]{opacity:1}.scene canvas{display:block}.world-backdrop{pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.world-texture{background-image:var(--texture);opacity:.9;background-size:200% 200%;transition:opacity .5s;position:absolute;inset:-1%}.world-backdrop[data-world="0"] .world-texture{background-position:0 0}.world-backdrop[data-world="1"] .world-texture{background-position:100% 0}.world-backdrop[data-world="2"] .world-texture{background-position:0 100%}.world-backdrop[data-world="3"] .world-texture{background-position:100% 100%}.world-light{background:radial-gradient(ellipse at 76% 44%,var(--soft),transparent 62%);animation:12s ease-in-out infinite alternate ambient-light;position:absolute;inset:-15%}.world-lines{width:100%;height:100%;color:var(--accent);position:absolute;inset:0;overflow:visible}.field-line{stroke:currentColor;stroke-width:.7px;opacity:.23}.field-hairline{stroke:currentColor;stroke-width:.5px;opacity:.12}.field-node{fill:currentColor;opacity:.5}.flow-line{stroke:currentColor;stroke-width:1.15px;stroke-dasharray:20 440;stroke-linecap:round;opacity:.58;animation:signal-flow var(--duration,6s)linear infinite;animation-delay:var(--delay,-2s)}.constellation-star{fill:currentColor;animation:5s ease-in-out infinite star-breathe;animation-delay:var(--delay)}.hex-breathe{transform-origin:460px 180px;animation:9s ease-out infinite hex-ripple;animation-delay:var(--delay)}.orbit-flow{stroke-dasharray:12 290;opacity:.7;animation-duration:12s}.orbital-field{transform-origin:460px 180px;animation:48s linear infinite orbital-drift}.rise-field{animation:7s ease-in-out infinite rise-light;animation-delay:var(--delay)}.world-vignette{background:linear-gradient(90deg,#080e19eb,#080e1999 38%,#080e1908 76%);position:absolute;inset:0}.light .world-vignette{background:linear-gradient(90deg,#f5f1e9f5,#f5f1e9ba 39%,#f5f1e90d 82%)}.light .world-texture{opacity:.95}.light .field-line{opacity:.29}.light .field-hairline{opacity:.16}.light .world-light{mix-blend-mode:multiply}@keyframes signal-flow{to{stroke-dashoffset:-460px}}@keyframes ambient-light{0%{opacity:.72;transform:translate(-2%,1%)scale(.98)}to{opacity:1;transform:translate(2%,-2%)scale(1.07)}}@keyframes star-breathe{0%,to{opacity:.26}50%{opacity:.9}}@keyframes hex-ripple{0%{opacity:.2;transform:scale(.88)}40%{opacity:.9}to{opacity:.08;transform:scale(1.13)}}@keyframes orbital-drift{to{transform:rotate(360deg)}}@keyframes rise-light{0%,to{opacity:.3}45%{opacity:1}}.destination-action{min-height:44px;color:var(--accent);align-items:center;gap:16px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.destination-action svg{transition:transform .3s var(--ease)}.destination:hover .destination-action svg,.destination:focus-visible .destination-action svg{transform:translate(4px,-4px)}.destination-action:before{content:"";background:var(--accent);opacity:.6;width:24px;height:1px;transition:width .4s var(--ease),opacity .4s}.destination:hover .destination-action:before,.destination:focus-visible .destination-action:before{opacity:1;width:38px}.quadrants{grid-template-columns:repeat(2,minmax(0,1fr));min-height:100svh;display:grid;position:relative}.quadrant{isolation:isolate;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;min-height:331px;padding:69px 34px 26px;display:flex;position:relative;overflow:hidden}.quadrant:nth-of-type(odd){border-right:1px solid var(--line)}.quadrant:nth-of-type(n+3){border-bottom:0}.quadrant:after{content:"";pointer-events:none;border:1px solid #0000;transition:box-shadow .6s,border-color .6s;position:absolute;inset:0;box-shadow:inset 0 0 90px #0000}.quadrant:hover:after,.quadrant:focus-visible:after{border-color:color-mix(in srgb,var(--accent)25%,transparent);box-shadow:inset 0 0 80px var(--soft)}.quadrant:focus-visible{outline-offset:-7px;z-index:3}.area-number{z-index:3;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);font-size:10px;position:absolute;top:27px;left:35px}.area-number>span{opacity:.5;margin:0 11px}.quadrant-art{pointer-events:none;transition:transform .8s var(--ease);position:absolute;inset:0 0 0 51%}.quadrant:hover .quadrant-art,.quadrant:focus-visible .quadrant-art{transform:translateY(-4px)}.quadrant-copy{z-index:2;width:59%;max-width:355px;transition:transform .55s var(--ease);position:relative}.quadrant:hover .quadrant-copy,.quadrant:focus-visible .quadrant-copy{transform:translateY(-3px)}.quadrant h2{text-wrap:balance;letter-spacing:-.025em;max-width:330px;text-shadow:0 2px 20px var(--bg);font-size:clamp(32px,3.1vw,49px);line-height:1.01}.quadrant p{color:var(--muted);text-wrap:pretty;max-width:318px;margin-top:16px;font-size:14px;line-height:1.75}.quadrant .destination-action{margin-top:12px}.corner-arrow{width:36px;height:36px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent)24%,transparent);border-radius:50%;place-items:center;transition:background .4s,transform .4s;display:grid;position:absolute;top:22px;right:29px}.quadrant:hover .corner-arrow{background:var(--soft);transform:rotate(6deg)}.center-name{z-index:5;background:var(--bg);border:1px solid color-mix(in srgb,var(--area-3)35%,transparent);white-space:nowrap;box-shadow:0 0 0 7px var(--bg),0 0 40px #cca5601a;border-radius:4px;justify-content:center;align-items:center;gap:19px;min-width:230px;padding:10px 25px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-name>span:first-child{font-family:var(--font-serif),Georgia,serif;font-size:28px}@media (min-width:1500px){.quadrant{padding-left:56px;padding-right:56px}.area-number{left:57px}.quadrant-copy{max-width:380px}.quadrant p{max-width:365px;font-size:16px}.quadrant .destination-action{font-size:13px}.quadrant-art{left:45%;right:0}.quadrant h2{max-width:370px}.center-name{padding:12px 33px}.center-name>span:first-child{font-size:33px}}@media (max-width:1100px) and (min-width:701px){.quadrant{min-height:365px;padding:68px 26px 24px}.quadrant-copy{width:67%}.quadrant h2{max-width:285px;font-size:36px}.quadrant p{font-size:14px}.area-number{letter-spacing:.1em;font-size:9px;left:27px}.quadrant-art{opacity:.9;inset:10% -18% 0 40%}.quadrant .world-vignette{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg)80%,transparent)40%,transparent 90%)}.corner-arrow{right:18px}}@media (max-width:700px){.quadrants{flex-direction:column;min-height:0;display:flex}.center-name{box-shadow:none;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:center;gap:16px;padding:14px 20px;position:relative;top:auto;left:auto;transform:none}.center-name>span:first-child{font-size:30px}.quadrant,.quadrant:nth-of-type(odd),.quadrant:nth-of-type(n+3){border-right:0;border-bottom:1px solid var(--line);min-height:340px;padding:68px 25px 23px}.area-number{letter-spacing:.12em;font-size:9px;top:26px;left:26px}.area-number>span{margin:0 7px}.corner-arrow{width:33px;height:33px;top:19px;right:21px}.quadrant-copy{width:68%;max-width:320px}.quadrant h2{max-width:260px;font-size:35px;line-height:1.04}.quadrant p{margin-top:14px;font-size:14px;line-height:1.7}.quadrant .destination-action{gap:10px;margin-top:12px;font-size:11px}.quadrant .destination-action:before{width:15px}.quadrant:hover .destination-action:before{width:20px}.quadrant-art{opacity:.7;inset:11% -35% 2% 38%}.quadrant .world-vignette{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg)85%,transparent)47%,transparent)}.quadrant .world-lines{opacity:.8}.quadrant .world-texture{opacity:.7}.quadrant-copy{text-shadow:0 1px 15px var(--bg)}}@media (max-width:360px){.quadrant{padding-left:21px;padding-right:21px}.area-number{font-size:8px;left:22px}.quadrant-copy{width:74%}.quadrant h2{font-size:32px}.quadrant p{font-size:14px}.quadrant-art{opacity:.5;left:45%;right:-45%}}.still *,.still :before,.still :after{transition:none!important;animation-play-state:paused!important}.still .quadrant:hover .quadrant-art,.still .quadrant:hover .quadrant-copy{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-play-state:paused!important}}@media (min-width:701px){.quadrant:nth-of-type(n+3) .area-number{top:41px}.quadrant:nth-of-type(n+3) .corner-arrow{top:33px}}.destination .flow-line{transition:opacity .5s,stroke-width .5s}.destination:hover .flow-line,.destination:focus-visible .flow-line{opacity:.95;stroke-width:1.5px}@media (max-width:700px){.quadrant,.quadrant:nth-of-type(odd),.quadrant:nth-of-type(n+3){min-height:320px;padding-top:74px;padding-bottom:22px}.quadrant-copy{width:100%;max-width:none;text-shadow:none}.quadrant h2{max-width:calc(100% - 125px);min-height:72px;font-size:34px}.quadrant p{max-width:none;margin-top:18px;font-size:14px;line-height:1.75}.quadrant-art{opacity:1;width:150px;height:150px;inset:33px 7px auto auto}.quadrant .world-vignette{background:linear-gradient(0deg,color-mix(in srgb,var(--bg)90%,transparent),color-mix(in srgb,var(--bg)86%,transparent)43%,transparent 100%)}.quadrant .world-texture{opacity:.85}.quadrant .world-lines{opacity:.65}}@media (max-width:360px){.quadrant-art{width:124px;height:124px;top:48px;right:4px}.quadrant h2{max-width:calc(100% - 103px);font-size:32px}}@media (min-width:1101px){.quadrant-copy{width:56%}}@media (min-width:701px) and (max-width:1100px){.quadrant-art{opacity:1;inset:16% 1% 6% 61%}}.destination[data-running=false] *,.destination[data-running=false] :before,.destination[data-running=false] :after{animation-play-state:paused}@media (max-width:700px){.center-name{justify-content:flex-start;min-width:0;padding-right:112px}.utilities{position:absolute;top:7px;bottom:auto;right:8px}}