*{box-sizing:border-box}html,body{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:4px}.home-hub{--bg:#080e19;--ink:#f7f4ec;--muted:#c3cbd8;--line:#bbcde829;--gold:#e8c27c;--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(../media/atmosphere-dark.a5344eca.webp);--ease:cubic-bezier(.2,.7,.2,1);--quick:.16s;--base:.32s;--slow:.7s;--gutter:clamp(24px,3.4vw,64px);--title:clamp(34px,3.2vw,58px);background:var(--bg);min-height:100svh;color:var(--ink);transition:background-color var(--base),color var(--base);position:relative}.light .home-hub{--bg:#f5f1e9;--ink:#1d2a38;--muted:#425062;--line:#404b5c33;--gold:#a87326;--area-0:#245c9a;--area-1:#70469c;--area-2:#1d725a;--area-3:#8d5c17;--soft-0:#5891ce38;--soft-1:#9668ca38;--soft-2:#439c7533;--soft-3:#bb8c3d38;--texture:url(../media/atmosphere-light.d1a679ea.webp)}@supports (background-image:image-set(url("x.avif") type("image/avif"))){.home-hub{--texture:image-set(url(../media/atmosphere-dark.a69b3fb9.avif) type("image/avif"),url(../media/atmosphere-dark.a5344eca.webp) type("image/webp"))}.light .home-hub{--texture:image-set(url(../media/atmosphere-light.e77a34e2.avif) type("image/avif"),url(../media/atmosphere-light.d1a679ea.webp) type("image/webp"))}}::view-transition-old(root){animation-duration:.42s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.42s;animation-timing-function:ease}.skip-link{z-index:30;background:var(--ink);color:var(--bg);border-radius:8px;padding:12px 16px;position:fixed;top:16px;left:16px;transform:translateY(-180px)}.skip-link:focus{transform:none}.utilities{z-index:10;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb,var(--bg)82%,transparent);-webkit-backdrop-filter:blur(14px);animation:fade-in var(--slow)var(--ease).6s both;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed}.utilities button{width:44px;height:44px;color:var(--muted);transition:background-color var(--quick),color var(--quick),transform var(--quick)var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.utilities button:hover:not(:disabled){background:color-mix(in srgb,var(--ink)9%,transparent);color:var(--ink)}.utilities button:active:not(:disabled){transform:scale(.9)}.utilities button:disabled{opacity:.45}.utilities .icon{transition:opacity var(--base)var(--ease),rotate var(--base)var(--ease),scale var(--base)var(--ease);grid-area:1/1}.theme-moon,.light .theme-sun,.motion-play,.still .motion-pause{opacity:0;rotate:-90deg;scale:.4}.light .theme-moon,.still .motion-play{opacity:1;rotate:none;scale:1}@media (hover:hover){.utilities button:after{content:attr(data-tip);background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--quick),translate var(--quick)var(--ease);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:500;line-height:1.2;position:absolute;bottom:calc(100% + 12px);right:0;translate:0 4px}.utilities button:hover:after,.utilities button:focus-visible:after{opacity:1;translate:0}}.quadrants{grid-template-rows:repeat(2,minmax(331px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));min-height:100svh;display:grid;position:relative}.axis{z-index:4;pointer-events:none;--lit:color-mix(in srgb,var(--gold)70%,transparent);position:absolute}.axis-x{background:linear-gradient(90deg,transparent,var(--line)14%,var(--line)34%,var(--lit)50%,var(--line)66%,var(--line)86%,transparent);height:1px;animation:draw-x 1.4s var(--ease).1s both;margin-top:-.5px;inset:50% 0 auto}.axis-y{background:linear-gradient(180deg,transparent,var(--line)10%,var(--line)30%,var(--lit)50%,var(--line)70%,var(--line)90%,transparent);width:1px;animation:draw-y 1.4s var(--ease).1s both;margin-left:-.5px;inset:0 auto 0 50%}.signature{z-index:5;white-space:nowrap;isolation:isolate;animation:fade-in .9s var(--ease).3s both;align-items:center;gap:18px;padding:12px 22px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.signature:before{content:"";z-index:-1;background:radial-gradient(closest-side,var(--bg)62%,color-mix(in srgb,var(--bg)70%,transparent)80%,transparent);position:absolute;inset:-26px -40px}.signature h1{letter-spacing:.005em;font-size:clamp(32px,3vw,54px);line-height:1}.crossing-star{width:11px;height:11px;fill:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold)60%,transparent));flex-shrink:0}.destination{isolation:isolate;padding:clamp(32px,calc(25svh - 140px),170px)var(--gutter)40px;background:var(--bg);align-items:flex-start;display:flex;position:relative;overflow:hidden}.destination:focus-visible{z-index:3;outline:none}.quadrant-copy{z-index:2;width:56%;max-width:440px;transition:transform var(--slow)var(--ease);position:relative}.quadrant-copy>*{animation:rise-in .8s var(--ease)both;animation-delay:calc(.24s + var(--i)*90ms)}.destination:hover .quadrant-copy,.destination:focus-visible .quadrant-copy{transform:translateY(-3px)}.destination:active .quadrant-copy{transition-duration:var(--quick);transform:translateY(-1px)scale(.99)}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:clamp(12px,2.2svh,22px);font-size:12px;font-weight:500;line-height:1.3;display:flex}.kicker-index{font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:flex}.kicker-index:after{content:"";opacity:.5;background:currentColor;width:20px;height:1px}.destination h2{max-width:7.4em;font-size:var(--title);letter-spacing:-.022em;text-wrap:balance;text-shadow:0 2px 22px var(--bg);line-height:1.02}.compound{white-space:nowrap}.summary{max-width:23em;color:var(--muted);text-wrap:pretty;margin-top:clamp(12px,2svh,20px);font-size:15px;line-height:1.7}.destination-action{min-height:40px;color:var(--accent);align-items:center;gap:14px;margin-top:clamp(14px,2.6svh,28px);font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.action-label{transition:background-size var(--base)var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.action-icon{border:1px solid color-mix(in srgb,var(--accent)42%,transparent);background:color-mix(in srgb,var(--accent)9%,transparent);width:40px;height:40px;transition:background-color var(--base)var(--ease),border-color var(--base)var(--ease),color var(--base)var(--ease),transform var(--quick)var(--ease);border-radius:50%;place-items:center;display:grid}.action-icon svg{transition:transform var(--base)var(--ease)}.destination:hover .action-label,.destination:focus-visible .action-label{background-size:100% 1px}.destination:focus-visible .action-icon{outline:2px solid var(--accent);outline-offset:4px}.destination:hover .action-icon,.destination:focus-visible .action-icon{border-color:var(--accent);background:var(--accent);color:var(--bg)}.destination:hover .action-icon svg,.destination:focus-visible .action-icon svg{transform:translate(2px,-2px)}.destination:active .action-icon{transform:scale(.9)}.quadrant-art{pointer-events:none;transition:transform .8s var(--ease);position:absolute;inset:0 0 0 51%}.destination:hover .quadrant-art,.destination:focus-visible .quadrant-art{transform:translateY(-4px)}.aura{background:radial-gradient(closest-side,var(--soft),transparent);opacity:.7;transition:opacity var(--slow)var(--ease),scale var(--slow)var(--ease);border-radius:50%;position:absolute;inset:14%}.destination:hover .aura,.destination:focus-visible .aura{opacity:1;scale:1.08}.scene{opacity:0;transition:opacity .9s var(--ease),scale 1.2s var(--ease);transition-delay:calc(var(--i)*90ms);position:absolute;inset:0;scale:.97}.scene[data-scene-ready=true]{opacity:1;scale:1}.scene canvas{width:100%;height:100%;display:block}.world-backdrop{pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.world-texture{background-image:var(--texture);opacity:.9;transition:opacity var(--slow)var(--ease);background-size:200% 200%;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);transition:opacity .5s,stroke-width .5s}.destination:hover .flow-line,.destination:focus-visible .flow-line{opacity:.95;stroke-width:1.5px}.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{transition:opacity var(--slow)var(--ease);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}.destination:hover .world-texture,.destination:focus-visible .world-texture{opacity:1}.destination:hover .world-vignette,.destination:focus-visible .world-vignette{opacity:.9}@keyframes draw-x{0%{transform:scaleX(0)}}@keyframes draw-y{0%{transform:scaleY(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;translate:0 12px}}@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}}@media (min-width:1280px){.summary{font-size:16px}}@media (min-width:1500px){.quadrant-art{left:45%}}@media (min-width:701px) and (max-height:740px){.destination{padding-block:22px 20px}.destination:nth-of-type(n+3){padding-top:42px}}@media (max-width:1100px) and (min-width:701px){.destination{padding-inline:28px}.quadrant-copy{width:66%}.home-hub{--title:36px}.signature h1{font-size:30px}.quadrant-art{inset:18% 0 8% 64%}.world-vignette,.light .world-vignette{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg)80%,transparent)40%,transparent 90%)}}@media (max-width:700px){.quadrants{flex-direction:column;min-height:0;display:flex}.axis{display:none}.signature{min-height:76px;padding:16px 124px 16px var(--gutter);border-bottom:1px solid var(--line);gap:12px;position:relative;top:auto;left:auto;translate:none}.signature:before,.signature .crossing-star:last-child{display:none}.signature h1{font-size:30px}.crossing-star{width:10px;height:10px}.utilities{position:absolute;top:14px;bottom:auto;right:12px}.utilities button:after{top:calc(100% + 12px);bottom:auto}.destination{padding:26px var(--gutter)24px;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker kicker""title art""summary summary""action action";align-items:start;column-gap:10px;display:grid}.quadrant-copy{display:contents}.kicker{grid-area:kicker;margin:2px 0 4px}.destination h2{grid-area:title;align-self:center;font-size:34px;line-height:1.04}.summary{grid-area:summary;max-width:none;margin-top:14px}.destination-action{grid-area:action;justify-self:start;margin-top:14px}.quadrant-art{grid-area:art;width:124px;height:124px;margin:-6px -10px -6px 0;position:relative;inset:auto}.scene{transition-delay:0s}.world-vignette,.light .world-vignette{background:linear-gradient(0deg,color-mix(in srgb,var(--bg)90%,transparent),color-mix(in srgb,var(--bg)84%,transparent)45%,transparent 100%)}.world-texture,.light .world-texture{opacity:.85}.world-lines{opacity:.65}}@media (max-width:360px){.destination h2{font-size:29px}.kicker{letter-spacing:.12em}.quadrant-art{width:100px;height:100px}}.still .world-light,.still .flow-line,.still .constellation-star,.still .hex-breathe,.still .orbital-field,.still .rise-field,.destination[data-running=false] .world-light,.destination[data-running=false] .flow-line,.destination[data-running=false] .constellation-star,.destination[data-running=false] .hex-breathe,.destination[data-running=false] .orbital-field,.destination[data-running=false] .rise-field{animation-play-state:paused}.still .destination:hover .quadrant-art,.still .destination:focus-visible .quadrant-art{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-play-state:paused!important}.axis,.signature,.utilities,.quadrant-copy>*{animation:none!important}.destination:hover .quadrant-art,.destination:hover .quadrant-copy,.destination:focus-visible .quadrant-art,.destination:focus-visible .quadrant-copy{transform:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}