:root{--void: oklch(.11 .018 250);--void-deep: oklch(.07 .02 250);--fog: oklch(.22 .03 220 / .45);--ink: oklch(.96 .008 95);--ink-mute: oklch(.72 .015 240);--ink-faint: oklch(.55 .02 240);--line: oklch(1 0 0 / .08);--line-strong: oklch(1 0 0 / .14);--accent: oklch(.78 .06 195);--ease: cubic-bezier(.2, 0, 0, 1);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100%;font-family:var(--font-body);font-synthesis:none;font-size:1rem;line-height:1.55;color:var(--ink);background:var(--void-deep)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:#8ac4c359;color:var(--ink)}.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,oklch(.28 .04 220 / .35),transparent 55%),radial-gradient(70% 50% at 80% 90%,oklch(.22 .035 195 / .28),transparent 60%),radial-gradient(60% 40% at 15% 70%,oklch(.2 .03 260 / .2),transparent 55%),linear-gradient(180deg,var(--void-deep),var(--void))}.sky__nebula{position:absolute;inset:-8%;background:url(/brand/cosmic-void.webp) center / cover no-repeat;opacity:.28;filter:saturate(.55) contrast(1.05);animation:drift 48s var(--ease) infinite alternate;will-change:transform}.sky__stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 22%,oklch(1 0 0 / .55),transparent),radial-gradient(1px 1px at 28% 68%,oklch(1 0 0 / .35),transparent),radial-gradient(1.5px 1.5px at 48% 18%,oklch(1 0 0 / .45),transparent),radial-gradient(1px 1px at 63% 42%,oklch(1 0 0 / .3),transparent),radial-gradient(1px 1px at 78% 14%,oklch(1 0 0 / .5),transparent),radial-gradient(1px 1px at 88% 58%,oklch(1 0 0 / .28),transparent),radial-gradient(1.5px 1.5px at 18% 48%,oklch(1 0 0 / .4),transparent),radial-gradient(1px 1px at 42% 82%,oklch(1 0 0 / .32),transparent),radial-gradient(1px 1px at 71% 76%,oklch(1 0 0 / .42),transparent),radial-gradient(1px 1px at 93% 34%,oklch(1 0 0 / .25),transparent);animation:twinkle 7s ease-in-out infinite alternate}.sky__vignette{position:absolute;inset:0;background:radial-gradient(closest-side at 50% 42%,transparent 30%,oklch(.07 .02 250 / .55) 100%),linear-gradient(180deg,oklch(.07 .02 250 / .35),transparent 18%,transparent 78%,oklch(.07 .02 250 / .7))}@keyframes drift{0%{transform:scale(1.04) translate3d(-1.2%,.6%,0)}to{transform:scale(1.08) translate3d(1.4%,-.8%,0)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.shell{position:relative;z-index:1;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:1.25rem clamp(1.25rem,4vw,2.5rem) 1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;animation:rise .7s var(--ease) both}.wordmark{font-family:var(--font-display);font-weight:600;font-size:.88rem;letter-spacing:.28em;line-height:1;text-indent:.28em;color:var(--ink)}.topbar__links{display:flex;gap:1.25rem}.topbar__links a{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);transition:color .25s var(--ease)}.topbar__links a:hover{color:var(--ink)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(1.75rem,4vh,2.75rem);padding:2rem 0 3rem}.brand{display:flex;flex-direction:column;align-items:center;gap:1.35rem;animation:rise .8s var(--ease) .08s both}.brand__mark{width:clamp(5.5rem,14vw,7.5rem);height:auto;outline:1px solid oklch(1 0 0 / .08);outline-offset:10px}.brand__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.9rem,8.5vw,4.75rem);letter-spacing:.2em;line-height:.95;text-indent:.2em;font-optical-sizing:auto;text-wrap:balance}.manifesto{margin:0;max-width:30rem;font-family:var(--font-body);font-style:normal;font-weight:300;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55;letter-spacing:.01em;color:var(--ink-mute);text-wrap:balance;animation:rise .8s var(--ease) .16s both}.constellation{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:40rem;padding-top:.5rem;animation:rise .85s var(--ease) .28s both}.constellation__title{margin:0;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.constellation__grid{display:grid;grid-template-columns:repeat(3,minmax(0,9.5rem));gap:clamp(1rem,3vw,2rem);justify-content:center;width:100%}.orbit{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:.85rem .5rem 1rem;border-radius:1.15rem;transition:transform .3s var(--ease),background-color .3s var(--ease)}.orbit:hover,.orbit:focus-visible{transform:translateY(-3px);background:#ffffff08}.orbit:focus-visible{outline:1px solid var(--line-strong);outline-offset:2px}.orbit__icon{width:4.25rem;height:4.25rem;border-radius:1rem;overflow:hidden;background:#070e16;box-shadow:0 0 0 1px #ffffff14,0 18px 40px #00000059;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.orbit:hover .orbit__icon,.orbit:focus-visible .orbit__icon{transform:scale(.96);box-shadow:0 0 0 1px #ffffff24,0 10px 28px #0006}.orbit__icon img{width:100%;height:100%;object-fit:cover}.orbit__label{font-family:var(--font-body);font-size:.92rem;font-weight:600;letter-spacing:-.01em}.orbit__meta{margin:-.35rem 0 0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.orbit--soon{cursor:default;opacity:.72}.orbit--soon:hover{transform:none;background:transparent}.orbit--soon .orbit__icon{display:grid;place-items:center;background:#040a11cc;box-shadow:0 0 0 1px dashed #ffffff2e}.orbit--soon:hover .orbit__icon{transform:none;box-shadow:0 0 0 1px dashed #ffffff2e}.dots{display:flex;gap:.35rem}.dots span{width:.35rem;height:.35rem;border-radius:999px;background:#ffffff73}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line);animation:rise .8s var(--ease) .4s both}.social{display:flex;align-items:center;gap:.35rem}.social a{display:grid;place-items:center;width:2.5rem;height:2.5rem;color:var(--ink-faint);border-radius:999px;transition:color .25s var(--ease),background-color .25s var(--ease)}.social a:hover,.social a:focus-visible{color:var(--ink);background:#ffffff0d}.social svg{width:1.05rem;height:1.05rem;fill:currentColor}.legal{margin:0;font-size:.75rem;letter-spacing:.04em;color:var(--ink-faint)}@media(max-width:640px){.topbar__links{display:none}.constellation__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.orbit{padding:.5rem .15rem .75rem}.orbit__icon{width:3.5rem;height:3.5rem;border-radius:.85rem}.orbit__label{font-size:.8rem}.orbit__meta{font-size:.62rem}.foot{flex-direction:column-reverse;align-items:center;text-align:center}}@media(prefers-reduced-motion:reduce){.sky__nebula,.sky__stars,.brand,.manifesto,.constellation,.foot,.topbar,.orbit,.orbit__icon{animation:none!important;transition:none!important}}