.works{margin:2rem 0;padding:2rem 0}.works .section_title{color:#01493b;text-align:center;font-size:40px;margin-bottom:3rem}.works .carousel-container{width:90%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.works .carousel-track{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;gap:20px}.works .carousel-track,.works .project-card{display:-webkit-box;display:-ms-flexbox;display:flex}.works .project-card{-ms-flex-negative:0;flex-shrink:0;height:400px;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.works .project-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.15);box-shadow:0 8px 30px rgba(0,0,0,.15)}.works .project-link{text-decoration:none;color:inherit;flex-direction:column}.works .project-icon,.works .project-link{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.works .project-icon{background:linear-gradient(135deg,#20b2aa,#008b8b);flex-direction:column;padding:2rem;color:#fff;position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.works .project-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:1}.works .project-icon .icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;margin-bottom:1.5rem;position:relative;z-index:2}.works .project-icon .icon-wrapper .icon{font-size:3rem}.works .project-icon .icon-wrapper .icon,.works .project-icon .icon-wrapper .project-logo{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.works .project-icon .icon-wrapper .project-logo{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.works .project-icon .project-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2;height:100%}.works .project-icon .project-info .project-title{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;-ms-flex-negative:0;flex-shrink:0}.works .project-icon .project-info .project-period{font-size:.9rem;opacity:.8;margin-bottom:1rem;font-weight:500;-ms-flex-negative:0;flex-shrink:0}.works .project-icon .project-info .project-description{font-size:.95rem;line-height:1.5;opacity:.9;margin-bottom:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1;max-height:100px;overflow-y:auto;padding-right:.5rem}.works .project-icon .project-info .project-description::-webkit-scrollbar{width:4px}.works .project-icon .project-info .project-description::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.works .project-icon .project-info .project-description::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.works .project-icon .project-info .project-description::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.works .project-image{height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#e0f7fa,#b2dfdb);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem}.works .project-image img{max-width:80%;max-height:60%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.works .project-image .project-overlay,.works .project-image img{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.works .project-image .project-overlay{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));padding:2rem 1.5rem 1.5rem;color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%)}.works .project-image .project-overlay .project-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.works .project-image .project-overlay .project-period{font-size:.9rem;opacity:.8}.works .project-image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.works .project-image:hover .project-overlay{-webkit-transform:translateY(0);transform:translateY(0)}.works .carousel-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;margin-top:2rem}.works .carousel-dots .dot{width:12px;height:12px;border-radius:50%;border:none;background:rgba(0,0,0,.3);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.works .carousel-dots .dot.active{background:#01493b;-webkit-transform:scale(1.2);transform:scale(1.2)}.works .carousel-dots .dot:hover{background:rgba(0,0,0,.5)}@media screen and (max-width:1024px){.works .carousel-container{width:95%}.works .project-card{height:350px}.works .project-icon{padding:1.5rem}.works .project-icon .icon-wrapper .icon{font-size:2.5rem}.works .project-icon .project-info .project-title{font-size:1.2rem}.works .project-icon .project-info .project-description{font-size:.9rem}}@media screen and (min-width:769px)and (max-width:1024px){.works .carousel-container{width:95%;padding:0 .5rem;-webkit-box-sizing:border-box;box-sizing:border-box}.works .project-card{height:350px}.works .project-icon{padding:1.5rem}.works .project-icon .icon-wrapper{height:70px;margin-bottom:1.2rem}.works .project-icon .icon-wrapper .icon{font-size:2.5rem}.works .project-icon .project-info .project-title{font-size:1.2rem}.works .project-icon .project-info .project-description{font-size:.9rem}}@media screen and (max-width:768px){.works{margin:1rem 0;padding:1rem 0}.works .section_title{font-size:30px!important;margin:20px 0 2rem}.works .carousel-container{width:100%;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.works .project-card{height:300px}.works .project-icon{padding:1rem}.works .project-icon .icon-wrapper{height:60px;margin-bottom:1rem}.works .project-icon .icon-wrapper .icon{font-size:2rem}.works .project-icon .project-info .project-title{font-size:1.1rem}.works .project-icon .project-info .project-description{font-size:.85rem;margin-bottom:1rem}.works .project-icon .project-info .skills-tags .skill-tag{font-size:.75rem;padding:.2rem .6rem}.works .project-image{padding:1rem}.works .project-image img{max-width:70%;max-height:50%}.works .project-image .project-overlay{padding:1.5rem 1rem 1rem}.works .project-image .project-overlay .project-title{font-size:1.1rem}.works .project-image .project-overlay .project-period{font-size:.8rem}}@media screen and (max-width:480px){.works .project-card{height:280px}.works .project-icon{padding:.8rem}.works .project-icon .project-info .project-title{font-size:1rem}.works .project-icon .project-info .project-description{font-size:.8rem}.works .project-image{padding:.8rem}.works .project-image img{max-width:60%;max-height:40%}}