@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#e9edff;--soft:#9ba5c5;--line:rgba(209,219,255,.16);--blue:#7b8cff;--lime:#cdff82}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:#060914;font-family:Manrope,Arial,sans-serif}#space{position:fixed;inset:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 50% 40%,#111a41 0,#080c1b 38%,#04060d 85%)}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line)}.logo{font:500 15px 'DM Mono';letter-spacing:.08em;color:#fff;text-decoration:none}.logo i{display:inline-block;width:9px;height:9px;background:var(--lime);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 18px var(--lime)}.logo span{color:var(--soft)}nav{display:flex;align-items:center;gap:28px}nav a{color:var(--soft);text-decoration:none;font-size:13px}.dashboard{border:1px solid var(--line);padding:11px 15px;border-radius:100px;color:var(--ink)}.dashboard b{color:var(--lime);font-size:16px;margin-left:5px}main{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,80px)}.intro{padding-top:clamp(75px,12vh,150px);width:min(655px,100%)}.eyebrow,.orbit-hint,.footnote span,#detail span{font:11px 'DM Mono';letter-spacing:.13em;color:var(--lime)}h1{font-size:clamp(54px,8.4vw,124px);line-height:.91;letter-spacing:-.075em;margin:19px 0 25px;font-weight:700}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em;color:#aebaff}.lede{max-width:510px;line-height:1.65;color:var(--soft);font-size:16px}.actions{display:flex;gap:25px;align-items:center;margin-top:34px}.primary{padding:15px 19px;background:var(--lime);border-radius:100px;color:#111629;text-decoration:none;font-weight:700;font-size:13px}.primary span{margin-left:15px}.text-link{font-size:13px;color:var(--ink);text-decoration:none}.text-link span{color:var(--lime);margin-left:8px}.orbit{height:620px;position:relative;margin-top:-205px;margin-left:min(43vw,620px);min-width:580px}.orbit:before,.orbit:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(139,158,255,.14);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}.orbit:before{width:720px;height:285px}.orbit:after{width:425px;height:165px;transform:translate(-50%,-50%) rotate(28deg)}.orbit-hint{position:absolute;right:14%;top:18%}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#b8c8ff,#596bea 40%,#1c2458 73%);box-shadow:0 0 70px #6378ff88;z-index:2}.core span{font:bold 58px Georgia;color:white;text-shadow:0 3px 10px #27308c}.core-ring{position:absolute;inset:-16px;border:1px solid #91a3ff77;border-radius:50%;animation:pulse 2.4s infinite}.project{position:absolute;width:185px;min-height:118px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#10162da8;backdrop-filter:blur(13px);cursor:pointer;transition:transform .35s,background .35s,box-shadow .35s;z-index:3}.project:hover,.project:focus{transform:translateY(-12px) scale(1.05);background:#202a55d9;box-shadow:0 15px 45px #0008;outline:0}.project small{display:block;font:10px 'DM Mono';letter-spacing:.08em;color:var(--lime);margin-bottom:11px}.project strong{font-size:17px;line-height:1.08;letter-spacing:-.045em}.project span{position:absolute;right:15px;bottom:15px;color:var(--lime);font-size:18px}.p1{left:1%;top:16%;animation:float 5s -1s ease-in-out infinite}.p2{right:1%;top:9%;animation:float 6s ease-in-out infinite}.p3{right:4%;bottom:17%;animation:float 5.5s -2s ease-in-out infinite}.p4{left:3%;bottom:12%;animation:float 6.5s -3s ease-in-out infinite}.footnote{border-top:1px solid var(--line);padding:26px 0 40px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:12px}.footnote p{margin:0;color:var(--soft)}.footnote a{justify-self:end;color:var(--ink);text-decoration:none}.footnote b{color:var(--lime);font-size:17px;margin-left:5px}#detail{position:fixed;right:26px;bottom:28px;width:min(370px,calc(100vw - 44px));padding:28px;background:#121933ee;border:1px solid #7f91f166;border-radius:18px;backdrop-filter:blur(20px);transform:translateY(150%);transition:transform .45s cubic-bezier(.2,.9,.2,1);box-shadow:0 25px 90px #000a;z-index:4}#detail.open{transform:translateY(0)}#detail h2{font-size:30px;line-height:1;margin:16px 0 12px;letter-spacing:-.06em}#detail p{font-size:14px;color:var(--soft);line-height:1.6;margin:0 0 19px}#detail a{color:var(--lime);font-size:13px;text-decoration:none}#close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--soft);font-size:27px;cursor:pointer}@keyframes float{50%{translate:0 -17px}}@keyframes pulse{50%{inset:-25px;opacity:.2}}@media(max-width:760px){header{height:70px}nav>a:not(.dashboard){display:none}.logo{font-size:12px}nav{gap:0}.dashboard{font-size:11px;padding:9px 12px}.intro{padding-top:65px}.orbit{height:535px;min-width:0;margin:0 -20px}.orbit:before{width:520px}.orbit-hint{top:6%;right:10%}.project{width:145px;min-height:100px;padding:13px}.project strong{font-size:14px}.p1{left:0;top:18%}.p2{right:0;top:24%}.p3{right:0;bottom:18%}.p4{left:0;bottom:18%}.footnote{grid-template-columns:1fr;gap:14px}.footnote a{justify-self:start}.core{width:95px;height:95px}.core span{font-size:45px}}