:root{--color-1:#fff;--color-2:color-mix(in srgb, var(--color-accent) 55%, white);--color-3:color-mix(in srgb, var(--color-accent) 75%, white);--color-4:color-mix(in srgb, var(--color-accent) 45%, white)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:var(--color-plate);gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:var(--color-plate);border-radius:999px;position:relative}.gooey-nav-container nav ul li a{padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;display:inline-block}.gooey-nav-container nav ul li.active{color:#000}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:999px;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:var(--color-plate);font-size:.9rem;font-weight:500}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";z-index:-2;background:#000;position:absolute;inset:-75px}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:999px;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:999px;width:18px;height:18px;display:block}.particle{animation:particle var(--time) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point var(--time) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;transform:scale(0)}35%{opacity:1}65%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}
.twd-section{flex-direction:column;min-height:100svh;display:flex}.twd-heading{text-align:center;padding:7rem 1rem 0}.twd-root{outline:none;flex-direction:column;flex:1;justify-content:center;gap:clamp(1rem,2vh,2rem);width:100%;display:flex}.twd-root:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.twd-defs{pointer-events:none;width:0;height:0;position:absolute}.twd-band{cursor:grab;pointer-events:auto;isolation:isolate;background:#050507;width:100%;height:60vh;min-height:300px;position:relative;overflow:hidden}.twd-band:active{cursor:grabbing}.twd-field{z-index:6;pointer-events:none;mix-blend-mode:screen;inset:0;position:absolute!important}.twd-field,.twd-field *{pointer-events:none!important}.twd-slot{isolation:isolate;height:100%;position:absolute;top:0;overflow:hidden}.twd-left{z-index:2;cursor:pointer;width:31%;left:0}.twd-center{z-index:3;cursor:pointer;width:42%;left:29%}.twd-right{z-index:2;cursor:pointer;width:31%;left:69%}.twd-inner{will-change:transform, opacity;position:absolute;inset:0}.twd-img{object-fit:cover;-webkit-user-select:none;user-select:none;will-change:transform, filter;width:100%;height:100%;display:block}.twd-center .twd-img{filter:brightness(1.08)saturate(1.05)}.twd-left .twd-img,.twd-right .twd-img{filter:brightness(.72)saturate(1.1)}.twd-grade{pointer-events:none;mix-blend-mode:color;position:absolute;inset:0}.twd-grade-left{opacity:.7;background:linear-gradient(160deg,#29d3ff,#1e5bff)}.twd-grade-right{opacity:.64;background:linear-gradient(200deg,#39e35a,#bfe000)}.twd-grade-center{opacity:.85;background:linear-gradient(155deg,#ff45b0,#ff2d6a 55%,#d21a5e)}.twd-hi{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 34%,#ffffff73,#0000 55%);position:absolute;inset:0}.twd-left:after,.twd-center:before,.twd-center:after,.twd-right:before{content:"";z-index:2;pointer-events:none;width:64px;position:absolute;top:0;bottom:0}.twd-left:after{background:linear-gradient(90deg,#0000,#000002f0);right:0}.twd-center:before{background:linear-gradient(270deg,#0000,#000002f0);left:0}.twd-center:after{background:linear-gradient(90deg,#0000,#000002f0);right:0}.twd-right:before{background:linear-gradient(270deg,#0000,#000002f0);left:0}.twd-divider{z-index:7;pointer-events:none;width:calc(6vh + 44px);height:152%;position:absolute;top:-26%}.twd-div-l{left:30%;transform:translate(-50%)rotate(-9deg)}.twd-div-r{left:70%;transform:translate(-50%)rotate(9deg)}.twd-ink{filter:url(#twd-inkedge);background:repeating-linear-gradient(90deg,#000 0 3px,#050507 3px 5px,#000 5px 9px,#000000d9 9px 11px),linear-gradient(#020203 0%,#000 55%);position:absolute;inset:0}.twd-div-r .twd-ink{filter:url(#twd-inkedge2)}.twd-ink:after{content:"";filter:inherit;opacity:.7;background:repeating-linear-gradient(90deg,#0000 0 6px,#000000eb 6px 8px,#0000 8px 16px);animation:3.6s linear infinite twd-drip;position:absolute;inset:-12% -30%}.twd-edge{filter:blur(6px);mix-blend-mode:screen;z-index:2;width:10px;height:110%;animation:1.4s ease-in-out infinite twd-flick;position:absolute;top:-5%}.twd-edge-el{left:-5px}.twd-edge-er{animation-delay:.35s;right:-5px}.twd-div-l .twd-edge-el{background:linear-gradient(#29d3ff,#0000 85%)}.twd-div-l .twd-edge-er,.twd-div-r .twd-edge-el{background:linear-gradient(#ff45b0,#0000 85%)}.twd-div-r .twd-edge-er{background:linear-gradient(#39e35a,#0000 85%)}.twd-seam-surge{mix-blend-mode:screen;z-index:1;opacity:0;animation:2.4s ease-in-out infinite twd-surge;position:absolute;inset:0}.twd-div-l .twd-seam-surge{background:linear-gradient(90deg,#29d3ff80,#0000 40% 60%,#ff45b080)}.twd-div-r .twd-seam-surge{background:linear-gradient(90deg,#ff45b080,#0000 40% 60%,#39e35a80);animation-delay:1.1s}@keyframes twd-drip{0%{background-position-y:0}to{background-position-y:24px}}@keyframes twd-flick{0%,to{opacity:.55}50%{opacity:1}}@keyframes twd-surge{0%,55%,to{opacity:0}72%{opacity:.85}}.twd-caption{text-align:center;pointer-events:auto;width:100%;max-width:760px;margin:0 auto;padding:0 1.25rem}.twd-title{color:var(--color-plate);font-size:clamp(22px,3vw,30px);font-weight:700}.twd-desc{max-width:640px;color:var(--color-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:10px auto 0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.twd-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.twd-chip{font-size:13px;font-family:var(--font-mono);color:var(--color-muted);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.twd-chip-icon{font-size:16px}.twd-open-btn{background:var(--color-accent);color:#000;border-radius:999px;margin-top:16px;padding:12px 22px;font-size:15px;font-weight:600;display:none}@media (max-width:768px){.twd-heading{padding-top:6rem}.twd-band{height:38vh}.twd-divider{width:64px}.twd-left:after,.twd-center:before,.twd-center:after,.twd-right:before{width:40px}.twd-open-btn{display:inline-block}}@media (prefers-reduced-motion:reduce){.twd-edge,.twd-seam-surge,.twd-ink:after{animation:none!important}}