@font-face{font-family:Inconsolata;src:url(https://ggayane.github.io/css-experiments/Inconsolata-VF.ttf)format("truetype");font-weight:275 900;font-stretch:50% 200%;font-style:normal}:root{--logo-width:200;--logo-width-hover:160;--mouse-x:50vw;--mouse-y:50vh}@media (width<=1400px){:root{--logo-width:175;--logo-width-hover:140}}@media (width<=1200px){:root{--logo-width:150;--logo-width-hover:120}}@media (width<=992px){:root{--logo-width:125;--logo-width-hover:100}}@media (width<=768px){:root{--logo-width:100;--logo-width-hover:80}}@media (width<=480px){:root{--logo-width:75;--logo-width-hover:60}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{cursor:none!important}html,body,#root{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#scene{width:100vw;height:100dvh;position:fixed;inset:0}#starfield{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.noise-overlay{pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100dvh;position:fixed;inset:0}#logo-layer{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateZ(0)}.liva-white{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto;box-sizing:content-box;justify-content:space-between;width:80vw;height:clamp(80px,18vw,220px);margin:-40px auto;padding:40px 0;font-family:Inconsolata,monospace;font-size:clamp(80px,18vw,220px);line-height:1;display:flex}.liva-white .letter{opacity:1;background:linear-gradient(135deg,#383fcf 0%,#9e3dff 35%,#d633e6 70%,#9d82f7 100%) 0 0/200% 200%;-webkit-text-fill-color:#fff;color:#fff;will-change:transform, opacity, font-variation-settings, -webkit-text-fill-color, text-shadow;font-variation-settings:"wght" 900, "wdth" var(--logo-width,200);-webkit-text-stroke:.3px rgba(255, 255, 255, calc(.15 + .35 * var(--shadow-intensity,0)));text-shadow:var(--shadow-offset-x,0px) var(--shadow-offset-y,0px) calc(2px + 10px * var(--shadow-intensity,0)) rgba(180, 155, 255, calc(var(--shadow-intensity,0) * .95)), 0 0 15px rgba(103, 68, 241, calc(var(--shadow-intensity,0) * .35));-webkit-background-clip:text;background-clip:text;transition:font-variation-settings .25s cubic-bezier(.25,1,.5,1),-webkit-text-fill-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite alternate text-gradient-shift;display:inline-block;transform:translate(0,0)}.liva-white.is-intro .letter:first-child{transition-delay:0s}.liva-white.is-intro .letter:nth-child(2){transition-delay:.1s}.liva-white.is-intro .letter:nth-child(3){transition-delay:.2s}.liva-white.is-intro .letter:nth-child(4){transition-delay:.3s}.liva-white.is-revealing .letter{-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 0 18px #b49bff80,0 0 40px #82a0ff33}.liva-white.has-hover .letter,.liva-white.is-revealing .letter{-webkit-text-fill-color:transparent;color:#0000}.liva-white.has-hover .letter{transition-delay:0s!important}.logo-spotlight-glow{pointer-events:none;z-index:5;opacity:0;will-change:opacity, border-radius;filter:blur(30px);background:radial-gradient(circle,#9e3dff47 0%,#d633e626 35%,#383fcf0f 70%,#0000 100%);border-radius:50%;width:420px;height:420px;transition:opacity .6s cubic-bezier(.25,1,.5,1);animation:8s ease-in-out infinite alternate spotlight-pulse;position:absolute;top:0;left:0;overflow:hidden;transform:translate(0,0)translate(-50%,-50%)}.logo-spotlight-glow.visible{opacity:1}@keyframes spotlight-pulse{0%{opacity:.9;border-radius:50%}50%{opacity:1;border-radius:43% 57% 47% 53%}to{opacity:.85;border-radius:54% 46% 56% 44%}}.spotlight-star{opacity:.8;will-change:transform, opacity;background:#fff;border-radius:50%;position:absolute}.spotlight-star.size-sm{width:2px;height:2px;box-shadow:0 0 4px #9d82f7,0 0 8px #fff}.spotlight-star.size-md{width:3px;height:3px;box-shadow:0 0 6px #9e3dff,0 0 10px #fff}.spotlight-star.size-lg{width:4px;height:4px;box-shadow:0 0 8px #d633e6,0 0 12px #fff}.spotlight-star.s1{animation:3s ease-in-out infinite blink-drift;top:25%;left:30%}.spotlight-star.s2{animation:4s ease-in-out .5s infinite blink-drift;top:65%;left:20%}.spotlight-star.s3{animation:3.5s ease-in-out 1s infinite blink-drift;top:40%;left:70%}.spotlight-star.s4{animation:4.5s ease-in-out 1.5s infinite blink-drift;top:75%;left:60%}.spotlight-star.s5{animation:3.8s ease-in-out 2s infinite blink-drift;top:20%;left:65%}.spotlight-star.s6{animation:5s ease-in-out .2s infinite blink-drift;top:50%;left:45%}.spotlight-star.s7{animation:4.2s ease-in-out .8s infinite blink-drift;top:15%;left:40%}.spotlight-star.s8{animation:3.7s ease-in-out 1.2s infinite blink-drift;top:55%;left:80%}@keyframes blink-drift{0%,to{opacity:.3;transform:translate(0)scale(.8)}50%{opacity:.9;transform:translate(6px,-6px)scale(1.25)}}.liva-white .letter.reveal{animation:1.15s cubic-bezier(.16,1,.3,1) both reveal-letter,6s ease-in-out infinite alternate text-gradient-shift}.liva-white .letter.reveal:first-child{animation-delay:.1s,0s}.liva-white .letter.reveal:nth-child(2){animation-delay:.2s,0s}.liva-white .letter.reveal:nth-child(3){animation-delay:.3s,0s}.liva-white .letter.reveal:nth-child(4){animation-delay:.4s,0s}.liva-white .letter.hovered{font-variation-settings:"wght" 275, "wdth" var(--logo-width-hover,160)}@keyframes reveal-letter{0%{opacity:0;transform:translateY(38px)}60%{opacity:1}to{opacity:1;transform:translate(0,0)}}.spark-easter-egg{top:max(20px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));pointer-events:auto;opacity:0;color:#fff;z-index:201;background:0 0;border:none;margin:-8px;padding:8px;transition:opacity .6s,transform .6s;position:absolute}.spark-easter-egg:hover{opacity:1;transition:opacity .4s,transform 1.8s cubic-bezier(.34,1.56,.64,1);transform:rotate(180deg)scale(1.3)}.spark-easter-egg .spark-icon{width:16px;height:16px;display:block}.cursor-container{pointer-events:none;will-change:transform;mix-blend-mode:difference;width:28px;height:28px;position:absolute;top:0;left:0}.cursor-orb{pointer-events:none;opacity:0;will-change:transform;background:#fff;border-radius:50%;width:100%;height:100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;transform:scale(1)}#cursor-container-blend{z-index:150}a:focus-visible,button:focus-visible{border-radius:2px;outline-offset:4px!important;outline:2px solid #fff!important}#info-bar{pointer-events:none;z-index:200;width:100vw;height:100dvh;position:fixed;inset:0}.year-tag{letter-spacing:.15em;text-transform:uppercase;color:silver;white-space:nowrap;mix-blend-mode:difference;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;transition:color .25s}.nav-links{list-style:none}.nav-links a{letter-spacing:.15em;text-transform:uppercase;color:silver;mix-blend-mode:difference;opacity:.75;align-items:center;gap:8px;margin:-10px -14px;padding:10px 14px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;text-decoration:none;transition:color .25s,opacity .25s,font-weight .2s;display:inline-flex}.nav-links a svg{color:#fff}.nav-links a:hover{background:radial-gradient(ellipse 75% 80% at var(--b1x) var(--b1y), #383fcf, transparent 68%), radial-gradient(ellipse 70% 75% at var(--b2x) var(--b2y), #4ba8ff, transparent 65%), radial-gradient(ellipse 80% 72% at var(--b3x) var(--b3y), #6744f1, transparent 68%), radial-gradient(ellipse 65% 70% at var(--b4x) var(--b4y), #6f39ad, transparent 65%), radial-gradient(ellipse 72% 68% at var(--b5x) var(--b5y), #423395, transparent 68%);-webkit-text-fill-color:transparent;opacity:1;-webkit-background-clip:text;background-clip:text;font-weight:600;animation:6s ease-in-out infinite liquid-b1,8s ease-in-out infinite liquid-b2,7s ease-in-out infinite liquid-b3,9s ease-in-out infinite liquid-b4,5.5s ease-in-out infinite liquid-b5}.nav-links a:hover svg{color:#fff}@media (width>=769px) and (orientation:landscape){.year-tag{left:max(30px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;position:absolute}#info-bar nav{right:max(30px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;position:absolute}.nav-links{gap:32px;display:flex}}@media (width<=768px),(orientation:portrait){.year-tag{right:max(24px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;font-size:12px;position:absolute}#info-bar nav{left:0;right:0;top:max(20px, env(safe-area-inset-top));padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));pointer-events:auto;justify-content:flex-end;display:flex;position:absolute}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.nav-links a{letter-spacing:.12em;margin:-8px -10px;padding:8px 10px;font-size:11px}}