:root{color-scheme:dark;--kenos: #050508;--nucleus: #f8f8ff;--text: #e8e8f0;--muted: #7a7a8a;--gold: #d4aa5c;--indigo: #5b3bf5;--magenta: #c2185b;--teal: #00bcd4;--font-display: "EB Garamond", "Cormorant Garamond", "Times New Roman", serif;--font-body: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--tracking-hero: .17em;--tracking-eyebrow: .5em;--tracking-caption: .35em;--tracking-body: .04em;--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .3s;--duration-base: .5s;--duration-slow: .9s;--section-pad-y: clamp(120px, 18vh, 220px);--section-pad-x: clamp(24px, 6vw, 96px);--hero-size: 110px;--pulse: 3s;--color-selection-bg: rgba(91, 59, 245, .35);--color-selection-fg: var(--nucleus)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;background:var(--kenos);color:var(--text);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img,svg,canvas{display:block;max-width:100%}::selection{background:var(--color-selection-bg);color:var(--color-selection-fg)}:root{--brand-max: 1440px}.brand-home{position:relative;min-height:100vh;--brand-hero-soft-bloom-shadow: 0 0 3px rgba(255, 255, 255, 1), 0 0 10px rgba(248, 248, 255, .85), 0 0 22px rgb(40, 36, 55), 0 0 44px rgb(0, 0, 0), 0 0 88px rgb(0, 0, 0), 0 0 160px rgb(0, 0, 0), 0 0 280px rgba(0, 0, 0, .92);--brand-hero-soft-bloom-filter: drop-shadow(0 0 10px rgb(255, 255, 255)) drop-shadow(0 0 36px rgb(0, 0, 0)) drop-shadow(0 0 90px rgb(0, 0, 0)) drop-shadow(0 0 180px rgba(0, 0, 0, .96));--brand-hero-black-bloom-shadow: 0 0 2px rgba(0, 0, 0, .72), 0 0 5px rgba(0, 0, 0, .58), 0 0 11px rgba(0, 0, 0, .48), 0 0 22px rgba(0, 0, 0, .38), 0 0 34px rgba(0, 0, 0, .28), 0 0 52px rgba(0, 0, 0, .18);--brand-hero-black-bloom-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .62)) drop-shadow(0 0 11px rgba(0, 0, 0, .48)) drop-shadow(0 0 24px rgba(0, 0, 0, .32)) drop-shadow(0 0 42px rgba(0, 0, 0, .2));--brand-hero-detail-bloom-shadow: 0 0 2px rgba(0, 0, 0, .58), 0 0 5px rgba(0, 0, 0, .46), 0 0 11px rgba(0, 0, 0, .38), 0 0 22px rgba(0, 0, 0, .3), 0 0 34px rgba(0, 0, 0, .22), 0 0 52px rgba(0, 0, 0, .14);--brand-hero-detail-bloom-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .5)) drop-shadow(0 0 11px rgba(0, 0, 0, .38)) drop-shadow(0 0 24px rgba(0, 0, 0, .26)) drop-shadow(0 0 42px rgba(0, 0, 0, .16))}.brand-home .brand-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--kenos);transition:opacity .9s var(--ease-out),visibility .9s var(--ease-out)}.brand-home .brand-gate .mark{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(28px,6vw,56px);font-variation-settings:"opsz" 144,"wght" 400;letter-spacing:var(--tracking-hero);opacity:0;animation:brandGateIn 1.4s var(--ease-out) forwards}.brand-home .brand-gate.hide{visibility:hidden;opacity:0}@keyframes brandGateIn{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}60%{opacity:1}to{opacity:1;letter-spacing:var(--tracking-hero);filter:blur(0)}}.brand-home .brand-rail{position:fixed;top:22%;left:clamp(20px,2vw,32px);z-index:10;display:flex;gap:14px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;transform:rotate(90deg) translateY(-50%);transform-origin:left top}.brand-home .brand-rail:after{display:block;width:36px;height:1px;content:"";background:linear-gradient(to right,var(--muted),transparent)}.brand-home .brand-topmark{position:fixed;top:clamp(18px,2.4vw,28px);left:50%;z-index:10;display:flex;gap:18px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.5em;text-transform:uppercase;transform:translate(-50%)}.brand-home .brand-topmark .dot{width:4px;height:4px;background:var(--nucleus);border-radius:50%;box-shadow:0 0 8px var(--nucleus);animation:brandBlink 2.6s infinite}@keyframes brandBlink{0%,to{opacity:.3}50%{opacity:1}}.brand-home .brand-hero{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:120px 24px clamp(32px,5vh,48px);overflow:hidden;isolation:isolate}.brand-home .brand-hero:before{position:absolute;inset:0;z-index:-5;content:"";background:url(/bg-hero-1.jpg) center / cover no-repeat;filter:blur(4px)}.brand-home .brand-hero:after{position:absolute;inset:0;z-index:-4;content:"";background:#05050540}.brand-home .brand-hero-inner{z-index:2;display:flex;flex:1;flex-direction:column;align-self:center;align-items:center;justify-content:center;width:min(100%,1120px);min-height:0;text-align:center}.brand-home .brand-eyebrow{display:inline-flex;gap:12px;align-items:center;margin-bottom:22px;color:#f8f8ff;font-family:var(--font-mono);font-size:min(1.75vw,9px);letter-spacing:.45em;text-transform:uppercase;white-space:nowrap;-webkit-font-smoothing:antialiased;opacity:0;animation:brandFadeIn 1.2s var(--ease-out) .6s forwards;text-shadow:var(--brand-hero-black-bloom-shadow);filter:var(--brand-hero-black-bloom-filter)}.brand-home .brand-eyebrow:before,.brand-home .brand-eyebrow:after{display:block;width:32px;height:1px;content:"";box-shadow:0 0 14px #0505088c;background:linear-gradient(to right,transparent,rgba(248,248,255,.42),transparent)}.brand-home .brand-wordmark{position:relative;width:fit-content;margin:0 auto;font-family:var(--font-display);font-size:min(8vw,var(--hero-size));font-weight:300;line-height:.96;letter-spacing:var(--tracking-hero);text-shadow:none;filter:none;box-shadow:none;white-space:nowrap}.brand-home .brand-wordmark:before{content:attr(aria-label);position:absolute;left:50%;top:0;font:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;white-space:nowrap;pointer-events:none;transform:translate(-50%);background:linear-gradient(135deg,#fff,#5e5e5e,#fff);background-size:200% 100%;background-position:200% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:brandWordmarkShimmer 5s linear infinite}.brand-home .brand-wordmark .char{position:relative;z-index:1;display:inline-block;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:none;box-shadow:none;opacity:0;animation:brandCharIn 1.4s var(--ease-out) forwards;transform:translateY(12px)}@keyframes brandCharIn{to{opacity:1;transform:translateY(0)}}@keyframes brandWordmarkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes brandFadeIn{to{opacity:1}}@keyframes brandScrollSealBloomShimmer{0%,to{text-shadow:0 0 3px rgba(255,255,255,.72),0 0 9px rgba(248,248,255,.58),0 0 22px rgb(40,36,55),0 0 44px rgb(0,0,0),0 0 88px rgb(0,0,0),0 0 160px rgb(0,0,0),0 0 280px rgba(0,0,0,.92);filter:drop-shadow(0 0 8px rgba(255,255,255,.58)) drop-shadow(0 0 36px rgb(0,0,0)) drop-shadow(0 0 90px rgb(0,0,0)) drop-shadow(0 0 180px rgba(0,0,0,.96))}42%{text-shadow:0 0 4px rgba(255,255,255,.88),0 0 14px rgba(248,248,255,.82),0 0 26px rgba(248,248,255,.2),0 0 44px rgb(0,0,0),0 0 88px rgb(0,0,0),0 0 160px rgb(0,0,0),0 0 280px rgba(0,0,0,.92);filter:drop-shadow(0 0 13px rgba(255,255,255,.86)) drop-shadow(0 0 36px rgb(0,0,0)) drop-shadow(0 0 90px rgb(0,0,0)) drop-shadow(0 0 180px rgba(0,0,0,.96))}50%{text-shadow:0 0 5px rgba(255,255,255,1),0 0 18px rgba(248,248,255,.98),0 0 32px rgba(255,255,255,.28),0 0 44px rgb(0,0,0),0 0 88px rgb(0,0,0),0 0 160px rgb(0,0,0),0 0 280px rgba(0,0,0,.92);filter:drop-shadow(0 0 16px rgba(255,255,255,1)) drop-shadow(0 0 36px rgb(0,0,0)) drop-shadow(0 0 90px rgb(0,0,0)) drop-shadow(0 0 180px rgba(0,0,0,.96))}58%{text-shadow:0 0 4px rgba(255,255,255,.86),0 0 12px rgba(248,248,255,.74),0 0 24px rgba(248,248,255,.16),0 0 44px rgb(0,0,0),0 0 88px rgb(0,0,0),0 0 160px rgb(0,0,0),0 0 280px rgba(0,0,0,.92);filter:drop-shadow(0 0 11px rgba(255,255,255,.78)) drop-shadow(0 0 36px rgb(0,0,0)) drop-shadow(0 0 90px rgb(0,0,0)) drop-shadow(0 0 180px rgba(0,0,0,.96))}}.brand-home .brand-hero-copy{max-width:860px;margin:28px auto 0;opacity:0;animation:brandFadeIn 1.2s var(--ease-out) 1.4s forwards}.brand-home .brand-hero-copy .brand-lede{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(22px,2.4vw,34px);font-weight:300;line-height:1.18;text-shadow:none;filter:none;-webkit-font-smoothing:antialiased}.brand-home .brand-hero-copy .brand-detail{max-width:640px;margin:20px auto 0;color:#fefeff;font-size:clamp(14px,1.1vw,16px);line-height:1.85;-webkit-font-smoothing:antialiased;text-shadow:var(--brand-hero-detail-bloom-shadow);filter:var(--brand-hero-detail-bloom-filter)}.brand-home .brand-scroll-seal{z-index:2;display:flex;flex-shrink:0;flex-direction:column;gap:10px;align-items:center;align-self:center;margin-top:auto;margin-bottom:clamp(16px,3.5vh,40px);color:#f8f8ff9e;font-family:var(--font-mono);font-size:9px;letter-spacing:.45em;text-transform:uppercase;text-shadow:none;filter:none;opacity:0;animation:brandFadeIn 1.2s var(--ease-out) 2.1s forwards;transition:color .4s var(--ease-out)}.brand-home .brand-scroll-seal:hover{color:#f8f8ffeb}.brand-home .brand-scroll-seal>span:not(.line){display:inline-block;text-shadow:var(--brand-hero-soft-bloom-shadow);filter:var(--brand-hero-soft-bloom-filter);animation:brandScrollSealBloomShimmer 4.5s ease-in-out infinite}.brand-home .brand-scroll-seal .line{width:1px;height:52px;background:linear-gradient(180deg,rgba(232,232,240,.3),transparent)}.brand-home .brand-section{position:relative;padding:clamp(96px,12vh,160px) clamp(24px,6vw,96px)}.brand-home .brand-section-inner{width:min(100%,var(--brand-max));margin:0 auto}.brand-home .brand-section-label{display:flex;gap:14px;align-items:center;margin-bottom:30px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;text-transform:uppercase}.brand-home .brand-section-label .idx{color:var(--gold)}.brand-home .brand-section-label:after{display:block;flex:1;height:1px;content:"";background:linear-gradient(to right,rgba(232,232,240,.1),transparent)}.brand-home .brand-manifesto-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:80px;align-items:start}.brand-home .brand-manifesto-text h2,.brand-home .brand-gateways h2{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(34px,5vw,72px);font-weight:300;line-height:1.04;letter-spacing:.04em}.brand-home .brand-manifesto-text p,.brand-home .brand-gateways-intro{max-width:720px;margin-top:22px;color:#e8e8f0b3;font-size:clamp(15px,1.1vw,17px);line-height:1.9}.brand-home .brand-principles{display:grid;gap:0;margin-top:48px}.brand-home .brand-principle{padding:28px 0;border-top:1px solid rgba(232,232,240,.08)}.brand-home .brand-principle:last-child{border-bottom:1px solid rgba(232,232,240,.08)}.brand-home .brand-principle .meta{color:var(--gold);font-family:var(--font-mono);font-size:9px;letter-spacing:.35em;text-transform:uppercase}.brand-home .brand-principle p{margin-top:12px;color:#e8e8f0b8;font-size:clamp(14px,1vw,16px);line-height:1.85}.brand-home .brand-diagram-shell{position:sticky;top:92px;padding:0}.brand-home .brand-diagram-meta{margin-bottom:18px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.brand-home .brand-diagram-caption{margin-top:20px;color:#e8e8f075;font-size:13px;line-height:1.8}.brand-home .brand-diagram-shell svg text{font-family:var(--font-display),serif}@keyframes brand-ontology-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.088)}}.brand-home .brand-diagram-shell svg circle.brand-ontology-node{transform-box:fill-box;transform-origin:center;animation-name:brand-ontology-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.brand-home .brand-diagram-shell svg circle.brand-ontology-node--identity{animation-duration:2.9s;animation-delay:-.7s}.brand-home .brand-diagram-shell svg circle.brand-ontology-node--expression{animation-duration:1.9s;animation-delay:-.5s}.brand-home .brand-diagram-shell svg circle.brand-ontology-node--medium{animation-duration:1.3s;animation-delay:-.3s}.brand-home .brand-diagram-shell svg circle.brand-ontology-node--work{animation-duration:.7s;animation-delay:-.2s}.brand-home .brand-gateways{background:radial-gradient(circle at 10% 20%,rgba(91,59,245,.07),transparent 32%),radial-gradient(circle at 88% 70%,rgba(194,24,91,.05),transparent 26%),linear-gradient(180deg,#07070b,#050508)}.brand-home .brand-gateways-head{max-width:820px}.brand-home .brand-gateways-list{margin-top:56px}.brand-home .brand-gateway-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:24px;padding:36px 0;border-top:1px solid rgba(232,232,240,.08);text-decoration:none;transition:opacity .4s var(--ease-out)}.brand-home .brand-gateway-row:last-child{border-bottom:1px solid rgba(232,232,240,.08)}.brand-home .brand-gateway-row.is-link{cursor:pointer}.brand-home .brand-gateway-row.is-link:hover .brand-gateway-name{color:var(--gold)}.brand-home .brand-gateway-row.is-link:hover .brand-gateway-arrow{transform:translate(4px,-4px);color:var(--gold)}.brand-home .brand-gateway-row.is-dormant{opacity:.38;cursor:default}.brand-home .brand-gateway-row-left{display:flex;flex-direction:column;gap:10px}.brand-home .brand-gateway-state{display:flex;gap:10px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.35em;text-transform:uppercase}.brand-home .brand-gateway-state .dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentcolor}.brand-home .brand-gateway-state.active .dot{background:var(--gold);box-shadow:0 0 8px var(--gold);color:var(--gold)}.brand-home .brand-gateway-name{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(32px,4vw,60px);font-weight:300;letter-spacing:.04em;line-height:1;transition:color .4s var(--ease-out)}.brand-home .brand-gateway-desc{max-width:56ch;color:#e8e8f099;font-size:14px;line-height:1.8}.brand-home .brand-gateway-arrow{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;transition:transform .4s var(--ease-out),color .4s var(--ease-out)}.brand-home .brand-pathnote{display:flex;flex-wrap:wrap;gap:18px;margin-top:40px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.brand-home .brand-closing{position:relative;display:grid;min-height:72vh;overflow:hidden;place-items:center;text-align:center}.brand-home .brand-closing:before{position:absolute;inset:-10%;z-index:-1;content:"";filter:blur(40px) saturate(90%);animation:brandLiminalDrift 24s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 50%,rgba(212,170,92,.18),transparent 38%),radial-gradient(ellipse at 20% 70%,rgba(91,59,245,.15),transparent 36%),radial-gradient(ellipse at 80% 30%,rgba(194,24,91,.125),transparent 32%),linear-gradient(180deg,var(--kenos),#16162a 44%,var(--kenos))}@keyframes brandLiminalDrift{0%{transform:translate(0) scale(1)}to{transform:translate(-1.5%,1%) scale(1.04)}}.brand-home .brand-closing h2{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(34px,5vw,72px);font-weight:300;line-height:1.05;letter-spacing:.04em}.brand-home .brand-closing>.brand-section-inner>p{max-width:720px;margin:20px auto 0;color:#e8e8f0b3;font-size:clamp(15px,1.1vw,17px);line-height:1.9}.brand-home .brand-closing-links{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:44px}.brand-home .brand-cta-link{display:inline-flex;align-items:center;gap:10px;color:#e8e8f099;font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase;transition:color .4s var(--ease-out)}.brand-home .brand-cta-link:after{content:"→";letter-spacing:0;transition:transform .4s var(--ease-out)}.brand-home .brand-cta-link:hover{color:var(--nucleus)}.brand-home .brand-cta-link:hover:after{transform:translate(4px,-4px)}.brand-home .brand-footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:48px clamp(24px,6vw,96px) 44px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;text-transform:uppercase;border-top:1px solid rgba(232,232,240,.05)}.brand-home .brand-footer .brand-brand{color:var(--text)}.brand-home .brand-footer nav{display:flex;flex-wrap:wrap;gap:28px}.brand-home .brand-footer a{transition:color .3s var(--ease-out)}.brand-home .brand-footer a:hover{color:var(--nucleus)}.brand-home .brand-reveal{opacity:0;transform:translateY(28px);transition:opacity 1.05s var(--ease-out),transform 1.05s var(--ease-out)}.brand-home .brand-reveal.in{opacity:1;transform:translateY(0)}@media(max-width:1100px){.brand-home .brand-manifesto-grid{grid-template-columns:1fr;gap:56px}.brand-home .brand-diagram-shell{position:relative;top:auto;max-width:480px}}@media(max-width:760px){.brand-home .brand-topmark{gap:12px;justify-content:center;width:calc(100% - 32px);font-size:9px;letter-spacing:.34em}.brand-home .brand-rail{display:none}.brand-home .brand-hero{padding-top:112px}.brand-home .brand-wordmark{font-size:min(10vw,var(--hero-size))}.brand-home .brand-gateway-row{grid-template-columns:1fr;gap:16px;padding:28px 0}.brand-home .brand-gateway-arrow{font-size:10px}.brand-home .brand-closing-links{flex-direction:column;align-items:center;gap:28px}}@media(prefers-reduced-motion:reduce){html:not(.force-animation) .brand-home .brand-gate .mark,html:not(.force-animation) .brand-home .brand-wordmark:before,html:not(.force-animation) .brand-home .brand-wordmark .char,html:not(.force-animation) .brand-home .brand-eyebrow,html:not(.force-animation) .brand-home .brand-hero-copy,html:not(.force-animation) .brand-home .brand-scroll-seal,html:not(.force-animation) .brand-home .brand-scroll-seal>span:not(.line),html:not(.force-animation) .brand-home .brand-closing:before{opacity:1!important;animation:none!important;transform:none!important}html:not(.force-animation) .brand-home .brand-reveal{opacity:1;transform:none}html:not(.force-animation) .brand-home .brand-wordmark:before{content:none}html:not(.force-animation) .brand-home .brand-wordmark .char{-webkit-text-fill-color:unset;color:var(--nucleus)}}.cosmo-landing{position:relative;min-height:100vh}#gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--kenos);transition:opacity .9s var(--ease-out),visibility .9s var(--ease-out)}#gate .mark{color:var(--nucleus);font-family:var(--font-display);font-size:clamp(28px,6vw,56px);font-variation-settings:"opsz" 144,"wght" 400;letter-spacing:var(--tracking-hero);opacity:0;animation:gateIn .85s var(--ease-out) forwards}#gate.hide{visibility:hidden;opacity:0}@keyframes gateIn{0%{opacity:0;letter-spacing:.6em;filter:blur(6px)}60%{opacity:1}to{opacity:1;letter-spacing:var(--tracking-hero);filter:blur(0)}}.rail{position:fixed;top:22%;left:clamp(20px,2vw,32px);z-index:10;display:flex;gap:14px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;transform:rotate(90deg) translateY(-50%);transform-origin:left top}.rail:after{display:block;width:36px;height:1px;content:"";background:linear-gradient(to right,var(--muted),transparent)}.topmark{position:fixed;top:clamp(18px,2.4vw,28px);left:50%;z-index:10;display:flex;gap:18px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.5em;text-transform:uppercase;transform:translate(-50%)}.topmark .dot{width:4px;height:4px;background:var(--nucleus);border-radius:50%;box-shadow:0 0 8px var(--nucleus);animation:blink 2.6s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.hero{position:relative;display:grid;min-height:100svh;overflow:hidden;isolation:isolate;place-items:center}.stars{position:absolute;inset:0;z-index:-3;background:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 78% 14%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1.2px 1.2px at 41% 71%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1px 1px at 88% 63%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1px 1px at 24% 86%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1px 1px at 62% 38%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 8% 54%,rgba(255,255,255,.28),transparent 60%),radial-gradient(1px 1px at 94% 84%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1px 1px at 53% 9%,rgba(255,255,255,.35),transparent 60%);opacity:.7;animation:driftStars 80s linear infinite}@keyframes driftStars{to{background-position:40px -40px,-30px 40px,30px 20px,-20px -30px,40px 10px,-40px 30px,20px -20px,-30px 10px,20px 30px}}.holos-wrap{position:absolute;inset:0;z-index:-2;display:grid;pointer-events:none;place-items:center}.holos{position:relative;width:min(92vmin,820px);aspect-ratio:1 / 1;border-radius:50%}.orb{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 30px rgba(212,170,92,.25)) drop-shadow(0 0 80px rgba(91,59,245,.18))}.holos:before{position:absolute;inset:-6%;content:"";background:radial-gradient(circle at center,#f8f8ff00 24%,#d4aa5c94 34%,#d4aa5c61 48%,#c2185b4d,#5b3bf552,#00bcd43d 84%,#05050800 94%);border-radius:50%;filter:blur(18px) saturate(118%)}.holos:after{position:absolute;top:50%;left:50%;width:22%;height:22%;content:"";background:radial-gradient(circle at 50% 50%,#fff 0% 30%,#f8f8ffd9 45%,#e8d5a333 70%,#f8f8ff00);border-radius:50%;box-shadow:0 0 40px #ffffffd9,0 0 140px #d4aa5cbf,0 0 240px #5b3bf540;filter:blur(.3px);transform:translate(-50%,-50%)}.liminal-ring{position:absolute;inset:-2%;background:conic-gradient(from 0deg,#0000,#000000e6 30deg,#0000 80deg,#000000b3 140deg,#0000 210deg,#000000d9 270deg,#0000 330deg 360deg);border-radius:50%;opacity:.6;mix-blend-mode:multiply;mask:radial-gradient(circle,transparent 46%,black 49%,black 54%,transparent 58%);-webkit-mask:radial-gradient(circle,transparent 46%,black 49%,black 54%,transparent 58%)}.grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .28 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.06;mix-blend-mode:overlay}#particles{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}.hero-content{z-index:2;padding:0 24px;text-align:center}.wordmark{position:relative;display:block;isolation:isolate;width:max-content;margin:0 auto;color:var(--nucleus);font-family:var(--font-display);font-size:clamp(40px,9vw,var(--hero-size));font-variation-settings:"wght" 400;font-weight:400;line-height:1;letter-spacing:var(--tracking-hero);text-shadow:0 1px 10px rgba(5,5,8,.75),0 0 18px rgba(5,5,8,.55),0 0 30px rgba(248,248,255,.15),0 0 80px rgba(91,59,245,.12);white-space:nowrap;-webkit-text-stroke:.7px rgba(5,5,8,.55)}.wordmark:before{position:absolute;inset:-.36em -.48em -.18em -.42em;z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at center,#0505088f,#05050847 42%,#05050800 72%);filter:blur(10px)}.wordmark .char{position:relative;display:inline-block;opacity:0;animation:charIn 1.4s var(--ease-out) forwards;transform:translateY(12px)}@keyframes charIn{to{opacity:1;transform:translateY(0)}}.tagline{display:block;margin:22px auto 0;opacity:0;animation:fadeIn 1.2s var(--ease-out) 1.6s forwards}.tagline span{display:inline-block;padding:10px 26px;color:var(--text);font-family:var(--font-mono);font-size:clamp(10px,1.1vw,12px);letter-spacing:.6em;text-transform:uppercase;background:radial-gradient(ellipse at center,#050508b8,#0505088c 55%,#05050800);border-radius:999px}@keyframes fadeIn{to{opacity:1}}.cta-wrap{display:inline-flex;flex-direction:column;gap:18px;align-items:center;margin-top:clamp(44px,7vh,72px);opacity:0;animation:fadeIn 1.2s var(--ease-out) 2.1s forwards}.cta{position:relative;display:inline-flex;gap:14px;align-items:center;padding:18px 34px;overflow:hidden;color:var(--nucleus);font-family:var(--font-mono);font-size:11px;letter-spacing:.35em;text-transform:uppercase;background:#f8f8ff05;border:1px solid rgba(232,232,240,.25);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .5s var(--ease-out),box-shadow .5s var(--ease-out),transform .4s var(--ease-out),background .4s var(--ease-out)}.cta:before{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 0%,transparent 40%,rgba(248,248,255,.35) 50%,transparent 60%,transparent 100%);transition:transform 1.1s var(--ease-out);transform:translate(-120%)}.cta:hover{background:#f8f8ff0a;border-color:#f8f8ffcc;box-shadow:0 0 40px #5b3bf540,inset 0 0 24px #e8d5a31f}.cta:hover:before{transform:translate(120%)}.cta .arrow{font-family:var(--font-body);font-size:14px;letter-spacing:0;transition:transform .4s var(--ease-out)}.cta:hover .arrow{transform:translate(4px)}.scroll-hint{position:absolute;right:0;bottom:28px;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.5em;pointer-events:none;text-align:center;text-transform:uppercase;opacity:0;animation:fadeIn 1.2s var(--ease-out) 2.8s forwards}.scroll-hint>span:first-child{padding-left:.5em}.scroll-hint .line{width:1px;height:40px;background:linear-gradient(to bottom,var(--muted),transparent);animation:dripDown 2.4s ease-in-out infinite}@keyframes dripDown{0%{opacity:.2;transform:scaleY(.2);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:.2;transform:scaleY(.2);transform-origin:bottom}}.canvas{position:relative;padding:clamp(120px,18vh,220px) clamp(24px,6vw,96px)}.section-label{display:flex;gap:14px;align-items:center;margin-bottom:clamp(60px,8vh,100px);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.5em;text-transform:uppercase}.section-label:before{width:60px;height:1px;content:"";background:linear-gradient(90deg,var(--muted),transparent)}.section-label .idx{color:var(--text)}.structure{max-width:1240px;margin:0 auto}.layers{display:grid;grid-template-columns:1fr;gap:clamp(100px,18vh,180px)}.layer{text-align:left;opacity:0;transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out);transform:translateY(40px)}.layer.in{opacity:1;transform:translateY(0)}.layer:nth-child(2){transition-delay:.15s}.layer:nth-child(3){transition-delay:.3s}.glyph{position:relative;display:grid;width:clamp(120px,18vw,180px);aspect-ratio:1 / 1;margin-bottom:40px;place-items:center}.glyph svg{width:100%;height:100%;overflow:visible}.layer h3{margin-bottom:14px;color:var(--nucleus);font-family:var(--font-display);font-size:clamp(30px,3.4vw,44px);font-variation-settings:"wght" 500;font-weight:500;letter-spacing:.02em}.layer .meta{margin-bottom:22px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.4em;text-transform:uppercase}.layer p{max-width:34ch;color:var(--text);font-family:var(--font-display);font-size:clamp(17px,1.3vw,20px);font-style:italic;font-variation-settings:"wght" 400;font-weight:400;line-height:1.55}.aeons-wrap{max-width:1440px;margin:0 auto}.aeons-path{position:relative;padding:80px 0 120px;margin-top:60px}.aeons-line{position:absolute;top:50%;right:4%;left:4%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,232,240,.15) 10%,rgba(232,232,240,.3) 50%,rgba(232,232,240,.15) 90%,transparent);transform:translateY(-.5px)}.aeons-line:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(91,59,245,.5),rgba(194,24,91,.4),rgba(0,188,212,.4),transparent);opacity:.5;filter:blur(6px)}.aeons{position:relative;display:flex;gap:8px;align-items:center;justify-content:space-between}.aeon{position:relative;display:flex;flex:1 1 0;flex-direction:column;gap:18px;align-items:center;min-width:0;cursor:pointer}.aeon .node{position:relative;width:14px;height:14px;background:var(--kenos);border:1px solid rgba(232,232,240,.35);border-radius:50%;transition:transform .5s var(--ease-out),border-color .5s var(--ease-out),box-shadow .6s var(--ease-out)}.aeon .node:after{position:absolute;inset:-14px;content:"";background:var(--aeon-color, rgba(248, 248, 255, .6));border-radius:50%;opacity:0;filter:blur(14px);transition:opacity .5s var(--ease-out)}.aeon:hover .node,.aeon.focus .node{border-color:var(--aeon-color, var(--nucleus));box-shadow:0 0 0 3px #f8f8ff0f,0 0 20px var(--aeon-color, var(--nucleus));transform:scale(1.3)}.aeon:hover .node:after,.aeon.focus .node:after{opacity:.9;animation:pulseRing 2.2s ease-in-out infinite}@keyframes pulseRing{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:.2;transform:scale(1.3)}}.aeon .glyph-sm{position:absolute;top:-56px;color:var(--text);font-family:var(--font-display);font-size:28px;font-variation-settings:"wght" 400;transition:color .4s var(--ease-out),transform .4s var(--ease-out)}.aeon:hover .glyph-sm,.aeon.focus .glyph-sm{color:var(--aeon-color, var(--nucleus));transform:translateY(-4px)}.aeon .label{position:absolute;top:50px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;transition:color .4s var(--ease-out)}.aeon .idx{position:absolute;top:74px;color:#e8e8f040;font-family:var(--font-mono);font-size:9px;letter-spacing:.25em}.aeon:hover .label,.aeon.focus .label{color:var(--text)}.aeon.apocat{--aeon-color: var(--nucleus)}.aeon.apocat:hover .node,.aeon.apocat.focus .node{animation:cycleHue 6s linear infinite}@keyframes cycleHue{0%{box-shadow:0 0 0 3px #f8f8ff0f,0 0 22px var(--gold)}33%{box-shadow:0 0 0 3px #f8f8ff0f,0 0 22px var(--indigo)}66%{box-shadow:0 0 0 3px #f8f8ff0f,0 0 22px var(--teal)}to{box-shadow:0 0 0 3px #f8f8ff0f,0 0 22px var(--magenta)}}.aeons-caption{display:flex;justify-content:space-between;padding:0 4%;margin-top:60px;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.4em;text-transform:uppercase}.signal{position:relative;display:grid;min-height:100vh;padding:clamp(120px,16vh,180px) clamp(24px,6vw,96px);overflow:hidden;place-items:center}.liminal-bg{position:absolute;inset:-10%;z-index:-1;background:radial-gradient(ellipse at 70% 30%,rgba(91,59,245,.22),transparent 60%),radial-gradient(ellipse at 20% 70%,rgba(194,24,91,.18),transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(0,188,212,.08),transparent 60%),linear-gradient(180deg,var(--kenos),#0a0a14 40%,var(--kenos));filter:blur(40px) saturate(70%);animation:liminalDrift 24s ease-in-out infinite alternate}.liminal-bg:after{position:absolute;inset:0;content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.08;mix-blend-mode:overlay}@keyframes liminalDrift{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,1%) scale(1.05)}}.signal-inner{max-width:880px;text-align:center}.signal-label{justify-content:center}.signal h2{margin-bottom:22px;color:var(--nucleus);font-family:var(--font-display);font-size:clamp(34px,5.4vw,72px);font-variation-settings:"wght" 400;font-weight:400;line-height:1.05;letter-spacing:.04em}.signal .sub{margin-bottom:56px;color:var(--text);font-family:var(--font-display);font-size:clamp(17px,1.4vw,22px);font-style:italic;font-variation-settings:"wght" 400;opacity:.8}.form{position:relative;display:flex;align-items:stretch;width:100%;max-width:560px;padding:4px;margin:0 auto;background:linear-gradient(135deg,#e8d5a366,#5b3bf566,#c2185b66,#00bcd466);background-size:300% 300%;border-radius:999px;animation:membrane 8s ease infinite}@keyframes membrane{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.form-inner{display:flex;width:100%;overflow:hidden;background:#050508e0;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form input{flex:1;padding:18px 24px;color:var(--text);font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;background:transparent;border:0;outline:0}.form input::placeholder{color:var(--muted);letter-spacing:.15em}.form button{padding:18px 28px;color:var(--nucleus);font-family:var(--font-mono);font-size:11px;letter-spacing:.35em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:transparent;border:0;border-radius:999px;transition:background .4s var(--ease-out),color .4s var(--ease-out)}.form button:hover{background:#f8f8ff0f}.form.ok{background:linear-gradient(135deg,#e8d5a3cc,#00bcd4cc)}.form input:disabled{opacity:1}.form-meta{display:flex;justify-content:space-between;max-width:560px;margin:22px auto 0;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;text-transform:uppercase}.ok-note{display:none;margin-top:28px;color:var(--gold);font-family:var(--font-mono);font-size:11px;letter-spacing:.35em;text-transform:uppercase}.form.ok~.ok-note{display:block;animation:fadeIn .7s var(--ease-out) forwards}.cosmo-footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:clamp(60px,10vh,120px) clamp(24px,6vw,96px) 48px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;text-transform:uppercase;border-top:1px solid rgba(232,232,240,.05)}.cosmo-footer .brand{color:var(--text)}.cosmo-footer nav{display:flex;gap:28px}.cosmo-footer a{transition:color .3s var(--ease-out)}.cosmo-footer a:hover{color:var(--nucleus)}@media(min-width:960px){.layers{grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,80px);align-items:start}}@media(max-width:959px){.layers{gap:clamp(72px,12vh,120px);justify-items:center}.layer{width:min(100%,560px);text-align:center}.glyph{width:clamp(190px,34vw,240px);margin-inline:auto;margin-bottom:32px}.layer p{margin-inline:auto}.aeons-path{padding:48px 0 96px;margin-top:48px}.aeons{flex-direction:column;gap:52px;align-items:stretch}.aeons-line{inset:0 auto 0 85px;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(232,232,240,.3),transparent);transform:none}.aeons-line:after{background:linear-gradient(180deg,transparent,rgba(91,59,245,.5),rgba(194,24,91,.4),rgba(0,188,212,.4),transparent)}.aeon{flex-direction:row;gap:34px;align-items:center;width:100%}.aeon .glyph-sm{position:static;width:44px;font-size:28px;text-align:center}.aeon .node,.aeon .label{position:static}.aeon .idx{position:static;margin-left:auto}.aeons-caption{display:none}}@media(max-width:760px){.rail{display:none}.topmark{width:calc(100% - 32px);justify-content:center;font-size:9px;letter-spacing:.34em}.wordmark{font-size:clamp(36px,10vw,64px);letter-spacing:.08em}.tagline span{letter-spacing:.28em}.cosmo-footer nav{flex-wrap:wrap}}@media(max-width:560px){.form{flex-direction:column;padding:3px;border-radius:24px}.form-inner{flex-direction:column;border-radius:22px}.form input{text-align:center}.form button{padding:16px;border-radius:22px}.form-meta{flex-direction:column;gap:8px;text-align:center}}@media(prefers-reduced-motion:reduce){html:not(.force-animation) #gate .mark,html:not(.force-animation) .wordmark .char,html:not(.force-animation) .tagline,html:not(.force-animation) .cta-wrap,html:not(.force-animation) .scroll-hint,html:not(.force-animation) .layer{opacity:1;transform:none}html:not(.force-animation) #gate .mark,html:not(.force-animation) .wordmark .char,html:not(.force-animation) .tagline,html:not(.force-animation) .cta-wrap,html:not(.force-animation) .scroll-hint,html:not(.force-animation) .stars,html:not(.force-animation) .liminal-bg,html:not(.force-animation) .form,html:not(.force-animation) .topmark .dot,html:not(.force-animation) .scroll-hint .line{animation:none!important}html:not(.force-animation) .cosmo-landing *,html:not(.force-animation) .cosmo-landing *:before,html:not(.force-animation) .cosmo-landing *:after{transition-duration:.01ms!important}}.music-branch{position:relative;min-height:100vh;padding:clamp(100px,14vh,160px) clamp(24px,6vw,96px) clamp(80px,12vh,120px);background:radial-gradient(ellipse at 70% 20%,rgba(212,170,92,.12),transparent 50%),radial-gradient(ellipse at 18% 80%,rgba(91,59,245,.08),transparent 45%),var(--kenos)}.music-branch-inner{width:min(720px,100%);margin:0 auto}.music-branch .eyebrow{margin-bottom:20px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.45em;text-transform:uppercase}.music-branch h1{margin-bottom:24px;color:var(--nucleus);font-family:var(--font-display);font-size:clamp(38px,5vw,56px);font-weight:300;line-height:1.06;letter-spacing:.04em}.music-branch .lede{margin-bottom:22px;color:#e8e8f0d9;font-family:var(--font-display);font-size:clamp(18px,2vw,24px);font-style:italic;font-weight:400;line-height:1.45}.music-branch .body{margin-bottom:18px;color:#e8e8f0c7;font-size:clamp(15px,1.2vw,17px);line-height:1.85}.music-branch .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.music-branch .nav-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;color:var(--text);font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;border:1px solid rgba(232,232,240,.14);border-radius:999px;transition:border-color .4s var(--ease-out),color .4s var(--ease-out),box-shadow .5s var(--ease-out)}.music-branch .nav-link:hover{border-color:#d4aa5c73;box-shadow:0 0 24px #d4aa5c1f;color:var(--nucleus)}.games-future{position:relative;min-height:100vh;padding:clamp(100px,14vh,160px) clamp(24px,6vw,96px) clamp(80px,12vh,120px);background:radial-gradient(ellipse at 30% 30%,rgba(194,24,91,.08),transparent 48%),radial-gradient(ellipse at 80% 75%,rgba(0,188,212,.06),transparent 50%),var(--kenos)}.games-future-inner{width:min(720px,100%);margin:0 auto}.games-future .eyebrow{margin-bottom:20px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.45em;text-transform:uppercase}.games-future h1{margin-bottom:24px;color:var(--nucleus);font-family:var(--font-display);font-size:clamp(38px,5vw,56px);font-weight:300;line-height:1.06;letter-spacing:.04em}.games-future .lede{margin-bottom:22px;color:#e8e8f0e0;font-family:var(--font-display);font-size:clamp(17px,1.9vw,22px);font-style:italic;font-weight:400;line-height:1.45}.games-future .body{margin-bottom:18px;color:#e8e8f0c2;font-size:clamp(15px,1.2vw,17px);line-height:1.85}.games-future .emphasis{margin-top:28px;padding:16px 20px;color:#e8e8f0c7;font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;line-height:1.7;text-transform:uppercase;border:1px solid rgba(232,232,240,.1);border-radius:16px;background:#f8f8ff05}.games-future .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.games-future .nav-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;color:var(--text);font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;border:1px solid rgba(232,232,240,.14);border-radius:999px;transition:border-color .4s var(--ease-out),color .4s var(--ease-out),box-shadow .5s var(--ease-out)}.games-future .nav-link:hover{border-color:#c2185b59;box-shadow:0 0 24px #c2185b1a;color:var(--nucleus)}