body,html{background:#000;color:#fff;font-family:serif;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}*,body,html{cursor:none!important}.grain,.vignette{inset:0;pointer-events:none;position:fixed;z-index:2}.grain{mix-blend-mode:overlay;opacity:.16}.grain:before{animation:grainMove 1.4s steps(2) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Cpath d='M0 0h220v220H0z' filter='url(%23a)' opacity='.65'/%3E%3C/svg%3E");background-size:220px 220px;content:"";inset:-20%;position:absolute;transform:translateZ(0)}@keyframes grainMove{0%{transform:translate3d(-2%,-2%,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(1%,2%,0)}75%{transform:translate3d(-1%,1%,0)}to{transform:translate3d(-2%,-2%,0)}}.vignette{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.92) 100%);opacity:.75;z-index:3}.hero{min-height:100vh;position:relative;z-index:4}.scene{inset:0;pointer-events:none;position:fixed;z-index:4}.light-orb{background:radial-gradient(circle at center,#ffffff14,#fff0 60%);border-radius:999px;filter:blur(18px);height:560px;left:50%;opacity:.85;position:absolute;top:50%;transform:translate(-50%,-50%);width:560px}.click{display:flex;font-size:12px;justify-content:space-around;opacity:.6;top:20px}.click,.title{pointer-events:none;position:fixed;width:100%;z-index:6}.title{bottom:-.25em;font-size:22vw;line-height:1;text-align:center}.stage{inset:0;pointer-events:none}.scroll-hint,.stage{position:fixed;z-index:7}.scroll-hint{bottom:18px;font-size:12px;left:50%;letter-spacing:.2px;opacity:.55;transform:translate(-50%)}.star{font-size:18px;left:0;pointer-events:none;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;z-index:999999}.fly{border-radius:12px;box-shadow:0 18px 46px #0000008c;position:absolute;will-change:transform,opacity,filter}.ripple{border:1px solid hsla(0,0%,100%,.55);border-radius:999px;box-shadow:0 0 20px #fff3;height:32px;mix-blend-mode:screen;position:absolute;transform:translate(-50%,-50%);width:32px}.ripple,.smoke{pointer-events:none}.smoke{background:radial-gradient(circle at center,#ffffff26,#fff0 65%);border-radius:999px;filter:blur(10px);position:fixed;will-change:transform,opacity;z-index:5}.glass-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.14);border-radius:18px;box-shadow:0 30px 80px #0000008c;left:50%;padding:14px;position:fixed;top:86px;transform:translate(-50%);width:min(640px,90vw);z-index:8}.glass-head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:6px 8px 12px}.glass-dot{background:#ffffff8c;border-radius:99px;box-shadow:0 0 18px #ffffff40;height:10px;width:10px}.glass-title{font-size:13px;letter-spacing:.3px;opacity:.85}.glass-hint{font-size:12px;opacity:.55}.glass-item{align-items:center;background:#ffffff0f;border-radius:12px;display:flex;justify-content:space-between;margin-top:10px;padding:12px;transition:background .25s ease,transform .25s ease}.glass-item span{font-size:12px;letter-spacing:.2px;opacity:.72}.glass-item strong{font-size:13px;font-weight:600}.glass-item:hover{background:#ffffff24;transform:translateY(-1px)}.glass-item .arrow{opacity:.75;transition:transform .25s ease,opacity .25s ease}.glass-item:hover .arrow{opacity:1;transform:translate(4px)}.scroll-section{height:220vh;position:relative;z-index:1}.pin{display:grid;height:100vh;overflow:hidden;place-items:center;position:sticky;top:0}.stack{aspect-ratio:3/4;position:relative;width:min(72vw,720px)}.stack-img{border-radius:18px;box-shadow:0 26px 70px #0000008c;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;will-change:transform,opacity,filter,clip-path}.reveal{clip-path:circle(var(--r,0) at 50% 50%)}.pxsort{filter:url(#pxsort)}.caption{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000059;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;bottom:18px;left:18px;padding:14px;position:absolute;right:18px}.cap-kicker{font-size:11px;letter-spacing:.3px;opacity:.65}.cap-title{font-size:20px;letter-spacing:.4px;margin-top:3px}.cap-sub{font-size:12px;margin-top:4px;opacity:.75}.outro{padding:120px 6vw 140px;position:relative;z-index:4}.outro-inner{margin:0 auto;width:min(1100px,100%)}.outro h2{font-size:40px;letter-spacing:.3px;margin:0 0 12px}.outro p{line-height:1.5;margin:0 0 26px;max-width:680px;opacity:.8}.kbd{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.14);border-radius:10px;display:inline-block;font-size:12px;margin:0 2px;padding:2px 8px}.outro-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.outro-grid{grid-template-columns:1fr}}.outro-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:18px;box-shadow:0 18px 60px #00000073;padding:18px}.outro-label{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;display:grid;font-size:12px;height:28px;opacity:.85;place-items:center;width:28px}.outro-big{font-size:22px;margin-top:12px}.outro-small{font-size:12px;margin-top:6px;opacity:.75}