@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#06040d;--violet:#7a4cff;--lav:#d0c1ff;--line:rgba(211,198,255,.22)}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--ink);color:#faf9ff;font-family:'Space Grotesk',sans-serif;cursor:crosshair}.space{position:fixed;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 60% 60%,#191042 0,transparent 45%),radial-gradient(circle at 17% 15%,#271459 0,transparent 25%),#06040d}.space canvas{position:absolute;inset:0;width:100%;height:100%}.space i{position:absolute;width:80vw;height:22vw;border:1px solid #9778ed30;border-radius:50%;left:28%;top:28%;transform:rotate(-25deg);animation:orbit 13s ease-in-out infinite}.space i:nth-child(2){width:110vw;height:35vw;left:12%;top:44%;transform:rotate(20deg);animation-delay:-5s}.space i:nth-child(3){height:70vw;width:25vw;left:68%;top:-2%;transform:rotate(28deg);animation-delay:-8s}.space b{position:absolute;inset:0;background:linear-gradient(112deg,transparent 45%,#9264fb19 49%,transparent 52%);animation:beam 9s infinite alternate}.cursor-aura{position:fixed;z-index:-1;width:440px;height:440px;border-radius:50%;pointer-events:none;opacity:0;translate:-50% -50%;background:radial-gradient(circle,rgba(157,112,255,.34) 0,rgba(108,55,248,.16) 27%,transparent 67%);filter:blur(10px);transition:opacity .35s;mix-blend-mode:screen}.cursor-aura.visible{opacity:1}@keyframes orbit{50%{opacity:.35;transform:rotate(8deg) scale(1.07)}}@keyframes beam{to{transform:translateX(25%) rotate(4deg)}}.topbar{position:fixed;z-index:5;top:0;left:0;right:0;height:80px;padding:0 4.5vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#07050eaa,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.brand,.top-actions button{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:#f6f2ff;background:none;border:0;cursor:pointer}.brand{display:flex;align-items:center;gap:9px;font:700 13px 'Space Grotesk',sans-serif}.top-actions{display:flex;gap:24px}.top-actions button:hover{color:#a683ff}.view{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .7s ease,transform .8s ease,visibility .7s;pointer-events:none}.view.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.home{display:grid;place-items:center}.home-worlds{width:min(1000px,78vw);height:min(520px,65vh);position:relative}@keyframes spin{to{rotate:360deg}}.world-link{position:absolute;z-index:2;color:#fff;background:none;border:0;font:500 clamp(22px,3vw,37px) 'Space Grotesk',sans-serif;letter-spacing:3px;cursor:pointer;padding:20px;transition:.3s;text-align:left}.world-link span{font:10px 'DM Mono',monospace;color:#a78aff;display:block;letter-spacing:1px;margin-bottom:8px}.world-link small{display:block;opacity:0;max-width:210px;font:9px 'DM Mono',monospace;letter-spacing:1px;line-height:1.5;color:#d6cbff;transform:translateY(8px);transition:.3s}.world-link:hover{color:#c2adff;text-shadow:0 0 22px #a070ff}.world-link:hover small{opacity:1;transform:none}.events-link{left:0;top:24%;text-align:right}.studio-link{right:0;top:24%}.lab-link{left:50%;top:2%;translate:-50%}.service-view{display:grid;grid-template-columns:15vw minmax(340px,40vw) 1fr;align-items:center;gap:4vw;padding:80px 8vw 5vh}.section-mark{align-self:start;margin-top:16vh;font:11px 'DM Mono',monospace;color:#9472f1;letter-spacing:2px;writing-mode:vertical-rl}.section-mark span{color:#fff;margin-top:13px}.copy{z-index:1}.copy>p:first-child{font:10px 'DM Mono',monospace;letter-spacing:2px;color:#ae95ff}.copy h1{font-size:clamp(52px,6.5vw,92px);line-height:.88;letter-spacing:-5px;margin:20px 0}.copy em{font-style:normal;font-weight:400;color:var(--lav)}.lead{max-width:480px;color:#cbc4da;line-height:1.65;font-size:16px}.copy ul{list-style:none;padding:15px 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:11px;color:#eee9fc;font:11px 'DM Mono',monospace}.copy li:before{content:'▪';color:#9975fb;margin-right:9px}.outline{margin-top:28px;padding:15px 18px;background:#321a6b44;border:1px solid #a889ff99;color:#fff;font:10px 'DM Mono',monospace;letter-spacing:1.3px;cursor:pointer;transition:.2s}.outline:hover{background:#7547ee;box-shadow:0 0 25px #8055e977}.scene{height:min(62vh,520px);position:relative;overflow:hidden;border:1px solid #ad92fa44;background:radial-gradient(ellipse at 50% 90%,#5525b966,transparent 55%),#0e0821;box-shadow:inset 0 0 90px #4820a944}.scene-slideshow{width:clamp(400px,46.3vw,889px);aspect-ratio:16/9;margin-left:-25vw;position:relative;overflow:hidden;border:none;background:none;box-shadow:none}.scene-slideshow .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;mask-image:linear-gradient(to right,transparent 0%,black 70%,black calc(100% - 12px),transparent 100%),linear-gradient(to bottom,transparent 0%,black 12px,black calc(100% - 12px),transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 70%,black calc(100% - 12px),transparent 100%),linear-gradient(to bottom,transparent 0%,black 12px,black calc(100% - 12px),transparent 100%);-webkit-mask-composite:source-in}@media(max-width:780px){html,body{overflow-x:hidden}.topbar{height:67px;padding:0 20px}.top-actions{gap:10px}.world-link{font-size:25px}.events-link{left:3%;top:17%}.studio-link{right:3%;top:17%}.lab-link{top:0}.world-link small{display:none}.service-view{grid-template-columns:1fr;padding:90px 6vw 75px;overflow-x:hidden;overflow-y:auto;align-content:start;gap:18px}.section-mark{writing-mode:initial;margin:0}.copy h1{font-size:56px}.scene{height:240px;min-height:240px}.scene-slideshow{width:100%;margin-left:0;aspect-ratio:16/9;border:none;background:none;box-shadow:none;position:relative;overflow:hidden}main{overflow-x:hidden}.copy ul{grid-template-columns:1fr}.scene-slideshow .slide{mask-image:radial-gradient(ellipse 85% 80% at center,black 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 80% at center,black 55%,transparent 100%)}}
.scene-slideshow .slide.active{opacity:1}
.topbar.scrolled{background:rgba(7,5,14,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}