@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float1{0%,to{transform:translate(0,0) rotate(-5deg)}20%{transform:translate(5vw,-3vh) rotate(8deg)}40%{transform:translate(9vw,2vh) rotate(15deg)}60%{transform:translate(4vw,7vh) rotate(5deg)}80%{transform:translate(-2vw,3vh) rotate(-5deg)}}@keyframes float2{0%,to{transform:translate(0,0) rotate(5deg)}25%{transform:translate(-6vw,4vh) rotate(-12deg)}50%{transform:translate(8vw,8vh) rotate(20deg)}75%{transform:translate(12vw,-2vh) rotate(45deg)}}@keyframes float3{0%,to{transform:translate(0,0) rotate(5deg)}30%{transform:translate(-8vw,-5vh) rotate(-18deg)}60%{transform:translate(3vw,-9vh) rotate(-8deg)}90%{transform:translate(7vw,-2vh) rotate(10deg)}}@keyframes float4{0%,to{transform:translate(0,0) rotate(-5deg)}15%{transform:translate(10vw,5vh) rotate(50deg)}35%{transform:translate(6vw,12vh) rotate(18deg)}65%{transform:translate(-4vw,8vh) rotate(-10deg)}85%{transform:translate(-7vw,2vh) rotate(-30deg)}}@keyframes float5{0%,to{transform:translate(0,0) rotate(5deg)}40%{transform:translate(-10vw,6vh) rotate(-25deg)}70%{transform:translate(-3vw,-4vh) rotate(-5deg)}}@keyframes float6{0%,to{transform:translate(0,0) rotate(-5deg)}20%{transform:translate(4vw,9vh) rotate(12deg)}50%{transform:translate(-8vw,11vh) rotate(-15deg)}80%{transform:translate(-12vw,3vh) rotate(-30deg)}}@keyframes float7{0%,to{transform:translate(0,0) rotate(-5deg)}35%{transform:translate(11vw,-6vh) rotate(22deg)}65%{transform:translate(-5vw,-10vh) rotate(-12deg)}}@keyframes float8{0%,to{transform:translate(0,0) rotate(5deg)}25%{transform:translate(-7vw,-8vh) rotate(-35deg)}45%{transform:translate(9vw,-4vh) rotate(15deg)}75%{transform:translate(14vw,5vh) rotate(40deg)}}@keyframes defocus{0%,to{transform:scale(1);--defocus-blur:5px}35%,5%{transform:scale(1);--defocus-blur:0px}60%{transform:scale(calc(1 + .06*var(--defocus-scale)));--defocus-blur:5px}75%{transform:scale(calc(1 + .12*var(--defocus-scale)));--defocus-blur:15px}80%{transform:scale(calc(1 + .36*var(--defocus-scale)));--defocus-blur:30px}}@keyframes molOpacity{0%{--molO:0;pointer-events:auto}5%{--molO:0.6;pointer-events:auto}35%{--molO:0.8;pointer-events:auto}65%{--molO:0.3;pointer-events:auto}80%{--molO:0.1;pointer-events:auto}85%,to{--molO:0;pointer-events:none}}@keyframes molOpacityFallback{0%,85%,to{opacity:0}5%{opacity:.6}35%{opacity:.8}65%{opacity:.3}80%{opacity:.1}}:root{--bg1:#ff6b6b;--bg2:#6b8bff;--accent:#ffd76b;--defocus-scale:0}*{box-sizing:border-box;margin:0}.no-animations *,.no-animations ::after,.no-animations ::before{animation-play-state:paused!important}body,html{min-height:100%;max-width:100%;overflow-x:hidden}html{background:var(--bg1);background:linear-gradient(120deg,var(--bg1),var(--bg2));background-attachment:fixed;background-size:300% 300%;animation:gradientShift 15s ease infinite}body,h1{color:#fff}.scene,body{display:flex;flex-direction:column;align-items:center}body{isolation:isolate;justify-content:flex-start;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;background:0 0;text-align:center;overflow-y:auto}.scene{height:100svh;padding:clamp(3rem,6vmin,5rem) 6vmin;overflow:hidden;justify-content:center;z-index:3}h1{font-size:clamp(2.8rem,8vw,6.5rem);line-height:.9;font-weight:700;letter-spacing:.005em;margin:0;padding:0 1rem;text-shadow:0 6px 30px rgba(0,0,0,.35);transform:translateZ(0)}.underline{display:inline-block;margin-top:1.2rem;padding:.35rem 1.2rem;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.02));backdrop-filter:blur(2px);font-size:1rem;color:rgba(255,255,255,.92);box-shadow:0 6px 10px rgba(0,0,0,.1)}.motion-btn{position:fixed;left:50%;bottom:2rem;transform:translateX(-50%);padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:inherit}.molecules{position:fixed;top:0;left:0;width:100%;height:100vh;inset:0;z-index:1}.molecules-fg{z-index:2}.molecules-bg{z-index:1}.molecules-bg>.mol{scale:.55}.mol{position:absolute;width:var(--size, 5vmax);height:var(--size, 5vmax);transform-origin:center center}@property --defocus-blur{syntax:"<length>";inherits:false;initial-value:5px}.mol img{width:100%;height:100%;object-fit:contain;opacity:var(--molO, 0);--defocus-blur:0px;filter:invert(1) drop-shadow(0 0 1.5px) blur(var(--defocus-blur))}@supports (property:--molO){.mol{animation:var(--float) var(--float-dur, 18s) ease-in-out infinite,molOpacity var(--defocus-dur, 12s) linear infinite;animation-delay:var(--float-delay, 0s),var(--defocus-delay, 0s)}.mol img{animation:defocus var(--defocus-dur,12s) linear infinite;animation-delay:var(--defocus-delay,0s)}}@supports not (property:--molO){.mol img{animation:defocus var(--defocus-dur,12s) linear infinite,molOpacityFallback var(--defocus-dur,12s) linear infinite;animation-delay:var(--defocus-delay,0s),var(--defocus-delay,0s)}}.mol.m1{--float:float1;--float-dur:24s;--float-delay:-0s;--defocus-dur:15s;--defocus-delay:0s}.mol.m2{--float:float2;--float-dur:19s;--float-delay:-1.2s;--defocus-dur:12s;--defocus-delay:11s}.mol.m3{--float:float3;--float-dur:19s;--float-delay:-0.8s;--defocus-dur:13s;--defocus-delay:8.5s}.mol.m4{--float:float4;--float-dur:21s;--float-delay:-1.6s;--defocus-dur:12s;--defocus-delay:6.8s}.mol.m5{--float:float5;--float-dur:19s;--float-delay:-0.4s;--defocus-dur:10s;--defocus-delay:3.5s}.mol.m6{--float:float6;--float-dur:20s;--float-delay:-2.5s;--defocus-dur:13s;--defocus-delay:14.1s}.mol.m7{--float:float7;--float-dur:16.4s;--float-delay:-1.1s;--defocus-dur:9s;--defocus-delay:5s}.mol.m8,.mol.s1{--float-delay:-0s}.mol.m8{--float:float8;--float-dur:22.7s;--defocus-dur:14s;--defocus-delay:1s}.mol.s1{--float:float5;--float-dur:21s;--defocus-dur:15s;--defocus-delay:10s}.mol.s2{--float:float6;--float-dur:19s;--float-delay:-1.2s;--defocus-dur:12s;--defocus-delay:0.5s}.mol.s3{--float:float7;--float-dur:19s;--float-delay:-0.8s;--defocus-dur:13s;--defocus-delay:6.8s}.mol.s4{--float:float8;--float-dur:21s;--float-delay:-1.6s;--defocus-dur:12s;--defocus-delay:3.5s}.mol.s5{--float:float1;--float-dur:19s;--float-delay:-0.4s;--defocus-dur:10s;--defocus-delay:15s}.mol.s6{--float:float2;--float-dur:20s;--float-delay:-2.5s;--defocus-dur:13s;--defocus-delay:2.5s}.mol.s7{--float:float3;--float-dur:16.4s;--float-delay:-1.1s;--defocus-dur:9s;--defocus-delay:1.5s}.mol.s8{--float:float4;--float-dur:22.7s;--float-delay:-0s;--defocus-dur:14s;--defocus-delay:5s}.blurred-center{position:absolute;inset:-20% -10%auto -10%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.12)0,rgba(255,255,255,.06) 40%,rgba(255,255,255,0) 80%);filter:blur(20px) saturate(120%);opacity:.5;pointer-events:none;border-radius:1.5rem}.top-link{position:fixed;top:.75rem;z-index:1000;padding:.35rem .7rem;border-radius:999px;font-size:.9rem;color:#ffffffcc;text-decoration:none;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.molecules,.scene{pointer-events:none}.scene .underline{pointer-events:auto;cursor:pointer}.mol{pointer-events:auto;overflow:visible;animation:var(--float) var(--float-dur, 18s) ease-in-out infinite,molOpacity var(--defocus-dur, 12s) linear infinite;animation-delay:var(--float-delay, 0s),var(--defocus-delay, 0s)}.mol:hover::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,var(--accent) 0%,rgba(255,215,107,0) 70%);filter:blur(14px);opacity:calc(var(--molO)*.85);border-radius:50%;z-index:0}.mol:hover::after{content:attr(data-alt);position:absolute;left:50%;top:100%;transform:translate(-50%,.6rem);background:rgba(0,0,0,.55);padding:.4rem .7rem;font-size:.8rem;color:#fff;line-height:1.1;border-radius:.6rem;white-space:nowrap;letter-spacing:.5px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 14px -3px rgba(0,0,0,.55);z-index:2;pointer-events:none;opacity:var(--molO)}.molecules-bg>.mol:hover::after{padding:.8rem 1.4rem;font-size:1.6rem}@property --molO{syntax:"<number>";inherits:true;initial-value:0}