:root{--font-family:"coco",sans-serif}body,html,*{font-family:var(--font-family)!important}.best-project-section{color:#fff;z-index:1;background:#0a0a0a;position:relative;overflow:hidden}.best-project-heading{background:linear-gradient(90deg,#ff3bff,#ecbfbf,#5c24ff,#d94fd5,#ff3bff) 0 0/300% 300%;justify-content:center;margin-top:10px;font-size:2.1rem;font-weight:100;animation:3s linear infinite gradient-move;display:flex;-webkit-text-fill-color:transparent!important;color:#0000!important;text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;font-family:Poppins,sans-serif!important}@keyframes gradient-move{0%{background-position:0%}to{background-position:100%}}.best-project-filter-bar{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex;font-family:Poppins,sans-serif!important}.best-project-filter-btn{color:#bdbdbd;cursor:pointer;opacity:.7;background:#181818;border:none;border-radius:2rem;outline:none;align-items:center;gap:.5rem;padding:.7rem 2.2rem;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.best-project-filter-btn.active{color:#fff;opacity:1;cursor:pointer;background:linear-gradient(90deg,#b983ff,#ff5ecd);font-family:Inter,sans-serif;box-shadow:0 2px 12px #b983ff2e}.best-project-filter-btn img{vertical-align:middle;filter:grayscale()brightness(.7);width:22px;height:22px;margin-right:8px}.best-project-filter-btn.active img{filter:none}.best-project-filter-btn:not(.active):hover{color:#fff;opacity:1;background:#292929;box-shadow:0 2px 12px #b983ff1a}.best-project-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:1.2rem;max-width:1000px;margin:0 auto;display:grid}.best-project-image-wrapper{perspective:1200px;opacity:1;justify-content:center;align-items:center;margin-bottom:1.2rem;transition:transform .7s cubic-bezier(.4,2,.6,1),opacity .7s cubic-bezier(.4,2,.6,1);display:flex;transform:none}.best-project-image{object-fit:fill;background:#181818;border-radius:24px;width:100%;transition:transform .4s cubic-bezier(.4,.2,.2,1),box-shadow .4s cubic-bezier(.4,.2,.2,1);transform:none;box-shadow:0 20px 60px #00000080}.best-project-image:hover{z-index:2;transform:scale(1.06);box-shadow:0 0 20px #0000004d}.slide-in-left{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.slide-in-right{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-200px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(200px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:480px){.best-project-section{padding:1.2rem 0}.best-project-heading{text-align:center;justify-content:center;width:100%;margin-top:.5rem;font-size:1.1rem}.best-project-filter-bar{flex-wrap:wrap;gap:.7rem;margin-bottom:1.2rem}.best-project-filter-btn{border-radius:1.2rem;padding:.4rem 1.1rem;font-size:.8rem}.best-project-grid{grid-template-columns:1fr 1fr;place-items:center;gap:.4rem;max-width:99vw;margin:0 auto;display:grid}.best-project-image-wrapper{justify-content:center;align-items:center;margin-bottom:.3rem;display:flex}.best-project-image{object-fit:cover;border-radius:10px;width:44vw;min-width:0;max-width:46vw;height:27vw;max-height:100px;margin:0 auto;display:block;box-shadow:0 4px 12px #0003}}.melanie-overlay{z-index:10;pointer-events:none;opacity:0;width:80%;height:auto;transition:top .5s cubic-bezier(.77,0,.175,1),opacity .3s;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.melanie-overlay.show{opacity:1;top:0}