.tech-stack-section{width:100%;max-width:1440px;margin:0 auto;padding:4rem 1rem 6rem;background-color:#fff;font-family:Inter,sans-serif;text-align:center;box-sizing:border-box;--icon-size:56px;--gap:20px;--tx-step:calc(var(--icon-size) + var(--gap));--row-shift:var(--tx-step)}.tech-stack-title{font-family:Google Sans,Inter,sans-serif;font-weight:400;font-size:32px;letter-spacing:-2px;color:#111827;margin:0 auto 3rem}.tech-stack-wrapper{min-height:110px}.tech-stack-container,.tech-stack-wrapper{display:flex;justify-content:center;align-items:center}.tech-stack-container{flex-direction:row;cursor:pointer;animation:ballFloat 4s ease-in-out infinite}.tech-stack-row{display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.34,1.45,.64,1);will-change:transform}.tech-stack-row+.tech-stack-row{margin-top:0;margin-left:calc(var(--icon-size) * -1)}.tech-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;margin-left:calc(var(--icon-size) * -1);z-index:calc(var(--index) + 1);transition:transform .6s cubic-bezier(.34,1.45,.64,1);will-change:transform}@keyframes ballFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tech-stack-section:hover .tech-stack-container{animation-play-state:paused}.tech-item:first-child{margin-left:0}.tech-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25));transform:scale(calc(1 - (var(--total) - 1 - var(--index)) * .05));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.tech-label{opacity:0;visibility:hidden;position:absolute;top:100%;margin-top:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#4b5563;white-space:nowrap;transition:opacity .4s ease,visibility .4s ease}.tech-stack-container.is-visible .tech-label,.tech-stack-section:hover .tech-label{opacity:1;visibility:visible}.tech-stack-container.is-visible .tech-stack-row+.tech-stack-row,.tech-stack-section:hover .tech-stack-row+.tech-stack-row{transform:none}.tech-stack-container.is-visible .tech-item,.tech-stack-section:hover .tech-item{transform:translateX(calc((var(--index) - (var(--total) - 1) / 2) * var(--tx-step)));z-index:calc(var(--index) + 1)}.tech-stack-container.is-visible .tech-item .tech-icon,.tech-stack-section:hover .tech-item .tech-icon{transform:scale(1)}.tech-stack-section:hover .tech-item:hover{z-index:100}.tech-stack-section:hover .tech-item:hover .tech-icon{transform:translateY(-8px) scale(1.18);filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}.tech-stack-section:hover .tech-item:hover .tech-label{color:#4f46e5;transition-delay:0s}@media (max-width:1024px){.tech-stack-section{--icon-size:48px;--gap:16px;--tx-step:calc(var(--icon-size) + var(--gap));--row-shift:var(--tx-step)}.tech-stack-container.is-visible{animation-play-state:paused}}@media (max-width:768px){.tech-stack-section{padding:3rem 1rem 6rem;--icon-size:40px;--gap:10px;--tx-step:calc(var(--icon-size) + var(--gap));--row-shift:var(--tx-step)}.tech-stack-title{font-size:1.8rem;margin-bottom:2rem}.tech-label{font-size:10px}}@media (max-width:480px){.tech-stack-section{padding:2.5rem .5rem 5rem;--icon-size:34px;--gap:0px;--tx-step:0px;--row-shift:0px}.tech-stack-container{flex-direction:column;animation:none!important;width:100%}.tech-stack-row{width:100%;justify-content:space-between;padding:0 1rem;box-sizing:border-box;transform:none!important}.tech-item,.tech-stack-row+.tech-stack-row{margin-left:0!important;transform:none!important}.tech-stack-row+.tech-stack-row{margin-top:20px!important}.tech-icon{transform:scale(1)!important}.tech-label{display:none}}