.works-section{margin:50px 0}.works-section h4{margin-top:20px;margin-bottom:30px;text-align:center;font-weight:400}.works-section .work-item:hover{box-shadow:0 10px 22px rgba(18,20,28,.12);transform:translateY(-2px)}.works-section .img-container{overflow:hidden;position:relative;transition:opacity .3s ease-in-out;padding-bottom:100%;height:0}.works-section .section-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;gap:20px}.works-section .work-item{background-color:#fff;transition:transform .3s ease,box-shadow .3s ease;transform:translateY(20px);position:relative;width:300px;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(18,20,28,.07)}.works-section .work-item:hover .info{opacity:1;z-index:2;transform:scale(1)}.works-section .work-item.animate{animation:fadeInUp .6s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.works-section .info{padding:clamp(14px,2vw,18px);display:flex;flex-direction:column;gap:8px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:#f8f9fc;transition:opacity .3s ease-in-out,transform .3s ease-in-out;box-sizing:border-box;opacity:0;border-radius:14px;border:1px solid rgba(43,50,72,.06);text-align:center;transform:scale(.97)}.works-section .info,.works-section a{align-items:center;justify-content:center}.works-section a{display:inline-flex;text-decoration:none;color:#241c00;padding:8px 18px;font-size:.92rem;border-radius:999px;font-weight:600;background:#ffd000;border:1px solid #e3bb00;box-shadow:0 4px 10px rgba(255,208,0,.24);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.works-section a:hover{transform:translateY(-1px);filter:saturate(1.03);box-shadow:0 6px 12px rgba(255,208,0,.3)}.works-section a:active{transform:translateY(0)}.works-section .main-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s ease-in-out}.works-section h3{font-size:clamp(1.2rem,1.5vw,1.45rem);line-height:1.15;margin-bottom:2px;color:#2c2e36;font-weight:700}.works-section p{line-height:1.35em;text-align:center;color:#5e6473;font-size:clamp(.86rem,1vw,.94rem);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.works-section .stack-list{display:flex;list-style:none;margin:0;padding:0;gap:8px}.works-section .stack-list li{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border-radius:50%;background:#edf1f8;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7)}.works-section .stack-list img{height:20px;width:20px;object-fit:contain}.works-section .hidden,.works-section .mobile-hidden{display:none}.works-section .btn{display:none;margin:50px auto 30px;padding:10px 20px;border:none;background-color:#333;cursor:pointer;border-radius:3px;font-size:1em;color:#fff;transition:.3s ease-in-out}.works-section .btn:hover{background-color:#5b5b5b}@media(max-width:768px){.works-section .section-container{grid-template-columns:1fr}.works-section .work-item{min-width:300px}}@media(max-width:1190px){.works-section .btn{display:block}.works-section .mobile-hidden{display:none}}@media(min-width:1191px){.works-section .mobile-hidden{display:block}}