:root{--accent:#8fbfff;--mx:0;--my:0}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020207;color:#f4f3ed;font-family:Manrope,sans-serif}.scene{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 68% 44%,#111527 0,#05050d 35%,#020207 72%);perspective:1100px}#starfield{position:absolute;inset:0;width:100%;height:100%;z-index:-5}.noise{position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.nebula{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16;z-index:-4;pointer-events:none}.nebula--blue{width:38vw;height:25vw;right:6%;top:18%;background:#3157bf}.nebula--orange{width:25vw;height:20vw;left:17%;bottom:-8%;background:#b44228}.nav{height:98px;position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;border-bottom:1px solid rgba(255,255,255,.1)}.brand{color:#fff;text-decoration:none;letter-spacing:.26em;font-size:14px;font-weight:600;display:flex;align-items:center;gap:13px}.brand-mark{width:25px;height:25px;border:1px solid #fff;border-radius:50%;position:relative;display:block}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid var(--accent);border-radius:50%;border-left-color:transparent;transform:rotate(-35deg)}.brand-dot{color:var(--accent)}.mission,.sound{font:10px DM Mono,monospace;letter-spacing:.2em;color:#9395a2}.mission{position:absolute;left:50%;transform:translateX(-50%)}.sound{border:0;background:transparent;display:flex;align-items:center;gap:12px;cursor:pointer}.sound-bars{height:13px;display:flex;align-items:center;gap:2px}.sound-bars i{display:block;width:1px;height:5px;background:var(--accent)}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}.sound-bars.playing i{animation:bars .7s ease-in-out infinite alternate}.sound-bars.playing i:nth-child(2){animation-delay:-.2s}.sound-bars.playing i:nth-child(3){animation-delay:-.4s}@keyframes bars{to{height:13px}}
.intro{position:absolute;left:5vw;top:18.5%;z-index:8}.eyebrow{font:10px DM Mono,monospace;letter-spacing:.28em;color:#a4a5af;display:flex;align-items:center;gap:11px}.eyebrow span{width:27px;height:1px;background:var(--accent)}h1{font-size:clamp(54px,6.8vw,112px);line-height:.82;letter-spacing:-.07em;margin:23px 0 28px;font-weight:500}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(244,243,237,.6);position:relative}h1 em:after{content:"";position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;right:-20px;top:12px;box-shadow:0 0 18px var(--accent)}.subhead{font-size:12px;line-height:1.8;color:#8d8e99;letter-spacing:.06em}.destinations{position:absolute;z-index:4;inset:0}.destination{position:absolute;background:transparent;border:0;color:white;cursor:pointer;padding:0;outline:none}.destination:after{content:"";position:absolute;width:76px;height:76px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:.4s}.destination:hover:after,.destination:focus-visible:after,.destination.active:after{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.card-copy{position:absolute;white-space:nowrap;text-align:left;left:50%;top:calc(100% + 27px);display:grid;grid-template-columns:30px auto;gap:4px 9px;font:9px DM Mono,monospace;letter-spacing:.15em}.card-copy b{grid-row:1/3;color:#5f6270;font-weight:400}.card-copy strong{font-weight:500;font-size:10px}.card-copy small{color:#6c6e79;font-size:8px}.moon-card{width:92px;height:92px;left:47%;top:15%}.planet.moon{display:block;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#e8e7de 0,#a4a5a2 27%,#5b5f66 70%,#272b35 100%);box-shadow:-15px 11px 30px #000,12px -7px 35px rgba(153,193,255,.17);overflow:hidden}.moon i,.moon i:before,.moon i:after{position:absolute;content:"";border-radius:50%;background:rgba(42,45,51,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.3)}.moon i{width:17px;height:17px;left:19px;top:42px}.moon i:before{width:10px;height:10px;left:32px;top:-24px}.moon i:after{width:23px;height:12px;left:31px;top:15px}.meteor-card{width:130px;height:80px;right:14%;top:27%}.meteors{position:absolute;inset:0;transform:rotate(-28deg)}.meteors i{position:absolute;width:42px;height:2px;background:linear-gradient(90deg,transparent,#efb173,#fff);filter:drop-shadow(0 0 5px #ff9d4f);border-radius:50%;animation:meteor 2.4s linear infinite}.meteors i:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff}.meteors i:nth-child(1){top:5px;left:30px}.meteors i:nth-child(2){top:28px;left:70px;transform:scale(.7);animation-delay:-1.1s}.meteors i:nth-child(3){top:54px;left:15px;transform:scale(.5);animation-delay:-.3s}.meteors i:nth-child(4){top:70px;left:92px;transform:scale(.35);animation-delay:-1.7s}.meteors i:nth-child(5){top:16px;left:105px;transform:scale(.28)}@keyframes meteor{0%{opacity:0;translate:-25px -8px}25%,75%{opacity:1}100%{opacity:0;translate:25px 8px}}.hole-card{width:135px;height:135px;right:9%;bottom:18%}.black-hole{display:block;position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle,#000 22%,#120d1f 28%,#d7a8ff 31%,#5d27b6 35%,#080512 45%,transparent 49%);box-shadow:0 0 28px rgba(167,93,255,.25);transform:rotateX(61deg) rotateZ(-22deg);animation:hole 8s linear infinite}.black-hole:before,.black-hole:after{content:"";position:absolute;inset:-9px;border:2px solid rgba(211,166,255,.45);border-left-color:transparent;border-radius:50%}.black-hole:after{inset:-18px;border-color:rgba(101,58,174,.22);border-right-color:transparent}@keyframes hole{to{transform:rotateX(61deg) rotateZ(338deg)}}.flare-card{width:150px;height:150px;left:25%;bottom:9%}.sun{position:absolute;width:108px;height:108px;border-radius:50%;left:20px;top:15px;background:radial-gradient(circle at 35% 34%,#fff5b0,#ffad36 22%,#ee4a20 64%,#7a1207);box-shadow:0 0 22px #ff9b39,0 0 65px rgba(255,83,27,.48);animation:sunpulse 4s ease-in-out infinite}.sun:before,.sun:after{content:"";position:absolute;inset:-12px;border:2px dashed rgba(255,131,61,.25);border-radius:47%;animation:spin 15s linear infinite}.sun:after{inset:-24px;border-width:1px;animation-direction:reverse}@keyframes sunpulse{50%{box-shadow:0 0 35px #ff9b39,0 0 90px rgba(255,83,27,.54);transform:scale(1.03)}}@keyframes spin{to{rotate:360deg}}
.astronaut-wrap{position:absolute;width:260px;height:420px;left:57%;top:47%;z-index:10;transform-style:preserve-3d;animation:float 7s ease-in-out infinite;filter:drop-shadow(20px 28px 24px rgba(0,0,0,.7))}.astronaut{position:absolute;width:100%;height:100%;transform:rotate(-8deg);transform-style:preserve-3d}.astronaut-shadow{position:absolute;width:210px;height:310px;background:radial-gradient(ellipse,rgba(51,75,111,.28),transparent 68%);filter:blur(14px);transform:translate(28px,38px)}@keyframes float{0%,100%{transform:translate3d(calc(var(--mx)*-10px),-10px,0) rotate(2deg)}50%{transform:translate3d(calc(var(--mx)*-18px),15px,25px) rotate(-1.5deg)}}.helmet{position:absolute;width:124px;height:105px;left:68px;top:22px;border-radius:48% 48% 42% 42%;background:linear-gradient(100deg,#646b72,#e9e8de 26%,#faf9ed 48%,#8e9293 82%,#3a3f47);box-shadow:inset -17px -5px 24px #262d38,inset 10px 3px 16px #fff,0 0 18px rgba(142,183,255,.2);z-index:6}.helmet:before{content:"";position:absolute;inset:12px 13px 18px;border-radius:47%;border:3px solid #282f38;box-shadow:inset 0 5px 7px #fbfaf1;background:linear-gradient(110deg,#505862,#9ba4aa 40%,#333b47)}.helmet i{position:absolute;left:15px;right:15px;bottom:10px;height:12px;background:#3d444c;border-radius:3px;box-shadow:inset 0 2px #9fa3a0}.visor-glow{position:absolute;width:44px;height:55px;right:17px;top:21px;background:radial-gradient(ellipse,rgba(124,172,255,.35),transparent 70%);z-index:2}.life-pack{position:absolute;width:148px;height:184px;left:51px;top:102px;border-radius:25px 25px 17px 17px;background:linear-gradient(110deg,#545b61,#d7d7d0 20%,#eeeade 46%,#858a8b 78%,#292f38);box-shadow:inset 8px 0 12px rgba(255,255,255,.6),inset -15px 0 20px #242a33}.life-pack:before{content:"";position:absolute;inset:19px 18px 58px;border:2px solid #555b60;border-radius:12px;box-shadow:inset 0 0 12px #555}.life-pack i{position:absolute;width:74px;height:8px;background:#3a4149;left:38px;top:38px;border-radius:5px}.life-pack b{position:absolute;width:11px;height:11px;border-radius:50%;background:#e24d36;right:23px;bottom:26px;box-shadow:-19px 0 #d6b544}.torso{position:absolute;width:143px;height:170px;left:55px;top:125px;border-radius:35px 35px 45px 45px;background:linear-gradient(90deg,#565d63,#deddd4 23%,#f5f2e8 53%,#a2a4a0 75%,#353b43);z-index:5;box-shadow:inset 8px 0 9px rgba(255,255,255,.55),inset -13px 0 14px rgba(18,25,35,.7)}.seam{position:absolute;left:49%;top:10px;width:2px;height:145px;background:rgba(71,77,80,.35)}.control{position:absolute;width:75px;height:35px;background:#434a51;left:34px;bottom:18px;border-radius:5px;border:3px solid #c8c8c1}.flag{position:absolute;right:19px;top:38px;width:27px;height:18px;background:repeating-linear-gradient(0deg,#c6524b 0 2px,#e5dfd2 2px 4px)}.flag i{display:block;width:11px;height:9px;background:#4d6079}.arm{position:absolute;top:139px;width:64px;height:145px;background:linear-gradient(90deg,#484f56,#eae8dd 38%,#777d7e);border-radius:28px;transform-origin:top;z-index:3}.arm:after,.leg:after{content:"";position:absolute;left:10px;right:10px;height:11px;background:#3b424a;border-top:3px solid #afb0ab;border-bottom:3px solid #656a6d}.arm--left{left:24px;transform:rotate(27deg)}.arm--right{right:16px;transform:rotate(-32deg)}.forearm{position:absolute;width:54px;height:92px;top:91px;background:linear-gradient(90deg,#454c53,#deddd3 45%,#6c7375);border-radius:25px;transform-origin:top}.arm--left .forearm{transform:rotate(22deg)}.arm--right .forearm{transform:rotate(-16deg)}.glove{position:absolute;width:46px;height:45px;top:162px;left:8px;border-radius:44% 44% 50% 50%;background:linear-gradient(100deg,#343a42,#d8d7ce 54%,#555c62)}.leg{position:absolute;top:267px;width:65px;height:126px;background:linear-gradient(90deg,#454c53,#e1dfd5 42%,#646b6e);border-radius:20px 20px 27px 27px;z-index:3;transform-origin:top}.leg--left{left:61px;transform:rotate(9deg)}.leg--right{right:56px;transform:rotate(-14deg)}.leg span{position:absolute;width:58px;height:92px;top:87px;background:inherit;border-radius:22px;transform:rotate(6deg)}.leg i{position:absolute;width:68px;height:39px;top:155px;background:linear-gradient(#8b8d89,#292f36);border-radius:12px 18px 25px 25px;box-shadow:inset 0 -8px #161a20}.tether{position:absolute;width:240px;height:160px;border:3px solid rgba(192,198,196,.58);border-top-color:transparent;border-left-color:transparent;border-radius:50%;left:-170px;top:215px;z-index:-1;transform:rotate(12deg);box-shadow:2px 2px 6px #000}
.coordinates,.status,.scroll-hint{position:absolute;z-index:15;font:8px/1.8 DM Mono,monospace;letter-spacing:.17em;color:#5f616d}.coordinates{left:4.2vw;bottom:4.3vh}.status{right:4.2vw;bottom:4.3vh}.status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63d497;box-shadow:0 0 8px #63d497;margin-right:8px}.scroll-hint{left:50%;bottom:4%;transform:translateX(-50%);color:#888a94}.scroll-hint i{display:inline-block;width:38px;height:1px;background:#777;margin-left:10px;vertical-align:middle;position:relative}.scroll-hint i:after{content:"";position:absolute;width:4px;height:4px;border-top:1px solid #aaa;border-right:1px solid #aaa;right:0;top:-2px;rotate:45deg}.selection{position:absolute;right:4.2vw;top:13%;z-index:20;text-align:right;font:8px DM Mono,monospace;letter-spacing:.19em;color:#676a75;opacity:0;transform:translateY(-8px);transition:.35s}.selection.show{opacity:1;transform:none}.selection strong{display:block;color:var(--accent);font-weight:400;font-size:11px;margin-top:7px}
.experience-message{position:absolute;z-index:25;left:4.2vw;bottom:10vh;display:flex;align-items:center;width:max-content;max-width:91vw;color:#62ff94;font-family:"OCR A Extended","OCR A Std","OCR A",DM Mono,monospace;font-size:clamp(17px,1.45vw,26px);font-weight:500;letter-spacing:.07em;text-shadow:0 0 7px rgba(64,255,130,.55),0 0 18px rgba(64,255,130,.25);white-space:nowrap;overflow:visible;opacity:1}.experience-message span{display:block}.experience-message i{font-style:normal;margin-left:3px;animation:terminalCursor .7s step-end infinite}
@keyframes terminalCursor{50%{opacity:0}}
@media(max-width:900px){.scene{min-height:580px}.mission{display:none}.intro{top:15%}h1{font-size:62px}.astronaut-wrap{left:51%;top:39%;transform:scale(.78)}.moon-card{left:65%;top:14%}.meteor-card{right:3%;top:25%}.hole-card{right:3%;bottom:18%}.flare-card{left:19%;bottom:9%}.card-copy{display:none}}@media(max-width:600px){.nav{height:74px;padding:0 22px}.intro{left:25px;top:14%}h1{font-size:48px}.subhead{display:none}.astronaut-wrap{left:29%;top:40%;scale:.68}.moon-card{left:68%;top:21%;scale:.75}.meteor-card{right:-2%;top:37%;scale:.8}.hole-card{right:0;bottom:12%;scale:.8}.flare-card{left:2%;bottom:8%;scale:.72}.coordinates,.status{display:none}.sound span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Photoreal cinematic treatment */
.video-space{position:absolute;inset:0;z-index:-8;width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:saturate(1.18) contrast(1.06) brightness(.84);pointer-events:none}
@keyframes cameraDrift{0%{transform:scale(1.035) translate3d(-.3%,0,0)}100%{transform:scale(1.075) translate3d(.45%,-.6%,0)}}
.cinematic-light{position:absolute;z-index:2;pointer-events:none;inset:0;background:radial-gradient(circle at 11% 48%,rgba(255,98,20,.2),transparent 20%),radial-gradient(circle at 67% 50%,rgba(137,164,255,.14),transparent 21%),linear-gradient(106deg,transparent 42%,rgba(255,233,201,.07) 50%,transparent 57%);mix-blend-mode:screen;animation:lightBreath 5s ease-in-out infinite}
@keyframes lightBreath{50%{opacity:.68;filter:brightness(1.25)}}
.portal-names{position:absolute;inset:0;z-index:16;pointer-events:none}.portal-name{position:absolute;padding:7px 12px;color:#dcecff;background:rgba(2,6,14,.55);border-left:1px solid #77b5ff;font:500 clamp(9px,.72vw,12px) "OCR A Extended","OCR A Std",DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;white-space:nowrap;text-shadow:0 0 9px rgba(100,178,255,.72);box-shadow:0 5px 20px rgba(0,0,0,.22);backdrop-filter:blur(6px);opacity:0;transform:translate(-50%,8px);transition:opacity .65s ease,transform .65s ease}.portal-name.visible{opacity:1;transform:translate(-50%,0)}.portal-name--intro{left:13%;top:72%}.portal-name--ai{left:33%;top:69%}.portal-name--resume{left:50%;top:20%;border-left-color:#62ff94;color:#dffff0;text-shadow:0 0 9px rgba(98,255,148,.7)}.portal-name--intro.visible,.portal-name--ai.visible,.portal-name--resume.visible,.portal-name--development.visible,.portal-name--future.visible{pointer-events:auto;cursor:pointer}.portal-name--development{left:70%;top:69%}.portal-name--future{left:88%;top:69%;border-left-color:#d38cff;color:#f0dcff;text-shadow:0 0 9px rgba(194,113,255,.7)}
#starfield{z-index:-3;opacity:.42;mix-blend-mode:screen}.nebula{display:none}.noise{opacity:.08}
.intro{top:15%;left:4.2%;text-shadow:0 3px 20px rgba(0,0,0,.8)}h1{font-size:clamp(44px,5.6vw,92px);line-height:.87;margin-top:17px}h1 em{-webkit-text-stroke:1px rgba(255,255,255,.72)}.subhead{color:#c6c8ce;text-shadow:0 2px 9px #000}
.astronaut-wrap{display:none}
.floating-astronaut{--look:0deg;position:absolute;z-index:7;left:52.5%;top:64%;width:min(24vw,370px);aspect-ratio:1023/1537;pointer-events:none;transform-origin:50% 45%;animation:zeroGravity 12s ease-in-out infinite;will-change:transform,filter;filter:drop-shadow(26px 30px 25px rgba(0,0,0,.65)) drop-shadow(-8px 0 14px rgba(255,126,59,.18))}
.floating-astronaut img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2;transform-origin:50% 42%;animation:astroBobble 5.5s ease-in-out infinite;will-change:transform;filter:saturate(1.05)}
.astro-aura{position:absolute;z-index:1;inset:10% 4%;border-radius:48%;background:radial-gradient(ellipse at 30% 40%,rgba(255,116,35,.22),transparent 42%),radial-gradient(ellipse at 75% 45%,rgba(83,137,255,.2),transparent 48%);filter:blur(25px);animation:auraPulse 4s ease-in-out infinite}
@keyframes zeroGravity{
  0%,100%{transform:translate3d(calc(-50% - 15px),calc(-50% + 2px),45px) scale(.985);filter:drop-shadow(23px 29px 24px rgba(0,0,0,.65)) drop-shadow(-8px 0 12px rgba(255,126,59,.18))}
  25%{transform:translate3d(-50%,calc(-50% - 14px),60px) scale(.995)}
  50%{transform:translate3d(calc(-50% + 15px),calc(-50% + 1px),72px) scale(1.005);filter:drop-shadow(29px 35px 28px rgba(0,0,0,.5)) drop-shadow(-10px 0 15px rgba(255,126,59,.25))}
  75%{transform:translate3d(-50%,calc(-50% + 14px),57px) scale(.995)}
}
@keyframes astroBobble{
  0%,100%{transform:perspective(900px) rotateY(var(--look)) rotateZ(-.7deg) translateY(0)}
  50%{transform:perspective(900px) rotateY(var(--look)) rotateZ(.7deg) translateY(-4px)}
}
@keyframes auraPulse{50%{opacity:.55;transform:scale(1.08)}}
.destination{border-radius:50%;transition:filter .4s,transform .4s,translate .2s}.destination>*:first-child{opacity:0}.destination:before{content:"";position:absolute;inset:22%;border:1px solid rgba(255,255,255,.58);border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,.07),inset 0 0 18px rgba(255,255,255,.08);opacity:.45;transition:.35s}.destination:hover:before,.destination.active:before{inset:10%;opacity:1;border-color:var(--accent);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 12%,transparent),0 0 26px color-mix(in srgb,var(--accent) 45%,transparent)}.destination:after{display:none}.destination:hover{filter:drop-shadow(0 0 13px var(--accent))}.card-copy{top:calc(100% + 12px);padding:8px 10px;background:rgba(3,5,11,.62);border-left:1px solid var(--accent);backdrop-filter:blur(8px);opacity:0;transform:translateY(-8px);transition:.3s}.destination:hover .card-copy,.destination:focus-visible .card-copy,.destination.active .card-copy{opacity:1;transform:none}.card-copy strong{font-size:9px}
.moon-card{width:138px;height:138px;left:45.2%;top:29%}.meteor-card{width:170px;height:170px;right:auto;left:27.8%;top:25%}.hole-card{width:210px;height:210px;right:23.4%;bottom:28%}.flare-card{width:230px;height:300px;left:4%;bottom:20%}
.flare-card .card-copy{left:62%;top:72%}.hole-card .card-copy{top:77%;left:60%}.meteor-card .card-copy{left:42%;top:78%}.moon-card .card-copy{left:48%;top:82%}
.coordinates,.status,.scroll-hint{color:#a9abb5;text-shadow:0 2px 7px #000}.selection{background:rgba(3,5,11,.65);padding:10px 12px;border-right:1px solid var(--accent);backdrop-filter:blur(8px)}
@media(max-width:900px){.video-space{object-position:54% bottom}.floating-astronaut{width:min(34vw,330px);left:53%;top:68%}.intro{top:13%}.intro h1{font-size:48px}.moon-card{left:45%;top:30%}.meteor-card{left:23%;top:26%}.hole-card{right:14%;bottom:27%}.flare-card{left:-2%;bottom:18%}}
@media(max-width:600px){.video-space{object-position:53% bottom}.floating-astronaut{width:min(46vw,280px);left:52%;top:70%}.portal-name--intro{left:10%}.portal-name--ai{left:31%}.portal-name--development{left:78%}.portal-name{font-size:7px;padding:5px 7px}.intro h1{font-size:39px}.intro{top:12%}.eyebrow{font-size:8px}.moon-card{left:41%;top:31%;scale:.7}.meteor-card{left:14%;top:27%;scale:.65}.hole-card{right:-8%;bottom:27%;scale:.63}.flare-card{left:-14%;bottom:18%;scale:.58}.card-copy{display:grid}}
.destination{pointer-events:none;cursor:default;transition:none}.destination:before,.destination:after,.destination .card-copy{display:none!important}.destination:hover{filter:none;transform:none}