:root{--bg-0:#030309;--bg-1:#0a0a1c;--ink:#e9e7f5;--ink-dim:#e9e7f59e;--ink-faint:#e9e7f561;--line:#e9e7f524;--gold:#ffb36b;--gold-hi:#ffd9a8;--cyan:#59e0ff;--violet:#8b7bff;--font-display:"Michroma", "Trebuchet MS", sans-serif;--font-body:"Jost", "Segoe UI", sans-serif;--ease-epic:cubic-bezier(.22, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:300;overflow:hidden}#canvas-root{z-index:0;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:#8b7bff59}.site-title{z-index:30;text-align:center;pointer-events:auto;transition:top 1.1s var(--ease-epic), transform 1.1s var(--ease-epic), scale .45s var(--ease-epic), opacity .45s ease;position:fixed;left:50%}:is(body:has(.realm-half.physical:hover) .site-title.hero,body:has(.realm-half.digital:hover) .site-title.hero){opacity:.82;scale:.92}.title-stack{transition:font-size 1.1s var(--ease-epic);position:relative}.title-inner{transition:font-size 1.1s var(--ease-epic), scale .45s var(--ease-epic)}.site-title.hero .title-inner{font-size:clamp(.95rem,3.4vw,2.6rem)}.site-title.banner .title-inner{font-size:.85rem}.site-title h1{font-family:var(--font-display);letter-spacing:.12em;text-indent:.12em;color:#0000;transition:letter-spacing 1.1s var(--ease-epic);white-space:nowrap;font-size:1.8em;font-weight:400;line-height:1.15}.site-title.hero:hover .title-inner{scale:1.05}.site-title.intro .title-rule,.site-title.intro .subtitle{animation:.9s 1.1s both fade-in}.title-wire{pointer-events:none;width:100%;height:100%;animation:5.5s ease-in-out infinite wire-pulse;position:absolute;inset:0;overflow:visible}.title-wire text{font-family:var(--font-display);letter-spacing:.12em;text-anchor:middle;dominant-baseline:central;fill:none;font-size:1.8em}.wire-base{stroke:#d9edff;stroke-width:1.4px}.site-title.intro .wire-base tspan{stroke-dasharray:980;stroke-dashoffset:980px;animation:.55s ease-out both snake-draw}.wire-spark{stroke:#fff;stroke-width:2.2px;stroke-dasharray:42 1360;stroke-dashoffset:1402px;opacity:.9;animation:7s linear 1.6s infinite spark-run}@keyframes spark-run{to{stroke-dashoffset:0}}@keyframes snake-draw{to{stroke-dashoffset:0}}@keyframes wire-pulse{0%,to{filter:drop-shadow(0 0 5px #59e0ff8c)drop-shadow(0 0 22px #8b7bff59)}50%{filter:drop-shadow(0 0 9px #59e0ffd9)drop-shadow(0 0 34px #8b7bff8c)}}.site-title .title-rule{height:1px;transition:width 1.1s var(--ease-epic), margin 1.1s var(--ease-epic), opacity 1.1s var(--ease-epic);background:linear-gradient(90deg,#0000,#bef0ffd9,#0000);margin:.55em auto .5em;box-shadow:0 0 14px #59e0ff8c}.site-title .subtitle{font-family:var(--font-display);letter-spacing:.12em;text-indent:.12em;color:#0000;-webkit-text-stroke:1.1px #d3eeffd9;filter:drop-shadow(0 0 7px #59e0ff73);text-transform:uppercase;transition:font-size 1.1s var(--ease-epic), letter-spacing 1.1s var(--ease-epic), opacity 1.1s var(--ease-epic);white-space:nowrap;font-weight:400;line-height:1.15}.site-title.hero{top:34%;transform:translate(-50%,-50%)}.site-title .title-stack{font-size:1em}.site-title.hero .title-rule{width:96%}.site-title.hero .subtitle{font-size:1em}.site-title.banner{top:18px;transform:translate(-50%)}.site-title.banner h1{letter-spacing:.18em;text-indent:.18em;color:var(--ink);text-shadow:0 0 18px #8b7bff73}.site-title.banner .title-wire{display:none}.site-title.banner:hover .title-inner{scale:1.06}.site-title.banner .title-rule{width:120px;margin:.45em auto .35em}.site-title.banner .subtitle{letter-spacing:.18em;text-indent:.18em;color:var(--ink-dim);-webkit-text-stroke:0;filter:none;font-size:1em}.overlay{z-index:20;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.overlay>*{pointer-events:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-eclipse{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 50% 34%,#befff038 0%,#0000 22%),radial-gradient(circle,#020809e6 55%,#031a18e6 64%,#18a08a59 70.5%,#2ee6c8cc 73.6%,#cdfff4f2 75%,#2ee6c84d 78.5%,#2ee6c814 84%,#0000 92%);border-radius:50%;width:min(66vw,780px);animation:2.2s .4s both fade-in,8s ease-in-out 2.6s infinite eclipse-breathe;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #2ee6c838,0 0 220px 60px #18a08a1f}.hero-eclipse:after{content:"";filter:blur(1px);background:radial-gradient(circle at 50% 24.5%,#dcfff8d9 0%,#2ee6c859 4%,#0000 11%);border-radius:50%;position:absolute;inset:0}@keyframes eclipse-breathe{0%,to{box-shadow:0 0 70px #2ee6c838,0 0 220px 60px #18a08a1f}50%{box-shadow:0 0 100px #2ee6c861,0 0 280px 80px #18a08a2e}}.hero-tagline{text-align:center;width:min(560px,86vw);color:var(--ink-faint);letter-spacing:.14em;animation:rise-in 1.3s var(--ease-epic) 1.1s both;margin-inline:auto;font-size:clamp(.85rem,1.6vw,1rem);line-height:1.9;position:absolute;top:calc(34% + clamp(74px,13vw,130px));left:0;right:0}.realm-half{cursor:pointer;align-items:center;width:50%;animation:1.5s 1.25s both fade-in;display:flex;position:absolute;top:0;bottom:0}.realm-half.physical{text-align:left;background:linear-gradient(90deg,#c8661f21,#c8661f0a 42%,#0000 68%);justify-content:flex-start;padding-left:clamp(26px,6.5vw,110px);left:0}.realm-half.digital{text-align:right;background:linear-gradient(270deg,#4b5cd826,#4b5cd80d 42%,#0000 68%);justify-content:flex-end;padding-right:clamp(26px,6.5vw,110px);right:0}.planet-wrap{aspect-ratio:1;pointer-events:none;will-change:transform;width:min(96vh,760px);transition:transform .5s var(--ease-epic), scale .5s var(--ease-epic), opacity .4s ease;position:absolute;top:50%}.physical .planet-wrap{transform-origin:0;left:0;transform:translate(-74%,-50%)}.digital .planet-wrap{transform-origin:100%;right:0;transform:translate(74%,-50%)}.realm-half.physical:hover .planet-wrap{transform:translate(-63%,-50%)}.realm-half.digital:hover .planet-wrap{transform:translate(63%,-50%)}.planet-glow{opacity:.55;border-radius:50%;transition:opacity .4s;position:absolute;inset:-14%}.physical .planet-glow{background:radial-gradient(circle,#ff8a306b 45%,#c8661f29 62%,#0000 76%)}.digital .planet-glow{background:radial-gradient(circle,#59e0ff57 45%,#4b5cd829 62%,#0000 76%)}.realm-half:hover .planet-glow{opacity:1}.planet{border-radius:50%;position:absolute;inset:0;overflow:hidden}.physical .planet{background:radial-gradient(circle at 76%,#2e1809 0%,#1e1006 42%,#130a05 70%,#0a0503 100%)}.digital .planet{background:radial-gradient(circle at 24%,#1a2554 0%,#101638 42%,#0a0e26 70%,#060818 100%)}.planet-surface{opacity:.55;animation:80s linear infinite planet-turn;position:absolute;inset:-22%}.physical .planet-surface{background:radial-gradient(circle at 31% 36%,#ffb36b1a 0 5%,#0000 11%),radial-gradient(circle at 58% 68%,#ffa05014 0 8%,#0000 15%),radial-gradient(circle at 46% 22%,#5a280c4d 0 4%,#0000 9%),radial-gradient(circle at 68% 44%,#ffc88c0f 0 10%,#0000 18%),repeating-linear-gradient(97deg,#ffa0500d 0 22px,#46200c14 22px 46px,#ffbe7808 46px 60px,#22100712 60px 84px)}.digital .planet-surface{background:radial-gradient(circle at 62% 30%,#59e0ff17 0 6%,#0000 12%),radial-gradient(circle at 38% 64%,#8b7bff1a 0 8%,#0000 15%),radial-gradient(circle at 55%,#d8f4ff0d 0 12%,#0000 20%),repeating-linear-gradient(115deg,#59e0ff0d 0 1.5px,#0000 1.5px 26px),repeating-linear-gradient(28deg,#8b7bff0d 0 1.5px,#0000 1.5px 36px),repeating-linear-gradient(96deg,#3a46be14 0 26px,#0a0e2a1a 26px 54px);animation-duration:70s;animation-direction:reverse}@keyframes planet-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-rim{border-radius:50%;position:absolute;inset:0}.physical .planet-rim{background:radial-gradient(circle,#0000 82%,#7a3a1273 91%,#ff8a30b3 96.5%,#ffd9a8f2 98.6%,#ffecd226 100%),radial-gradient(circle at 76%,#0000 28%,#09040266 60%,#070302d9 95%);box-shadow:inset -34px 0 90px -12px #ffa05047}.digital .planet-rim{background:radial-gradient(circle,#0000 82%,#303aa073 91%,#59e0ffa6 96.5%,#d8f4ffeb 98.6%,#d8f4ff1f 100%),radial-gradient(circle at 24%,#0000 28%,#03040c66 60%,#02030ad9 95%);box-shadow:inset 34px 0 90px -12px #59e0ff3d}:is(.overlay:has(.realm-half.physical:hover) .realm-half.digital .planet-wrap,.overlay:has(.realm-half.digital:hover) .realm-half.physical .planet-wrap){opacity:.7;scale:.88}:is(.overlay:has(.realm-half.physical:hover) .realm-half.digital .half-label,.overlay:has(.realm-half.digital:hover) .realm-half.physical .half-label){opacity:.5;scale:.94}.half-label{max-width:min(280px,34vw);animation:rise-in 1.2s var(--ease-epic) 1.5s both;transition:scale .4s var(--ease-epic), opacity .4s ease;position:relative}.physical .half-label{transform-origin:0}.digital .half-label{transform-origin:100%}.half-kicker{letter-spacing:.5em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1em;font-size:.6rem}.physical .half-kicker{text-indent:.5em}.half-name{font-family:var(--font-display);letter-spacing:.16em;margin-bottom:.7em;font-size:clamp(1.15rem,2.7vw,1.9rem);transition:text-shadow .3s,color .3s}.physical .half-name{color:var(--gold-hi);text-indent:.16em}.digital .half-name{color:var(--cyan)}.realm-half.physical:hover .half-name{text-shadow:0 0 26px #ffb36bbf}.realm-half.digital:hover .half-name{text-shadow:0 0 26px #59e0ffbf}.half-desc{letter-spacing:.08em;color:var(--ink-dim);margin-bottom:1.4em;font-size:clamp(.7rem,1.2vw,.84rem);line-height:1.8}.half-enter{letter-spacing:.42em;text-transform:uppercase;color:var(--ink-faint);font-size:.64rem;transition:color .3s,letter-spacing .3s}.realm-half.physical:hover .half-enter{color:var(--gold-hi);letter-spacing:.52em}.realm-half.digital:hover .half-enter{color:var(--cyan);letter-spacing:.52em}.realm-chrome{text-align:center;animation:rise-in 1.2s var(--ease-epic) .4s both;pointer-events:none;position:absolute;top:clamp(86px,12vh,120px);left:0;right:0}.realm-chrome .realm-kicker{letter-spacing:.55em;text-indent:.55em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.8em;font-size:.62rem}.realm-chrome h2{font-family:var(--font-display);letter-spacing:.22em;text-indent:.22em;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:400}.realm-chrome.physical h2{color:var(--gold-hi);text-shadow:0 0 40px #ffb36b66}.realm-chrome.digital h2{color:var(--cyan);text-shadow:0 0 40px #59e0ff66}.realm-chrome .realm-hint{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ink-faint);margin-top:1em;font-size:.72rem}.back-link{letter-spacing:.34em;text-indent:0;text-transform:uppercase;color:var(--ink-dim);z-index:31;align-items:center;gap:10px;font-size:.68rem;transition:color .4s,text-shadow .4s;animation:1s .6s both fade-in;display:inline-flex;position:absolute;top:26px;left:clamp(16px,4vw,48px)}.back-link:hover{color:var(--ink);text-shadow:0 0 18px #8b7bffb3}.realm-switch{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);z-index:31;font-size:.68rem;transition:color .4s,text-shadow .4s;animation:1s .6s both fade-in;position:absolute;top:26px;right:clamp(16px,4vw,48px)}.realm-switch:hover{color:var(--ink);text-shadow:0 0 18px #59e0ffb3}.node-label{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:filter .18s;transform:translate(-50%,12px)}.node-label .node-name{font-family:var(--font-display);letter-spacing:.2em;text-indent:.2em;color:var(--ink);white-space:nowrap;text-shadow:0 0 16px #030309e6,0 2px 12px #030309e6;font-size:15px}.node-label .node-blurb{letter-spacing:.06em;color:var(--ink-dim);text-shadow:0 0 12px #030309f2,0 2px 10px #030309f2;max-width:300px;margin-top:6px;font-size:10.5px;line-height:1.5}.node-label .node-tag{letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;text-shadow:0 0 12px #030309e6;margin-top:5px;font-size:9px}.node-label:hover{filter:drop-shadow(0 0 14px #e9e7f573)}.project-page{z-index:40;overscroll-behavior:contain;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(120% 90% at 50% 0,#0a0a1cd1,#030309f5 70%);animation:.7s both fade-in;position:fixed;inset:0;overflow-y:auto}.project-inner{max-width:980px;animation:rise-in .9s var(--ease-epic) .15s both;margin:0 auto;padding:clamp(90px,14vh,140px) clamp(20px,5vw,48px) 120px}.project-kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:16px;margin-bottom:1.6em;font-size:.64rem;display:flex}.project-kicker .dot{border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px}.project-page h1.project-name{font-family:var(--font-display);letter-spacing:.12em;margin-bottom:.35em;font-size:clamp(2rem,6vw,3.6rem);font-weight:400;line-height:1.15}.project-tagline{letter-spacing:.1em;color:var(--ink-dim);max-width:640px;margin-bottom:1.8em;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.8}.project-link{letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;border:1px solid;border-radius:3px;margin-bottom:2.6em;padding:.85em 1.7em;font-size:.7rem;transition:box-shadow .3s,background .3s;display:inline-block}.project-link:hover{background:#e9e7f50a;box-shadow:0 0 26px #59e0ff40,inset 0 0 18px #59e0ff14}.project-meta{background:var(--line);border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:3em;display:grid;overflow:hidden}.meta-cell{background:#060610d9;padding:18px 20px}.meta-cell .meta-label{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.9em;font-size:.58rem}.meta-cell .meta-value{font-family:var(--font-display);letter-spacing:.08em;font-size:.98rem}.media-frame{border:1px solid var(--line);background:var(--bg-1);border-radius:4px;margin-bottom:3em;position:relative;overflow:hidden}.media-frame img,.media-frame video{width:100%;height:auto;display:block}.live-frame{aspect-ratio:16/10;margin-bottom:1.2em}.live-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block}.live-hint{text-align:center;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:3em;font-size:.72rem}.live-hint a{color:var(--ink-dim);border-bottom:1px solid var(--line);transition:color .3s}.live-hint a:hover{color:var(--ink)}.project-section-title{font-family:var(--font-display);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin:3em 0 1.6em;font-size:1rem}.project-body p{letter-spacing:.04em;color:var(--ink-dim);max-width:720px;margin-bottom:1.4em;margin-left:auto;margin-right:auto;font-size:clamp(.95rem,1.8vw,1.06rem);line-height:2}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.gallery-grid .media-frame{margin-bottom:0}.project-nav{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:5em;padding-top:2.4em;display:flex}.project-nav a{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-size:.68rem;line-height:1.8;transition:color .35s}.project-nav a:hover{color:var(--ink)}.project-nav .nav-name{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);text-transform:none;margin-top:.4em;font-size:.95rem;display:block}.cosmos-footer{text-align:center;font-family:var(--font-display);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#e9e7f5bf;text-shadow:0 0 18px #8b7bffcc,0 0 46px #59e0ff66;white-space:nowrap;pointer-events:none;font-size:clamp(.78rem,1.6vw,1.05rem);animation:6s ease-in-out infinite footer-glow;position:absolute;bottom:18px;left:0;right:0}@keyframes footer-glow{0%,to{text-shadow:0 0 18px #8b7bffcc,0 0 46px #59e0ff66}50%{text-shadow:0 0 26px #8b7bff,0 0 70px #59e0ffa6}}@media (width<=640px){.realm-half{align-items:flex-end;padding-bottom:9vh}.realm-half.physical{padding-left:6vw}.realm-half.digital{padding-right:6vw}.planet-wrap{width:min(64vh,420px);top:78%}.half-label{max-width:42vw}.half-desc{display:none}.half-name{font-size:1rem}.site-title.hero{top:30%}.hero-eclipse{width:min(88vw,400px);top:30%}.cosmos-footer{letter-spacing:.28em;text-indent:.28em;font-size:.58rem}.node-label .node-name{font-size:11px}.node-label .node-tag{font-size:7.5px}.node-label .node-blurb{max-width:170px;font-size:9px}.hero-tagline{top:calc(30% + 92px)}.back-link,.realm-switch{top:76px}.realm-chrome{top:120px}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}