body{background:#02040d;color:#fff}#space-stage{position:fixed;inset:0;overflow:hidden;background:#02040d}.space-frame{--s:max(calc(100vw / 1440),calc(100vh / 810));position:absolute;width:calc(1440 * var(--s));height:calc(810 * var(--s));left:calc(70% - 720 * var(--s));top:calc(50% - 405 * var(--s))}.space-plate{width:100%;height:100%;position:absolute;object-fit:fill}.space-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02040d 0%,transparent 32%);pointer-events:none}.space-head{position:absolute;left:calc(510 * var(--s));top:calc(255 * var(--s));width:calc(435 * var(--s));height:calc(450 * var(--s));object-fit:fill;mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 72%,transparent 99%);opacity:0;transition:opacity .6s}.space-head.ready{opacity:1}.space-helmet{position:absolute;left:calc(533 * var(--s));top:calc(288 * var(--s));width:calc(360 * var(--s));height:calc(360 * var(--s));mix-blend-mode:screen;mask-image:linear-gradient(#000 76%,transparent 92%);opacity:0;transform:translateY(calc(-70 * var(--s)));transition:opacity .5s,transform .72s cubic-bezier(.2,.9,.3,1.15);pointer-events:none}.helmet-on .space-helmet{opacity:1;transform:translateY(0)}.helmet-toggle{position:absolute;z-index:3;left:calc(675 * var(--s));top:calc(720 * var(--s));width:calc(75 * var(--s));height:calc(75 * var(--s));border-radius:50%;border:calc(4 * var(--s)) solid #521a20;background:radial-gradient(circle at 35% 25%,#ff8e85,#e32d38 55%,#8e1420);font:bold calc(16.5 * var(--s))/1.05 sans-serif;box-shadow:0 0 0 1px #ffffff80}.helmet-toggle[aria-pressed=true]{box-shadow:0 0 28px #ff4545}.helmet-toggle:active{transform:scale(.88)}.hero.profile-hero{left:6%;right:auto;width:40%;max-width:620px;top:52%;text-align:left;align-items:flex-start}.profile-avatar{width:100px;height:100px;margin-bottom:22px}.hero.profile-hero h1{font-size:clamp(30px,3.2vw,50px);text-shadow:0 0 35px #9bbfff50}.profile-statement{font-size:clamp(15px,1.25vw,20px)}.hero.profile-hero .cap{color:#cdd2e6}.intro-label{color:#cdd2e6}.corner .sound,.corner i{display:none}.corner{right:auto;left:6%;bottom:30px}.ui header{padding:26px 4%}.ui{opacity:1}.loader{display:none}.panel-top{background:#0b1223}#resume-panel{background:#0b1223f5}.cursor-dot,.cursor-ring{position:fixed;z-index:100;pointer-events:none;left:0;top:0;opacity:0;border-radius:50%}.cursor-dot{width:7px;height:7px;background:#fff;margin:-3.5px}.cursor-ring{width:44px;height:44px;border:1.5px solid #fff8;margin:-22px}@media(pointer:fine){body,a,button{cursor:none}}@media(max-width:820px){.space-frame{left:calc(50% - 720 * var(--s));top:calc(64% - 405 * var(--s))}.space-frame:after{background:linear-gradient(#02040df0,transparent 55%)}.hero.profile-hero{top:90px;transform:none;left:20px;right:20px;width:auto;align-items:center;text-align:center}.profile-avatar{width:58px;height:58px;margin-bottom:10px}.hero.profile-hero h1{font-size:28px}.profile-hero .intro-label{margin-bottom:6px}.profile-statement{margin-top:8px;font-size:14px}.hero.profile-hero .cap{font-size:11px;margin-top:6px}.hero.profile-hero .go{margin-top:14px;height:44px;min-height:44px}.corner{left:20px;right:auto;bottom:16px}.helmet-toggle{top:calc(690 * var(--s))}}@media(max-height:550px){.hero.profile-hero{top:75px;transform:none}.profile-avatar{display:none}.hero.profile-hero h1{font-size:26px}.hero.profile-hero .cap{font-size:11px}.profile-statement{font-size:13px}.hero.profile-hero .go{margin-top:12px}}@media(prefers-reduced-motion:reduce){.space-head{display:none}.space-helmet{transition:none}.cursor-ring,.cursor-dot{display:none}body,a,button{cursor:auto}}
@media(max-width:820px) and (min-height:551px){.space-frame{--s:max(calc(100vw / 900),calc((100vh - 340px) / 555));top:auto;bottom:0}.helmet-toggle{top:calc(720 * var(--s))}.hero.profile-hero{top:78px}.profile-avatar{width:48px;height:48px}}@media(max-height:550px){.space-frame{left:calc(74% - 720 * var(--s));top:calc(50% - 405 * var(--s))}.hero.profile-hero{left:4%;right:auto;width:43%;align-items:flex-start;text-align:left;top:85px}.hero.profile-hero h1{font-size:23px}.profile-statement{font-size:12px}.helmet-toggle{top:calc(720 * var(--s))}.corner{left:4%}}
@media(max-height:550px){.space-frame:after{background:linear-gradient(90deg,#02040d,transparent 35%)}}
.hero .go.star-border{--star-border-surface:#101b35;--star-border-text:#f3f6ff;--star-border-track:rgba(165,190,242,.3);background:var(--star-border-surface);color:var(--star-border-text);box-shadow:0 8px 30px #02040d70}.hero .go.star-border:hover{background:#1b2c4e;color:#fff}
.cosmic-effects{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.cosmic-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#d9eaff;box-shadow:0 0 6px 1px #8ebdff;animation:star-twinkle var(--twinkle,3s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes star-twinkle{from{opacity:.22;transform:scale(.7)}to{opacity:.9;transform:scale(1.25)}}.cosmic-meteor{position:absolute;width:var(--length,110px);height:2px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,#9dcaff55 58%,#d8edff 94%,#fff 100%);filter:drop-shadow(0 0 4px #8bc2ff);transform:rotate(-18deg);animation:meteor-sweep var(--duration,1.7s) linear forwards;opacity:0}@keyframes meteor-sweep{0%{opacity:0;translate:0 0}8%{opacity:.95}78%{opacity:.75}100%{opacity:0;translate:-68vw 22vh}}@media(prefers-reduced-motion:reduce){.cosmic-star{animation:none;opacity:.45}.cosmic-meteor{display:none}}
.corner{flex-direction:column;align-items:flex-start;gap:10px;text-transform:none}.corner a{font:inherit;color:inherit;line-height:1.5;white-space:nowrap}
/* Group identity, headline, narrative and action into one introduction. */
.hero.profile-hero{max-width:680px;width:44%;top:51%}
.profile-identity{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.profile-identity .profile-avatar{display:block;width:64px;height:64px;margin:0;border-width:2px}
.profile-identity .intro-label{margin:0;font-size:12px;letter-spacing:.06em;line-height:1.8}
.hero.profile-hero h1{font-size:clamp(30px,3.4vw,54px);line-height:1.25;margin:0}
.profile-hero .profile-statement{margin-top:26px;line-height:1.6}
.hero.profile-hero .cap{margin-top:10px;line-height:1.8}
.hero.profile-hero .go{margin-top:30px}
@media(max-width:820px) and (min-height:551px){.hero.profile-hero{width:auto;top:78px}.profile-identity{gap:12px;margin-bottom:16px}.profile-identity .profile-avatar{width:48px;height:48px}.profile-identity .intro-label{font-size:10px}.hero.profile-hero h1{font-size:28px}.profile-hero .profile-statement{margin-top:16px}.hero.profile-hero .cap{margin-top:6px}.hero.profile-hero .go{margin-top:18px}}
@media(max-height:550px){.hero.profile-hero{top:82px;width:46%}.profile-identity{gap:10px;margin-bottom:14px}.profile-identity .profile-avatar{width:38px;height:38px}.profile-identity .intro-label{font-size:9px;letter-spacing:0}.hero.profile-hero h1{font-size:clamp(20px,3.6vw,28px)}.profile-hero .profile-statement{margin-top:16px;font-size:11px}.hero.profile-hero .cap{margin-top:6px;font-size:10px}.hero.profile-hero .go{margin-top:18px;min-width:180px;padding-inline:20px}}
@media(max-width:500px) and (max-height:550px){html,body{overflow-y:auto;min-height:700px}.ui{position:absolute;min-height:700px}.hero.profile-hero{left:20px;right:20px;width:auto;top:95px;align-items:flex-start}.profile-identity .intro-label{font-size:10px}.profile-identity{max-width:100%}.profile-identity .profile-avatar{flex-shrink:0}.hero.profile-hero h1{font-size:24px}.space-frame{--s:0.55px;left:calc(55% - 720 * var(--s));top:330px}.space-frame:after{background:linear-gradient(#02040d,transparent 45%)}#space-stage{position:absolute;height:800px}.helmet-toggle{top:calc(720 * var(--s))}.hero.profile-hero .cap{font-size:11px}.hero.profile-hero .profile-statement{font-size:12px}.hero.profile-hero .go{margin-top:20px}}
/* Enlarge the desktop introduction as one group, keeping its left anchor. */
.ui header .pill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f5f8ff;
  background: linear-gradient(135deg, #ffffff29, #b8d2ff0c 55%, #ffffff14);
  border: 1px solid #e0edff59;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #a6caff1a, 0 6px 22px #00000026;
  text-shadow: 0 1px 6px #00000066;
  transition: transform .25s, background .25s, border-color .25s, box-shadow .25s;
}
.ui header .pill::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(165deg, #ffffff1f, transparent 48%);
}
.ui header .pill:hover,
.ui header .pill:focus-visible {
  background: linear-gradient(135deg, #ffffff38, #b8d2ff17 55%, #ffffff20);
  border-color: #e0edff99;
  box-shadow: inset 0 1px 0 #ffffff66, 0 8px 26px #00000033, 0 0 18px #9bc5ff12;
}
.ui header .pill:focus-visible {
  outline: 2px solid #dcecff;
  outline-offset: 4px;
}
@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html, body, body *, #resume-panel::backdrop {
    cursor: none !important;
  }
}
@media(min-width:821px) and (min-height:551px){.hero.profile-hero{transform:translateY(-50%) scale(1.35);transform-origin:left center}}

.background-paused .cosmic-star,.background-paused .cosmic-meteor{animation-play-state:paused}