@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}@media (width<=1400px){:root{--logo-width:175}}@media (width<=1200px){:root{--logo-width:150}}@media (width<=992px){:root{--logo-width:125}}@media (width<=768px){:root{--logo-width:100}}@media (width<=480px){:root{--logo-width:75}}@property --b1x{syntax:"<percentage>";inherits:false;initial-value:20%}@property --b1y{syntax:"<percentage>";inherits:false;initial-value:30%}@property --b2x{syntax:"<percentage>";inherits:false;initial-value:80%}@property --b2y{syntax:"<percentage>";inherits:false;initial-value:20%}@property --b3x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --b3y{syntax:"<percentage>";inherits:false;initial-value:70%}@property --b4x{syntax:"<percentage>";inherits:false;initial-value:25%}@property --b4y{syntax:"<percentage>";inherits:false;initial-value:65%}@property --b5x{syntax:"<percentage>";inherits:false;initial-value:75%}@property --b5y{syntax:"<percentage>";inherits:false;initial-value:45%}*,: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: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:#fff;color:#fff;will-change:transform, opacity, font-variation-settings, -webkit-text-fill-color;font-variation-settings:"wght" 900, "wdth" var(--logo-width,200);-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),text-shadow .45s;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;display:inline-block;transform:translate(0,0)}.liva-white.has-hover .letter,.liva-white.is-revealing .letter{-webkit-text-fill-color:transparent;color:#0000}.liva-white.is-revealing .letter{text-shadow:0 0 18px #b49bff80,0 0 40px #82a0ff33}.liva-white .letter:first-child{animation-delay:0s,0s,0s,0s,0s}.liva-white .letter:nth-child(2){animation-delay:-2s,-2.5s,-1.8s,-3s,-1.5s}.liva-white .letter:nth-child(3){animation-delay:-4s,-5s,-3.5s,-6s,-3s}.liva-white .letter:nth-child(4){animation-delay:-6s,-7.5s,-5.3s,-9s,-4.5s}.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.has-hover .letter{transition-delay:0s!important}.liva-white .letter.reveal{animation:1.15s cubic-bezier(.16,1,.3,1) both reveal-letter,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}.liva-white .letter.reveal:first-child{animation-delay:.1s,0s,0s,0s,0s,0s}.liva-white .letter.reveal:nth-child(2){animation-delay:.2s,-2s,-2.5s,-1.8s,-3s,-1.5s}.liva-white .letter.reveal:nth-child(3){animation-delay:.3s,-4s,-5s,-3.5s,-6s,-3s}.liva-white .letter.reveal:nth-child(4){animation-delay:.4s,-6s,-7.5s,-5.3s,-9s,-4.5s}.liva-white .letter.hovered{font-variation-settings:"wght" 275, "wdth" 50}@keyframes reveal-letter{0%{opacity:0;transform:translateY(38px)}60%{opacity:1}to{opacity:1;transform:translate(0,0)}}@keyframes liquid-b1{0%,to{--b1x:20%;--b1y:30%}25%{--b1x:75%;--b1y:65%}50%{--b1x:55%;--b1y:88%}75%{--b1x:12%;--b1y:52%}}@keyframes liquid-b2{0%,to{--b2x:80%;--b2y:20%}33%{--b2x:22%;--b2y:78%}66%{--b2x:68%;--b2y:42%}}@keyframes liquid-b3{0%,to{--b3x:50%;--b3y:72%}40%{--b3x:88%;--b3y:22%}70%{--b3x:18%;--b3y:48%}}@keyframes liquid-b4{0%,to{--b4x:25%;--b4y:65%}30%{--b4x:72%;--b4y:28%}60%{--b4x:42%;--b4y:82%}80%{--b4x:82%;--b4y:58%}}@keyframes liquid-b5{0%,to{--b5x:75%;--b5y:45%}25%{--b5x:28%;--b5y:18%}60%{--b5x:62%;--b5y:78%}}.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}}