.why-section{background:#000;width:100%;height:600vh;position:relative}.sticky-wrap{background:#000;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.canvas-host{cursor:grab;position:absolute;inset:0}.canvas-host canvas{width:100%;height:100%;display:block}.kinetic-overlay{pointer-events:none;position:absolute;inset:0}.hitbox{pointer-events:auto;width:500px;height:375px;text-decoration:none;position:absolute;top:0;left:0}.kinetic-title,.kinetic-category{opacity:0;text-transform:uppercase;color:#fff;flex-wrap:wrap;gap:.25em;width:max-content;font-family:Nohemi Medium,Nohemi Medium Placeholder,sans-serif;font-size:1rem;font-weight:500;transition:opacity .25s;display:flex;position:absolute;top:-8px}.kinetic-title{text-align:left;left:0;transform:translateY(-100%)}.kinetic-category{text-align:right;opacity:.8;right:0;transform:translateY(-100%)}.hitbox.is-active .kinetic-title,.hitbox.is-active .kinetic-category{opacity:1}.kinetic-char-wrap{margin-bottom:-.15em;padding-bottom:.15em;display:inline-flex;overflow:hidden}.kinetic-char{transform-origin:bottom;transition:transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 18ms);display:inline-block;transform:translateY(120%)rotateX(10deg)}.hitbox.is-active .kinetic-char{transform:translateY(0)rotateX(0)}@media (max-width:768px){.hitbox{width:280px;height:210px}.kinetic-title,.kinetic-category{font-size:.8rem}}