@charset "UTF-8";
@font-face{font-family:Orbit Sans;src:url('./assets/sans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Orbit Serif;src:url('./assets/serif-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:dark;font-family:Orbit Sans,Arial,sans-serif;font-synthesis:none;background:#04060b;color:#edf3ff;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y}
body{-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}
button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b6d8ff;outline-offset:6px}
::selection{background:#b6d8ff;color:#081020}
.journey{position:relative}.stage{position:relative;min-height:100svh;overflow:hidden;background:#04060b;isolation:isolate}
.enhanced .journey{height:600svh}.enhanced .stage{position:sticky;top:0;height:100svh;min-height:0}
.deep-space,.atmosphere,.edge-shade,#starfield{position:absolute;inset:0;pointer-events:none}
.deep-space{z-index:0;opacity:.45;will-change:transform,opacity;overflow:hidden}
.deep-space img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;display:block;filter:brightness(.8)}
.enhanced .deep-space{opacity:0}
.atmosphere{z-index:1;background:radial-gradient(ellipse at 50% 30%,#315b8f26,transparent 58%);will-change:opacity}
#starfield{z-index:2;width:100%;height:100%}
.edge-shade{z-index:3;background:linear-gradient(0deg,#04060beb,transparent 23%,transparent 82%,#04060b99),radial-gradient(ellipse at center,transparent 25%,#04060b61 100%)}
.orbital-art{position:absolute;z-index:4;left:50%;top:27%;width:clamp(580px,88vmin,1040px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;will-change:transform,opacity}
.art-parallax{position:absolute;inset:-4%;mix-blend-mode:screen;will-change:transform}
.space-art{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:screen;filter:brightness(1.2);mask-image:radial-gradient(ellipse 50% 45% at 50% 47%,#000 26%,#000c 46%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 50% 45% at 50% 47%,#000 26%,#000c 46%,transparent 80%);animation:orbit-drift 18s ease-in-out infinite}
.orbital-ring{position:absolute;inset:13%;border:1px solid #b0d3ff21;border-radius:50%;transform:rotate(-24deg) scaleY(.55)}
.orbital-ring>span{position:absolute;inset:-1px;animation:orbit 90s linear infinite}
.orbital-ring>span:after{content:"";position:absolute;top:-2px;left:50%;height:4px;width:4px;border-radius:50%;background:#aecfff;box-shadow:0 0 12px #8db9ff}
.inner-ring{inset:20%;border-color:#b0d3ff0e;transform:rotate(25deg) scaleY(.71)}
.scene{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 26px 145px;z-index:5;pointer-events:none;perspective:1000px}
.enhanced .scene{position:absolute;inset:0;min-height:0;opacity:0;will-change:opacity;visibility:hidden}
.enhanced .intro-scene{opacity:1;visibility:visible}
.scene-content{max-width:1100px;width:100%;margin:0;will-change:transform,opacity}
.intro-content{padding-top:24svh}
h1,h2{font-weight:400;font-size:clamp(86px,10.5vw,154px);line-height:1.11;letter-spacing:-.065em;margin:0;white-space:nowrap;text-shadow:0 0 65px #abcaff1c}
em{font-family:Orbit Serif,Georgia,serif;font-weight:400;color:#bbd2f5;letter-spacing:-.045em}
.bio{display:flex;justify-content:center;align-items:center;gap:13px;font-size:17px;letter-spacing:1.5px;color:#a8b8d0;margin:22px 0 0;line-height:1.5}
.bio>span[aria-hidden]{color:#7997c3}
.beyond-title{font-size:clamp(86px,11.5vw,172px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:0;text-shadow:0 0 85px #8baef64d}
.beyond-title em{font-size:1.11em}
.cosmic-quote{max-width:1000px}
blockquote,blockquote p{margin:0}
blockquote p{font-size:clamp(53px,6.5vw,96px);line-height:1.22;letter-spacing:-.035em;text-shadow:0 3px 35px #03081799}
.quote-line{display:block;white-space:nowrap}
.word{display:inline-block;will-change:transform,opacity}
figcaption{font-size:12px;letter-spacing:3.5px;margin-top:38px;color:#a1b7d5;line-height:1.6}
.home-star{font-size:40px;color:#c9dfff;margin:0 0 35px;text-shadow:0 0 32px #7caaffb3}
.return-link{font-size:14px;background:none;border:0;border-bottom:1px solid #91b0d04d;padding:12px 0;margin-top:32px;color:#9eb6d7;pointer-events:auto}
.return-link span{margin-left:12px}
.hud{position:absolute;left:48px;right:48px;z-index:12;display:none;align-items:center;justify-content:space-between;gap:18px}
.enhanced .hud{display:flex}
.top-hud{top:max(23px,env(safe-area-inset-top))}
.home-link{font-size:15px;letter-spacing:1.2px;background:none;border:0;padding:12px 0;color:#c5d8f3;display:flex;align-items:center;gap:13px}
.home-link>span{font-size:24px;color:#a9caef}
.motion-control{border:1px solid #a4c7f32b;background:#08101e55;backdrop-filter:blur(8px);width:42px;height:42px;border-radius:50%;display:grid;place-items:center}
.motion-control svg{width:20px;height:20px}.motion-control .play-icon{display:none}
.motion-paused .motion-control .play-icon{display:block}.motion-paused .motion-control .pause-icon{display:none}
.bottom-hud{bottom:max(30px,env(safe-area-inset-bottom));padding-bottom:6px}
.telegram-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:0 23px;border:1px solid #b2cfee75;border-radius:99px;background:linear-gradient(140deg,#1a2d47bb,#0d1626bb);color:#d7e8ff;font-size:15px;letter-spacing:.3px;text-decoration:none;box-shadow:inset 0 1px 0 #c9e3ff12,0 0 35px #6fafff0c;backdrop-filter:blur(14px);transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.telegram-button>svg{width:18px;height:18px;color:#aacdfc}.telegram-button>span:last-child{margin-left:13px;font-size:21px;color:#b6d0f5}
.telegram-button:active{transform:scale(.97)}
@media(hover:hover){.telegram-button:hover{border-color:#c9e1ff;background:linear-gradient(140deg,#29476bdd,#13233bde);box-shadow:0 0 36px #81b7ff30;transform:translateY(-2px)}}
.scroll-hint{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);color:#859fbe;font-size:12px;letter-spacing:1.1px;display:none;flex-direction:column;align-items:center;gap:14px;pointer-events:none;z-index:6}
.enhanced .scroll-hint{display:flex}
.hint-line{position:relative;height:30px;width:1px;background:#89a8d031;overflow:hidden}
.hint-line:after{content:"";position:absolute;height:15px;width:1px;background:#aaccff;animation:drift-down 2.5s infinite}
.progress-track{position:absolute;bottom:0;left:0;right:0;z-index:14;height:2px;background:#91b6f016;pointer-events:none}
.progress-track>span{display:block;height:100%;background:#a9cfff;box-shadow:0 0 14px #95baff91;transform-origin:left;transform:scaleX(0);will-change:transform}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes orbit-drift{0%,100%{transform:translate(0,-5px) rotate(-1deg)}50%{transform:translate(8px,9px) rotate(1deg)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes drift-down{0%{transform:translateY(-16px)}70%,100%{transform:translateY(34px)}}
@media(max-width:700px){
 .enhanced .journey{height:560svh}
 .hud{left:23px;right:23px;gap:8px}.top-hud{top:max(17px,env(safe-area-inset-top))}.bottom-hud{bottom:max(24px,env(safe-area-inset-bottom))}
 .orbital-art{width:145vw;top:26%}
 .scene{padding:85px 23px 135px}.intro-content{padding-top:24svh}
 h1,h2{font-size:clamp(61px,16vw,105px);letter-spacing:-.07em;line-height:1.12}
 .bio{font-size:16px;margin-top:19px;letter-spacing:1.1px}
 .beyond-title{font-size:clamp(56px,15vw,104px);line-height:1.08}
 blockquote p{font-size:clamp(34px,9.7vw,64px);line-height:1.3;letter-spacing:-.025em}
 figcaption{margin-top:30px;font-size:12px;letter-spacing:3px}
 .telegram-button{font-size:14px;min-height:52px;padding:0 17px;gap:10px}.telegram-button>span:last-child{margin-left:1px}.telegram-button>svg{width:16px;height:16px}
 .scroll-hint{bottom:116px;font-size:12px;letter-spacing:.8px;gap:10px}
 .home-star{margin-bottom:30px;font-size:33px}.return-link{margin-top:27px}
}
@media(max-width:360px){.hud{left:16px;right:16px}.scene{padding-left:16px;padding-right:16px}h1,h2{font-size:57px}.telegram-button{font-size:14px;padding:0 13px;gap:7px}.telegram-button>span:last-child{display:none}.orbital-art{top:25%;width:160vw}}
@media(max-height:680px) and (orientation:portrait){.orbital-art{top:22%;width:135vw;max-width:590px}.intro-content{padding-top:19svh}.bio{margin-top:12px}.scroll-hint{bottom:99px;gap:7px}.hint-line{height:22px}.bottom-hud{bottom:max(18px,env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:600px){.orbital-art{width:570px;left:24%;top:41%}.intro-content{padding:0 0 0 35%}h1,h2{font-size:clamp(46px,7.3vw,87px)}.scene{padding:70px 24px 90px}.bio{font-size:14px;margin-top:12px}.beyond-title{font-size:clamp(50px,11vh,80px)}blockquote p{font-size:clamp(30px,8vh,44px);line-height:1.15}figcaption{margin-top:16px}.scroll-hint{display:none!important}.home-star{display:none}.return-link{margin-top:15px}.bottom-hud{bottom:15px}.top-hud{top:10px}.telegram-button{min-height:46px}.home-link{padding:6px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.art-parallax{transform:none!important}.word{transform:none!important;filter:none!important}}

/* Dark Sputnik — luminous, geometric personal identity. */
@font-face{font-family:Sputnik Display;src:url('./assets/display.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.stage{background:#030611}
.deep-space img{filter:brightness(.98) saturate(1.18);object-position:55% 40%;animation:nebula-drift 48s ease-in-out infinite alternate}
.light-veil{position:absolute;inset:-15%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 72% 38%,#67dfff19,transparent 38%),radial-gradient(ellipse at 26% 70%,#8c7aff14,transparent 45%);mix-blend-mode:screen;animation:veil-drift 23s ease-in-out infinite alternate}
.edge-shade{background:linear-gradient(0deg,#030611e8,transparent 28%,transparent 78%,#030611b3),linear-gradient(90deg,#030611a3,transparent 65%),radial-gradient(ellipse at center,transparent 15%,#03061180)}
.orbital-art{mix-blend-mode:screen;left:73%;top:47%;width:clamp(560px,65vw,960px)}
.space-art{filter:brightness(1.4);animation-duration:26s}
.orbital-ring{border-color:#8ee6ff38;box-shadow:0 0 30px #85c6ff05,inset 0 0 30px #85c6ff05;inset:10%}
.inner-ring{border-color:#b5a9ff26;inset:20%;border-style:dashed}
.intro-content{padding-top:0;text-align:left;padding-left:4vw}
h1,h2{font-family:Sputnik Display,Orbit Sans,sans-serif;text-transform:uppercase;font-size:clamp(76px,9vw,135px);font-weight:400;letter-spacing:.07em;line-height:1.15;white-space:normal}
h1>span,h1>em{display:block}
h1>span{font-size:.58em;letter-spacing:.28em;margin-bottom:8px;color:#c5dcf6}
h1>em,h2>em{font-family:Sputnik Display,Orbit Sans,sans-serif;font-style:normal;letter-spacing:.075em;background:linear-gradient(115deg,#7896bd 0%,#e6f6ff 25%,#fff 42%,#7cacdc 55%,#e0edff 68%,#7992c3 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:metal-light 14s ease-in-out infinite;text-shadow:none}
h2{font-size:clamp(48px,7vw,105px);letter-spacing:.04em}
h2>span,h2>em{display:block}
h2>span{font-size:.55em;letter-spacing:.23em;margin-bottom:12px;color:#c7dbf6}
.bio{display:inline-flex;padding:9px 17px;border:1px solid #a6d9ff26;border-radius:30px;background:#101d354a;backdrop-filter:blur(12px);font-size:15px;letter-spacing:1px;margin-top:31px;color:#bdd5ef;box-shadow:inset 0 1px #dcecff0a}
.bottom-hud{justify-content:center}
.telegram-button{min-width:185px;min-height:58px;padding:0 25px;gap:13px;border-radius:16px;border:1px solid #e0f2ffb3;background:linear-gradient(125deg,#f1f9ff,#b6d3f4 65%,#d3dcf9);color:#142942;box-shadow:0 0 28px #5ebdff25,0 10px 40px #0008,inset 0 1px 0 #fff;backdrop-filter:none;isolation:isolate;overflow:hidden;position:relative}
.telegram-button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 25%,#ffffff80 48%,transparent 70%);transform:translateX(-120%);animation:contact-light 9s ease-in-out infinite}
.telegram-button>svg{width:20px;height:20px;color:#274d72}
.telegram-button>span:last-child{display:inline;margin:0;font-size:15px;letter-spacing:.4px;color:#142942}
@media(hover:hover){.telegram-button:hover{background:linear-gradient(125deg,#fff,#d7ecff);border-color:#fff;box-shadow:0 0 50px #72c6ff45,0 12px 38px #0009;transform:translateY(-3px)}.telegram-button:hover>svg{transform:translate(-1px,-1px)}}
.scroll-hint{bottom:133px;color:#b1c9e9;font-size:12px;letter-spacing:1.2px}
.hint-line{height:30px;background:#a8d9ff35}.hint-line:after{background:#d4f0ff}
.top-hud{left:44px;right:44px}.home-link{font-family:Sputnik Display,sans-serif;letter-spacing:2px;color:#d8e9fb}.home-link>span{font-size:21px}
.motion-control{background:#08162a80;border-color:#aacdf530;box-shadow:inset 0 1px 0 #e1edff0a}
.progress-track{height:2px;background:#b9eaff10}.progress-track>span{background:linear-gradient(90deg,#7393ff,#9dedff);box-shadow:0 0 18px #67dfff}
.beyond-title{font-weight:400;text-shadow:0 0 70px #91c6ff42}.beyond-title em{color:#c9e4ff}
.cosmic-quote{padding:20px 0}.word{color:#eff7ff}.word:is(em){color:#c5dcff}
figcaption{color:#b6cbed}.return-link{color:#c4dcf6;border-color:#a4d4ff5c}
@keyframes nebula-drift{from{transform:scale(1.05) translate(-1%,0)}to{transform:scale(1.15) translate(1.5%,-1.5%)}}
@keyframes veil-drift{from{transform:translate(-3%,1%) rotate(-5deg);opacity:.5}to{transform:translate(3%,-1%) rotate(5deg);opacity:1}}
@keyframes metal-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes contact-light{0%,60%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
@media(max-width:900px){.intro-content{text-align:center;padding-left:0;padding-top:24svh}.orbital-art{left:50%;top:24%;width:clamp(520px,120vw,800px)}h1{font-size:clamp(52px,9vw,87px)}h1>span{font-size:.62em}.edge-shade{background:linear-gradient(0deg,#030611f0,transparent 35%,transparent 76%,#030611a0),radial-gradient(ellipse at center,#03061115,transparent 50%,#03061177)}.deep-space img{object-position:50% 44%}}
@media(max-width:700px){.intro-content{padding-top:22svh}.orbital-art{top:23%;width:150vw}.scene{padding-bottom:155px}h1{font-size:clamp(52px,16vw,100px);letter-spacing:.06em;line-height:1.17}h1>em{letter-spacing:.075em}h1>span{font-size:.7em;letter-spacing:.24em;margin-bottom:9px}h2{font-size:clamp(42px,11vw,74px)}.bio{font-size:14px;padding:8px 15px;margin-top:21px;gap:12px}.telegram-button{min-width:184px;min-height:56px;padding:0 24px;gap:13px}.telegram-button>span:last-child{display:inline;font-size:15px;margin:0}.telegram-button>svg{width:19px;height:19px}.top-hud{left:24px;right:24px}.bottom-hud{bottom:max(24px,env(safe-area-inset-bottom))}.scroll-hint{bottom:124px;letter-spacing:.7px;gap:10px}}
@media(max-width:360px){h1{font-size:52px}h2{font-size:39px}.top-hud{left:19px;right:19px}.orbital-art{width:160vw;top:21%}.intro-content{padding-top:19svh}.bio{font-size:14px}.telegram-button>span:last-child{display:inline}}
@media(max-height:680px) and (orientation:portrait){.orbital-art{width:130vw;top:20%}.intro-content{padding-top:16svh}.bio{margin-top:15px}.scroll-hint{bottom:103px;font-size:12px;gap:7px}.hint-line{height:19px}.telegram-button{min-height:51px}.bottom-hud{bottom:max(17px,env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:600px){.intro-content{padding:0 0 0 35%;text-align:left}.orbital-art{left:24%;top:43%;width:550px}h1{font-size:clamp(38px,6.5vw,70px)}h1>span{font-size:.55em;margin-bottom:4px}.bio{margin-top:14px;padding:6px 12px;font-size:14px}.telegram-button{min-height:44px;min-width:165px;border-radius:13px}.bottom-hud{bottom:15px;justify-content:flex-end}h2{font-size:46px}.scene{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){.deep-space img,.light-veil,h1>em,h2>em,.telegram-button:before{animation:none!important}}