@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}:root{--bg-primary:#000;--bg-secondary:#0a0a0f;--bg-elevated:#111116;--bg-accent:#f44849;--text-primary:#fff;--text-secondary:#999;--text-tertiary:#555;--text-accent:#f44849;--accent:#f44849;--accent-hover:#f65e5f;--accent-glow:#f448491f;--accent-glow-strong:#f4484940;--border-subtle:#222;--border-card:#333;--border-hover:#555;--glass-bg:#ffffff08;--glass-border:#ffffff14;--pale-blue:#4d88ff;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-hero:clamp(36px, 6vw, 90px);--text-h1:clamp(32px, 5vw, 72px);--text-h2:clamp(24px, 3vw, 48px);--text-h3:clamp(18px, 2vw, 28px);--text-body:clamp(14px, 1.1vw, 17px);--text-small:clamp(10px, .85vw, 12px);--text-massive:clamp(48px, 12vw, 220px);--text-skill:clamp(36px, 5vw, 70px);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.03em;--tracking-normal:0em;--tracking-wide:.12em;--tracking-wider:.2em;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:100px;--space-3xl:140px;--space-4xl:200px;--section-padding:clamp(80px, 10vw, 180px);--content-max:1400px;--content-padding:clamp(20px, 4vw, 60px);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s;--z-particles:1;--z-content:10;--z-nav:100;--z-progress:110;--z-overlay:200}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-regular);position:relative;overflow-x:hidden}.scroll-progress{background:var(--accent);width:0%;height:3px;z-index:var(--z-progress);will-change:width;transition:none;position:fixed;top:0;left:0}body:before,body:after{content:"";z-index:0;pointer-events:none;opacity:.06;width:150px;animation:4s ease-in-out infinite alternate edgeGlowPulse;position:fixed;top:0;bottom:0}body:before{background:radial-gradient(ellipse at left center, var(--accent) 0%, transparent 70%);left:0}body:after{background:radial-gradient(ellipse at right center, var(--accent) 0%, transparent 70%);right:0}@keyframes edgeGlowPulse{0%{opacity:.04}to{opacity:.08}}.container{max-width:var(--content-max);padding-left:var(--content-padding);padding-right:var(--content-padding);z-index:var(--z-content);margin:0 auto;position:relative}@media (width>=769px){.container{padding-left:clamp(80px,8vw,120px)}}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding);position:relative}.section-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;position:relative}.section-header:before{content:"";background:var(--accent);width:0%;height:1px;transition:width 1.2s var(--ease-out);position:absolute;top:-1px;left:0}.section-header.is-visible:before{width:100%}.section-number{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);letter-spacing:var(--tracking-wide);white-space:nowrap}.section-title{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.split{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.split--reverse{direction:rtl}.split--reverse>*{direction:ltr}.split--center{align-items:center}.text-accent{color:var(--text-accent)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.reveal{will-change:opacity, transform}@media (width<=1024px){.split{gap:var(--space-xl);grid-template-columns:1fr}.split--reverse{direction:ltr}}@media (width<=768px){.section-header{margin-bottom:var(--space-2xl)}}.nav{z-index:var(--z-nav);padding:var(--space-md) var(--content-padding);font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:background var(--duration-normal) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9}.nav__logo{color:var(--text-accent);font-weight:var(--weight-semibold);white-space:nowrap;font-size:clamp(11px,1vw,13px)}.nav__links{align-items:center;gap:var(--space-lg);display:flex}.nav__link{color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:6px;display:flex}.nav__link:hover{color:var(--text-primary)}.nav__link .dot{background:var(--text-tertiary);width:5px;height:5px;transition:background var(--duration-fast);border-radius:50%}.nav__link:hover .dot{background:var(--text-primary)}.btn-cta{background:var(--accent);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;padding:10px 24px}.btn-cta:hover{background:var(--accent-hover);transform:scale(1.02)}.btn-outline{justify-content:space-between;align-items:center;gap:var(--space-md);border:1px solid var(--border-card);min-width:220px;font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-primary);transition:all .3s var(--ease-out);cursor:pointer;background:0 0;padding:14px 24px;display:inline-flex}.btn-outline:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-outline .arrow{transition:transform .3s var(--ease-out);font-size:14px}.btn-outline:hover .arrow{transform:translate(3px,-3px)}.marquee-wrapper{padding:var(--space-md) 0;position:relative;overflow:hidden}.marquee-wrapper:before,.marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.marquee-wrapper:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.marquee-wrapper:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-track{align-items:center;gap:var(--space-xl);width:max-content;animation:marqueeScroll var(--marquee-duration,40s) linear infinite;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.marquee-large .marquee-item{font-family:var(--font-heading);font-size:clamp(40px,6vw,80px);font-weight:var(--weight-bold);color:var(--border-subtle);letter-spacing:var(--tracking-tight)}.project-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);overflow:hidden}.project-image-wrapper img{object-fit:cover;width:100%;height:300px;transition:transform .6s var(--ease-out)}.project-image-wrapper:hover img{transform:scale(1.03)}.project-number{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-accent);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-md)}.project-name{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-sm)}.project-desc{color:var(--text-secondary);margin-bottom:var(--space-md);max-width:500px;line-height:1.7}.project-tags{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.project-tag{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid var(--border-card);border-radius:var(--radius-sm);color:var(--text-secondary);padding:5px 12px;font-size:10px}.timeline-item{gap:var(--space-lg);padding-bottom:var(--space-xl);grid-template-columns:auto 1fr;display:grid}.timeline-badge{text-align:center;min-width:100px}.timeline-year{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-tertiary);letter-spacing:var(--tracking-wide)}.timeline-num{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--border-subtle);margin-top:4px;line-height:1}.timeline-company{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:4px}.timeline-role{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-accent);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-sm)}.timeline-desc{color:var(--text-secondary);max-width:550px;line-height:1.7}.rule-item{gap:var(--space-lg);padding:var(--space-lg) 0;border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr;display:grid}.rule-number{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-accent);letter-spacing:var(--tracking-wide);padding-top:4px}.rule-text{font-family:var(--font-heading);font-size:clamp(16px,1.8vw,22px);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.5}.nav__hamburger{cursor:pointer;z-index:calc(var(--z-overlay) + 1);flex-direction:column;gap:5px;padding:8px;display:none}.nav__hamburger span{background:var(--text-primary);width:24px;height:2px;transition:all .3s var(--ease-out)}.nav__hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__hamburger.active span:nth-child(2){opacity:0}.nav__hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:var(--bg-primary);z-index:var(--z-overlay);justify-content:center;align-items:center;gap:var(--space-lg);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu.active{opacity:1;pointer-events:all}.mobile-menu a{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--weight-light)}@media (width<=768px){.nav__links{display:none}.nav__hamburger{display:flex}}@media (width>=769px){.mobile-menu{display:none!important}}.hero{height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero__panels{z-index:5;width:100%;height:100%;display:flex;position:relative}.hero__panel{box-sizing:border-box;will-change:transform;align-items:center;width:50%;height:100%;display:flex;position:relative;overflow:hidden}.hero__panel--left{background:#040408;justify-content:center}.hero__panel--right{text-align:left;background:#04040cbf;justify-content:flex-start;padding:0 clamp(28px,6vw,100px)}.hero__image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.hero__zoom-container{aspect-ratio:453/614;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__drift-container{transform-origin:50%;width:100%;height:100%;animation:45s ease-in-out infinite heroDrift;position:relative}.hero__image-wrapper img{object-fit:cover;opacity:0;filter:brightness(.7)contrast(1.15)saturate(.85);width:100%;height:100%;display:block}.hero__dark-overlay{pointer-events:none;z-index:2;background:linear-gradient(#04040c66 0%,#04040c1a 40%,#04040cbf 100%);position:absolute;inset:0}.hero__earth-glow{z-index:3;pointer-events:none;width:6px;height:6px;position:absolute;top:56.026%;left:75.938%;transform:translate(-50%,-50%)}.hero__earth-glow:before{content:"";opacity:.85;background:#c4dcfc;border-radius:50%;position:absolute;inset:1.5px;box-shadow:0 0 3px #c4dcfc}.hero__earth-glow:after{content:"";background:radial-gradient(circle,#c4dcfc73 0%,#c4dcfc1f 40%,#c4dcfc00 70%);border-radius:50%;animation:8s ease-in-out infinite earthBreathingGlow;position:absolute;inset:-6px}@keyframes heroDrift{0%{transform:scale(1.04)translate(0)}50%{transform:scale(1.1)translate(-6px,4px)}to{transform:scale(1.04)translate(0)}}@keyframes earthBreathingGlow{0%{opacity:.05;transform:scale(.8)}50%{opacity:.35;transform:scale(2.2)}to{opacity:.05;transform:scale(.8)}}.hero__canvas{z-index:8;pointer-events:none;opacity:.5;position:absolute;inset:0}.hero__content{z-index:10;padding:0;position:relative}.hero__quote{font-family:var(--font-heading);font-size:clamp(26px,3.4vw,52px);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-md);line-height:1.3}.hero__quote .word{opacity:0;display:inline-block;transform:translateY(20px)}.hero__attribution{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-secondary);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-lg);opacity:0}.hero__labels{gap:var(--space-xs);opacity:0;flex-direction:column;display:flex}.hero__label{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wider);color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:8px;display:flex}.hero__label .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero__scroll{z-index:20;font-family:var(--font-mono);color:var(--text-tertiary);opacity:0;font-size:18px;animation:2s ease-in-out infinite scrollPulse;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(8px)}}#about{position:relative}.about__split{gap:var(--space-xl);align-items:center;display:flex}.about__left{will-change:transform;flex-shrink:0;justify-content:center;align-items:center;width:45%;display:flex;overflow:hidden}.about__right{will-change:transform;flex:1;overflow:hidden}@media (width<=768px){.hero__panels{flex-direction:column}.hero__panel{width:100%;height:50vh}.hero__panel--right{padding:0 var(--content-padding);text-align:center;justify-content:center}.hero__quote{margin-bottom:var(--space-sm);font-size:clamp(20px,5vw,28px)}.hero__attribution{margin-bottom:var(--space-md)}.hero__labels{align-items:center}.about__split{gap:var(--space-md);flex-direction:column}.about__left,.about__right{width:100%}}.about__visual{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--glass-border);width:100%;max-width:400px;position:relative;overflow:hidden}.about__geometric{position:absolute;inset:0}.about__heading{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-lg)}.about__heading span{color:var(--text-accent)}.about__text{color:var(--text-secondary);margin-bottom:var(--space-md);max-width:520px;line-height:1.8}.about__text:last-of-type{margin-bottom:var(--space-xl)}.expertise__skills{gap:var(--space-sm);flex-direction:column;justify-content:center;display:flex}.expertise__skill{font-family:var(--font-heading);font-size:var(--text-skill);font-weight:var(--weight-light);color:var(--text-tertiary);letter-spacing:var(--tracking-tight);transition:color .6s var(--ease-out);text-align:right;line-height:1.2}.expertise__skill.is-visible{color:var(--text-primary)}.expertise__heading{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-lg)}.expertise__desc{color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-xl);line-height:1.8}.project-block{margin-bottom:var(--space-3xl)}.project-block:last-child{margin-bottom:0}.project-block .split{gap:var(--space-2xl)}.journey__heading{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3xl)}.journey__heading .dimmed{color:var(--text-tertiary)}.philosophy__intro{text-align:center;max-width:700px;margin:0 auto var(--space-2xl);color:var(--text-secondary);line-height:1.8}.contact-section{background:var(--bg-accent);position:relative}.contact-section .section-header{border-top-color:#00000026}.contact-section .section-number,.contact-section .section-title{color:#0006}.contact__heading{font-family:var(--font-heading);font-size:var(--text-h1);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2xl);color:var(--bg-primary)}.contact__form{max-width:600px}.form-row{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.form-field{width:100%;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--bg-primary);transition:all .3s var(--ease-out);background:#00000026;border:1px solid #0003;border-radius:0;padding:16px 20px}.form-field::placeholder{color:#0006}.form-field:focus{border-color:var(--bg-primary);background:#00000040;outline:none}.form-field--textarea{resize:vertical;min-height:150px;margin-bottom:var(--space-md)}.contact__socials{gap:var(--space-lg);margin-top:var(--space-xl);display:flex}.contact__social{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#00000080;align-items:center;gap:6px;transition:color .3s;display:flex}.contact__social:hover{color:var(--bg-primary)}.contact__social .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.contact .btn-outline{color:var(--bg-primary);border-color:#0000004d}.contact .btn-outline:hover{background:var(--bg-primary);color:var(--accent);border-color:var(--bg-primary)}.contact__feedback{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);margin-top:var(--space-md);border-radius:2px;padding:12px 16px}.contact__feedback--success{color:#00d68f;background:#00d68f26;border:1px solid #00d68f66}.contact__feedback--error{color:var(--bg-primary);background:#f448491f;border:1px solid #f4484959}.contact__spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:6px;animation:.7s linear infinite spinnerRotate;display:inline-block}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.cf-turnstile{margin-bottom:var(--space-md)}.cta-banner{grid-template-columns:1fr 1fr;text-decoration:none;display:grid}.cta-banner__left{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-lg) var(--content-padding);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-semibold);align-items:center;display:flex}.cta-banner__right{background:var(--text-primary);color:var(--bg-primary);padding:var(--space-lg) var(--content-padding);font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-semibold);justify-content:flex-end;align-items:center;gap:8px;transition:background .3s,color .3s;display:flex}.cta-banner:hover .cta-banner__right{background:var(--accent);color:var(--text-primary)}.footer{background:var(--bg-primary);padding:var(--space-3xl) 0 var(--space-xl);text-align:center;overflow:hidden}.footer__name{font-family:var(--font-heading);font-size:var(--text-massive);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);white-space:nowrap;margin-bottom:var(--space-xl);line-height:.9}.footer__dot{background:var(--pale-blue);opacity:.8;border-radius:50%;width:8px;height:8px;margin:0 auto;animation:3s ease-in-out infinite footerDotPulse}@keyframes footerDotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (width<=768px){.hero__quote{font-size:clamp(28px,7vw,48px)}.form-row,.cta-banner{grid-template-columns:1fr}.cta-banner__right{justify-content:flex-start}.contact__socials{flex-wrap:wrap}.about__visual{max-width:280px;margin:0 auto var(--space-xl)}.expertise__skill{text-align:left}}.starmap-nav{z-index:90;pointer-events:none;align-items:center;height:100vh;padding:0;display:flex;position:fixed;top:0;left:0}.starmap-nav__track{pointer-events:all;cursor:pointer;flex-direction:column;justify-content:space-between;width:38px;height:calc(100vh - 160px);margin-top:80px;padding:0 12px 0 16px;transition:width .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.starmap-nav__track:hover{width:150px}.starmap-nav__track:hover .starmap-nav__label{opacity:1;pointer-events:all;transform:translate(0)}.starmap-nav__track:hover .starmap-nav__line{opacity:.18}.starmap-nav__track:hover .starmap-nav__dot{opacity:.6}.starmap-nav__track:hover .starmap-nav__ship{opacity:1}.starmap-nav__line{opacity:.06;background:#ffffff80;width:1px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:19px}.starmap-nav__ship{opacity:.9;pointer-events:none;z-index:2;flex-direction:column;align-items:center;width:22px;transition:top 1.2s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:absolute;top:0;left:6px;transform:translateY(-50%)}.starmap-nav__ship img{flex-shrink:0;width:22px;height:22px;display:block}.starmap-nav__thruster{pointer-events:none;flex-shrink:0;width:34px;height:120px;display:block}.starmap-nav__item{cursor:pointer;align-items:center;gap:12px;display:flex;position:relative}.starmap-nav__item:before{content:"";-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;z-index:-1;background:0 0;border-radius:12px;transition:opacity .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:-10px -48px -10px -12px;-webkit-mask-image:radial-gradient(at 0,#000 0%,#000000e6 25%,#00000073 55%,#0000 80%);mask-image:radial-gradient(at 0,#000 0%,#000000e6 25%,#00000073 55%,#0000 80%)}.starmap-nav__item:hover:before,.starmap-nav__item.active:before{opacity:1}.starmap-nav__dot{opacity:.2;z-index:1;background:#ffffff40;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .4s;position:relative}.starmap-nav__item.active .starmap-nav__dot{background:var(--accent);opacity:1;box-shadow:0 0 5px #f44849cc}.starmap-nav__item.active .starmap-nav__dot:after{content:"";pointer-events:none;background:radial-gradient(circle,#f448498c 0%,#f4484926 40%,#f4484900 70%);border-radius:50%;animation:8s ease-in-out infinite redBreathingGlow;position:absolute;inset:-6px}@keyframes redBreathingGlow{0%{opacity:.05;transform:scale(.8)}50%{opacity:.45;transform:scale(2.5)}to{opacity:.05;transform:scale(.8)}}.starmap-nav__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;white-space:nowrap;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 3px #020208,0 0 8px #020208f2,0 0 16px #02020899;font-size:9px;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translate(-8px)}.starmap-nav__item:hover .starmap-nav__label{color:#fffc}.starmap-nav__item.active .starmap-nav__label{color:#fff}.starmap-nav__num{color:var(--text-accent);margin-right:6px;transition:color .3s}.starmap-nav__item:hover .starmap-nav__num,.starmap-nav__item.active .starmap-nav__num{color:inherit}.starmap-nav__item:hover .starmap-nav__dot{opacity:.9;background:#fff9;transform:scale(1.3)}.starmap-nav__item.active:hover .starmap-nav__dot{background:var(--accent)}@media (width<=768px){.starmap-nav{display:none}}