:root{color-scheme:dark;--space-black: #03040a;--space-void: #060712;--space-navy: #090d1f;--deep-indigo: #15183d;--cosmic-violet: #322352;--muted-violet: #8f85be;--star-white: #f2f3ff;--text-primary: #f5f1ff;--text-secondary: #b8bddb;--text-muted: #7e87ad;--glow-blue: #80d8ff;--glow-violet: #c7b4ff;--dangerless-red: #d8a3bc;--motion-slow: 22s;--motion-medium: 9s;--motion-entry: 1.1s;--content-max-width: 46rem;--avatar-size: clamp(6rem, 9vw, 10rem);--wordmark-size: clamp(4.4rem, 16vw, 10.6rem)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--space-black);overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:clip;background:var(--space-black);color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--glow-blue),white 20%);outline-offset:4px}.site-shell{position:relative;min-height:100vh;min-height:100svh;isolation:isolate;overflow-x:clip}.hero-composition{position:relative;z-index:4;display:grid;justify-items:center;width:min(100%,var(--content-max-width));min-height:100vh;min-height:100svh;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));padding-block:clamp(2rem,7vh,5.5rem);align-content:center;text-align:center}.hero-subtitle{max-width:30rem;margin:clamp(.72rem,1.8vw,1.1rem) 0 0;color:var(--text-secondary);font-size:clamp(.92rem,2.2vw,1.16rem);font-weight:400;line-height:1.7;letter-spacing:.08em;text-transform:lowercase;animation:soft-arrival .9s ease-out .98s both}.cosmic-scene,.cosmic-scene>*{position:fixed;inset:0}.cosmic-scene{z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(93,80,140,.11),transparent 27%),radial-gradient(circle at 20% 22%,rgba(25,38,84,.42),transparent 32%),linear-gradient(180deg,#020309,#070917 44%,#03040a)}.space-gradient{background:radial-gradient(circle at 50% 58%,rgba(200,185,255,.1),transparent 16rem),radial-gradient(circle at 54% 42%,rgba(95,215,255,.07),transparent 18rem),linear-gradient(110deg,rgba(10,11,26,.3),transparent 45%,rgba(6,8,22,.42))}.cosmic-dust{z-index:2;display:block;width:100%;height:100%;opacity:.95;pointer-events:none}.nebula{z-index:1;width:min(88vw,58rem);height:min(76vw,48rem);margin:auto;border-radius:999px;pointer-events:none;transform:translateZ(0);will-change:transform,opacity}.nebula--violet{inset:-20% auto auto -16%;background:radial-gradient(circle at 58% 45%,rgba(177,143,255,.12),transparent 17%),radial-gradient(circle at 37% 57%,rgba(71,37,113,.34),transparent 42%),radial-gradient(circle at 62% 67%,rgba(22,20,57,.54),transparent 58%);filter:blur(22px);opacity:.82;animation:nebula-drift 46s ease-in-out infinite alternate}.nebula--blue{inset:auto -18% -24% auto;background:radial-gradient(circle at 35% 42%,rgba(113,216,255,.11),transparent 18%),radial-gradient(circle at 56% 53%,rgba(30,57,114,.32),transparent 45%),radial-gradient(circle at 44% 68%,rgba(23,18,54,.46),transparent 63%);filter:blur(20px);opacity:.72;animation:nebula-drift 54s ease-in-out -8s infinite alternate-reverse}.distant-body{z-index:2;width:clamp(15rem,31vw,31rem);height:clamp(15rem,31vw,31rem);inset:auto auto -10rem -8rem;border-radius:50%;background:radial-gradient(circle at 78% 31%,rgba(210,218,255,.14),transparent 0 8%,rgba(28,31,63,.15) 16%,transparent 36%),radial-gradient(circle at 60% 42%,#0c0e1d 0 54%,#03040a 71%);box-shadow:38px -22px 56px #c6cdff14,inset -22px 20px 42px #00000094;opacity:.82}.volumetric-ray{z-index:2;transform-origin:center;opacity:.28;mix-blend-mode:screen;will-change:transform,opacity}.volumetric-ray--one{inset:-22% 28% auto auto;width:34vw;height:130vh;background:linear-gradient(94deg,transparent 0%,rgba(202,196,255,.12) 44%,transparent 72%);transform:rotate(24deg);animation:ray-drift 34s ease-in-out infinite alternate}.volumetric-ray--two{inset:auto auto -26% 30%;width:28vw;height:102vh;background:linear-gradient(88deg,transparent 0%,rgba(112,219,255,.08) 48%,transparent 76%);transform:rotate(216deg);animation:ray-drift 41s ease-in-out -10s infinite alternate-reverse}.central-aura{z-index:3;width:min(62vw,42rem);height:min(62vw,42rem);margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(194,188,255,.14),rgba(92,102,180,.04) 42%,transparent 68%);opacity:.86;will-change:transform}.avatar-core{position:relative;width:calc(var(--avatar-size) * 1.52);height:calc(var(--avatar-size) * 1.52);margin:0 0 clamp(.7rem,2vh,1.2rem);animation:avatar-arrival .78s cubic-bezier(.22,1,.36,1) .22s both,float-core 9s ease-in-out 1.2s infinite}.avatar-core__image{position:absolute;inset:50% auto auto 50%;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;object-position:center center;translate:-50% -50%;box-shadow:0 0 18px #a597e024,0 0 42px #3c52911a}.time-ring,.time-ring:before{position:absolute;inset:10%;border:1px solid rgba(217,224,255,.22);border-radius:50%}.time-ring{transform:rotateX(64deg) rotate(-14deg);animation:orbit-turn 28s linear infinite}.time-ring:before{content:"";inset:14%;border-color:#7fdbff21}.time-ring--inner{inset:21%;border-color:#c7b4ff33;transform:rotateX(68deg) rotate(31deg);animation-duration:36s;animation-direction:reverse}.orbit-light{position:absolute;top:50%;left:50%;width:.34rem;height:.34rem;margin:-.17rem;border-radius:50%;background:var(--star-white);box-shadow:0 0 12px #e1e7ffdb;transform-origin:0 0;animation:orbit-light 18s linear infinite}.orbit-light--one{--orbit-x: 5rem;--orbit-y: 1.65rem}.orbit-light--two{--orbit-x: -4.2rem;--orbit-y: -1.35rem;width:.24rem;height:.24rem;animation-duration:25s;animation-delay:-7s;opacity:.7}.orbit-light--three{--orbit-x: 3.6rem;--orbit-y: -2.15rem;width:.2rem;height:.2rem;background:var(--glow-blue);animation-duration:31s;animation-delay:-14s;opacity:.68}.wordmark{position:relative;display:inline-block;margin:0;line-height:1;cursor:default;-webkit-tap-highlight-color:transparent}.wordmark__text{display:inline-flex;align-items:baseline;color:color-mix(in srgb,var(--text-primary),#cfd6ff 12%);font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;font-size:clamp(4rem,10.2vw,8.4rem);font-weight:450;letter-spacing:-.045em;text-shadow:0 0 10px rgba(190,194,255,.12);animation:wordmark-enter .9s cubic-bezier(.22,1,.36,1) .42s both}.wordmark__char{position:relative;display:inline-block}.wordmark__char:nth-child(2){animation-delay:.5s}.wordmark__char:nth-child(3){animation-delay:.56s}.wordmark__char:nth-child(4){animation-delay:.62s}.wordmark__char--d:before{position:absolute;top:.18em;right:.08em;width:.12em;height:.055em;content:"";background:var(--space-navy);border-radius:999px;opacity:.82;transform:rotate(-18deg)}.wordmark__char--d:after{position:absolute;top:.34em;right:.1em;width:.035em;height:.035em;content:"";border-radius:50%;background:color-mix(in srgb,var(--glow-blue),white 35%);box-shadow:0 0 7px #80d8ff61;animation:d-point-drift 8.5s ease-in-out infinite}.wordmark__char--h:after{position:absolute;top:.22em;right:-.22em;width:.32em;height:1px;content:"";background:linear-gradient(90deg,#eeeaff7a,#80d8ff00);opacity:.58;animation:h-minimal-glint 8s ease-in-out 2.8s infinite}.wordmark:is(:hover,:focus-visible) .wordmark__text{color:color-mix(in srgb,var(--text-primary),var(--glow-blue) 5%)}.status-signal{display:inline-flex;align-items:center;gap:.7rem;margin-top:clamp(.98rem,2.6vh,1.5rem);color:color-mix(in srgb,var(--text-secondary),transparent 12%);font-size:clamp(.68rem,1.6vw,.75rem);letter-spacing:.18em;animation:soft-arrival .9s ease-out 1.28s both}.status-signal__pulse{width:.32rem;height:.32rem;border-radius:50%;background:var(--glow-blue);box-shadow:0 0 #80d8ff38,0 0 12px #80d8ff61;animation:signal-pulse 4.8s ease-in-out infinite}.showcase-entry{position:absolute;top:clamp(1.4rem,4vh,2.8rem);left:50%;display:inline-flex;align-items:center;gap:.55rem;transform:translate3d(-50%,0,0);color:color-mix(in srgb,var(--glow-blue),var(--text-secondary) 44%);font-size:clamp(.58rem,1.25vw,.68rem);letter-spacing:.22em;text-decoration:none;text-transform:uppercase;animation:side-entry-arrival .9s ease-out 1.44s both;transition:color .22s ease,transform .22s ease}.showcase-entry:after{width:1.35rem;height:1px;content:"";background:linear-gradient(90deg,currentColor,transparent);opacity:.72}.showcase-entry:is(:hover,:focus-visible){color:color-mix(in srgb,var(--text-primary),var(--glow-blue) 18%);transform:translate3d(-50%,-.12rem,0)}@keyframes side-entry-arrival{0%{opacity:0;transform:translate3d(-50%,-.8rem,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}@media(max-width:560px){:root{--avatar-size: clamp(5.75rem, 28vw, 7.5rem);--wordmark-size: clamp(4.1rem, 25vw, 6.7rem)}.wordmark{max-width:100%}.wordmark__text{font-size:clamp(3.55rem,18vw,5.25rem)}.hero-composition{padding-block:1.6rem}.hero-subtitle{letter-spacing:.045em}.nebula{filter:blur(16px);opacity:.62}.distant-body{inset:auto auto -8rem -9rem}.showcase-entry{top:max(1.4rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);letter-spacing:.16em}.showcase-entry:is(:hover,:focus-visible){transform:translate3d(-50%,-.12rem,0)}}@media(max-width:360px){:root{--wordmark-size: 4rem}.wordmark{max-width:100%}.wordmark__text{font-size:clamp(3.3rem,17vw,4.5rem)}.status-signal{gap:.56rem;letter-spacing:.12em}}.showcase-page-shell{position:relative;min-height:100vh;min-height:100svh;isolation:isolate;overflow-x:clip}.showcase-3d{position:relative;z-index:4;width:100%;min-height:100svh;padding:clamp(1.4rem,4vw,3.5rem) max(1rem,env(safe-area-inset-right)) clamp(4rem,8vw,6rem) max(1rem,env(safe-area-inset-left));overflow:clip;perspective:1100px;transform-style:preserve-3d}.showcase-3d:before{position:absolute;inset:10% 3% 6%;z-index:-1;content:"";background:radial-gradient(circle at 30% 26%,rgba(199,180,255,.08),transparent 26%),radial-gradient(circle at 72% 58%,rgba(128,216,255,.055),transparent 25%),linear-gradient(180deg,transparent,rgba(3,4,10,.42) 38%,transparent);opacity:.9;pointer-events:none}.showcase-home-link{position:absolute;top:clamp(1.4rem,3vw,2.4rem);right:max(1rem,env(safe-area-inset-right));z-index:5;display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 0;color:color-mix(in srgb,var(--text-secondary),transparent 18%);font-size:.66rem;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:color .22s ease,transform .22s ease}.showcase-home-link span:first-child{color:var(--glow-blue);font-size:1rem;line-height:1}.showcase-home-link:is(:hover,:focus-visible){color:var(--text-primary);transform:translate(-.18rem)}.showcase-3d__field{position:relative;display:grid;justify-items:end;width:min(100%,94rem);min-height:clamp(30rem,67svh,47rem);margin:clamp(1.5rem,4vh,3rem) auto 0;padding-right:clamp(0rem,8vw,8rem);transform-style:preserve-3d}.showcase-panel{--parallax-x: 0px;--parallax-y: 0px;--tilt-x: 0deg;--tilt-y: 0deg;--panel-rotate: -1.2deg;--panel-rotate-x: 3deg;--panel-rotate-y: -5deg;--panel-scale: 1;position:relative;z-index:1;width:min(60vw,43rem);min-width:0;align-self:center;margin:0;opacity:0;transform:translate3d(var(--parallax-x),calc(var(--parallax-y) + 1.8rem),0) rotateX(calc(var(--panel-rotate-x) + var(--tilt-x))) rotateY(calc(var(--panel-rotate-y) + var(--tilt-y))) rotate(var(--panel-rotate)) scale(var(--panel-scale));transform-origin:center;transform-style:preserve-3d;transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--panel-delay),transform .72s cubic-bezier(.22,1,.36,1) var(--panel-delay);will-change:transform,opacity}.showcase-panel.is-visible{opacity:1;transform:translate3d(var(--parallax-x),var(--parallax-y),0) rotateX(calc(var(--panel-rotate-x) + var(--tilt-x))) rotateY(calc(var(--panel-rotate-y) + var(--tilt-y))) rotate(var(--panel-rotate)) scale(var(--panel-scale))}.showcase-panel__surface{position:relative;overflow:hidden;border:0;background:transparent;box-shadow:none}.showcase-panel img{width:100%;height:auto;object-fit:contain;transform:translateZ(0)}.showcase-model{position:relative;min-height:clamp(18rem,25vw,25rem);overflow:hidden;border:1px solid rgba(221,226,255,.14);border-radius:.85rem;background:radial-gradient(circle at 54% 52%,rgba(105,167,210,.1),transparent 35%),linear-gradient(180deg,#000000f0,#000000fa)}.showcase-model:before,.showcase-model:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none}.showcase-model:before{border:1px solid rgba(136,200,255,.2);border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff09,0 0 1.4rem #5ea5dc14}.showcase-model:after{background:linear-gradient(90deg,rgba(122,199,255,.18),transparent 18%,transparent 82%,rgba(122,199,255,.12)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%,transparent 78%,rgba(122,199,255,.06));opacity:.52}.showcase-model model-viewer{width:100%;min-height:inherit;background:#000;--poster-color: #000;cursor:ew-resize;touch-action:pan-y}.showcase-model model-viewer:active{cursor:ew-resize}.showcase-panel:is(:hover,:focus-within){transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - .42rem),2rem) rotateX(calc(var(--panel-rotate-x) + var(--tilt-x) - 1deg)) rotateY(calc(var(--panel-rotate-y) + var(--tilt-y) + 1deg)) rotate(var(--panel-rotate)) scale(calc(var(--panel-scale) * 1.025));transition-delay:0ms}@media(max-width:900px){.showcase-3d{min-height:auto;padding-block:clamp(4rem,10vw,6rem)}.showcase-3d__field{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.4rem,8vw,4rem);min-height:0;perspective:900px}.showcase-panel{position:relative;top:auto;left:auto;width:min(72vw,27rem);min-width:0;transform:translate3d(0,1.4rem,0) rotateX(var(--panel-rotate-x)) rotateY(var(--panel-rotate-y)) rotate(var(--panel-rotate)) scale(var(--panel-scale))}.showcase-panel.is-visible{transform:translateZ(0) rotateX(var(--panel-rotate-x)) rotateY(var(--panel-rotate-y)) rotate(var(--panel-rotate)) scale(var(--panel-scale))}.showcase-panel:nth-child(odd){justify-self:start;margin-left:clamp(0rem,4vw,2rem)}.showcase-panel:nth-child(2n){justify-self:end;margin-right:clamp(0rem,4vw,2rem)}.showcase-panel:nth-child(3n){width:min(72vw,27rem)}}@media(max-width:560px){.showcase-3d{padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}.showcase-3d__field{gap:3.1rem}.showcase-panel,.showcase-panel:nth-child(3n){width:min(78vw,23rem)}.showcase-panel:nth-child(2n){width:min(78vw,23rem)}}@media(prefers-reduced-motion:reduce){.showcase-panel,.showcase-panel.is-visible,.showcase-panel:is(:hover,:focus-within){opacity:1;transform:translateZ(0) rotateX(var(--panel-rotate-x)) rotateY(var(--panel-rotate-y)) rotate(var(--panel-rotate)) scale(var(--panel-scale));transition:none}.showcase-panel__surface{transition:none}}@keyframes nebula-drift{0%{transform:translate3d(-1.4%,.8%,0) scale(1)}to{transform:translate3d(1.8%,-1.1%,0) scale(1.035)}}@keyframes ray-drift{0%{opacity:.18}to{opacity:.34}}@keyframes avatar-arrival{0%{opacity:0;transform:translate3d(0,1.2rem,0) scale(.94)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes float-core{0%,to{translate:0 0}50%{translate:0 -.22rem}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes orbit-light{0%{transform:rotate(0) translate(var(--orbit-x),var(--orbit-y))}to{transform:rotate(360deg) translate(var(--orbit-x),var(--orbit-y))}}@keyframes wordmark-enter{0%{opacity:0;transform:translate3d(0,.36rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes d-point-drift{0%,to{transform:translateZ(0);opacity:.56}50%{transform:translate3d(.03em,.045em,0);opacity:.9}}@keyframes h-minimal-glint{0%,72%,to{opacity:.38}80%{opacity:.75}}@keyframes soft-arrival{0%{opacity:0;transform:translate3d(0,.55rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes signal-pulse{0%,to{opacity:.56;transform:scale(.96);box-shadow:0 0 #80d8ff24,0 0 10px #80d8ff47}50%{opacity:.9;transform:scale(1.08);box-shadow:0 0 0 .36rem #80d8ff00,0 0 16px #80d8ff6b}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.nebula,.central-aura,.volumetric-ray{transform:none!important}.wordmark__text,.wordmark__char--d:after,.wordmark__char--h:after,.hero-subtitle,.status-signal,.avatar-core{opacity:1!important;filter:none!important;transform:none!important;stroke-dashoffset:0!important;animation:none!important}}
