.hero-ambient{overflow:hidden}.hero-ambient__orb{filter:blur(72px);opacity:.35;will-change:transform;border-radius:50%;position:absolute}.hero-ambient__orb--a{background:radial-gradient(circle,#a855f78c 0%,#0000 70%);width:min(55vw,520px);height:min(55vw,520px);animation:22s ease-in-out infinite heroOrbDriftA;top:10%;left:-8%}.hero-ambient__orb--b{background:radial-gradient(circle,#7c3aed73 0%,#0000 70%);width:min(45vw,420px);height:min(45vw,420px);animation:26s ease-in-out infinite heroOrbDriftB;bottom:5%;right:-5%}.hero-ambient__grid{opacity:.5;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 20%,#0000 75%)}.hero-ambient__vignette{background:radial-gradient(#0000 40%,#131313 100%);position:absolute;inset:0}@keyframes heroOrbDriftA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,8%)scale(1.08)}}@keyframes heroOrbDriftB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8%,-6%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.hero-ambient__orb--a,.hero-ambient__orb--b{animation:none}}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:4px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#131313);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#131313) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #fff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #8c8c8c 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #333 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #fff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #8c8c8c 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #333 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #bfbfbf 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#fff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #fff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #8c8c8c 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #333 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #fff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #8c8c8c 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #333 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #bfbfbf 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#fff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-composite:source-out, destination-over, destination-over, destination-over, destination-over, destination-over;opacity:calc(var(--fill-opacity,.2) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#fff), inset 0 0 1px 0 var(--glow-color-60,#fff9), inset 0 0 3px 0 var(--glow-color-50,#ffffff80), inset 0 0 6px 0 var(--glow-color-40,#fff6), inset 0 0 15px 0 var(--glow-color-30,#ffffff4d), inset 0 0 25px 2px var(--glow-color-20,#fff3), inset 0 0 50px 2px var(--glow-color-10,#ffffff1a), 0 0 1px 0 var(--glow-color-60,#fff9), 0 0 3px 0 var(--glow-color-50,#ffffff80), 0 0 6px 0 var(--glow-color-40,#fff6), 0 0 15px 0 var(--glow-color-30,#ffffff4d), 0 0 25px 2px var(--glow-color-20,#fff3), 0 0 50px 2px var(--glow-color-10,#ffffff1a);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}
.scroll-stack-scroller{width:100%;height:auto;position:relative;overflow:visible}.scroll-stack-inner{min-height:100vh;padding:5vh 0 35vh;position:relative}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;box-sizing:border-box;width:100%;position:relative;transform:translateZ(0)}.scroll-stack-end{width:100%;height:1px}
.threads-container{width:100%;height:100%;position:relative}
.chroma-card{background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff26;border:1px solid #20201f;border-radius:12px;flex-direction:column;width:320px;height:auto;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);pointer-events:none;opacity:0;z-index:2;transition:opacity .5s;position:absolute;inset:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;box-sizing:border-box;background:0 0;flex:1;height:180px;padding:10px;position:relative}.chroma-img-wrapper img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.chroma-info{z-index:1;color:#fff;justify-content:justify;background-color:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-family:Sora,sans-serif;display:flex;position:relative}.chroma-info .role{color:#c4c7c8}.chroma-info .handle{color:#8e9192}.chroma-overlay{pointer-events:none;z-index:3;-webkit-backdrop-filter:grayscale()brightness(.6);-webkit-mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), transparent 0%, transparent 20%, #0000001a 35%, #0000004d 55%, #0009 75%, white 100%);mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), transparent 0%, transparent 20%, #0000001a 35%, #0000004d 55%, #0009 75%, white 100%);-webkit-mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), transparent 0%, transparent 20%, #0000001a 35%, #0000004d 55%, #0009 75%, white 100%);background:0 0;position:absolute;inset:0}.chroma-fade{pointer-events:none;z-index:4;-webkit-backdrop-filter:grayscale()brightness(.6);-webkit-mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), white 0%, white 20%, #fffc 35%, #fff9 55%, #ffffff4d 75%, transparent 100%);mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), white 0%, white 20%, #fffc 35%, #fff9 55%, #ffffff4d 75%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r,320px) at var(--x,50%) var(--y,50%), white 0%, white 20%, #fffc 35%, #fff9 55%, #ffffff4d 75%, transparent 100%);opacity:1;background:0 0;transition:opacity .3s;position:absolute;inset:0}@keyframes marqueeLeftToRight{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@keyframes marqueeRightToLeft{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.animate-marquee-left-to-right{gap:1.5rem;width:max-content;animation:25s linear infinite marqueeLeftToRight;display:flex}.animate-marquee-right-to-left{gap:1.5rem;width:max-content;animation:25s linear infinite marqueeRightToLeft;display:flex}.animate-marquee-left-to-right:hover,.animate-marquee-right-to-left:hover{animation-play-state:paused}