.grid-selector{gap:.5rem;height:fit-content;display:flex;position:relative}.selector-head{cursor:pointer;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;min-width:18.75rem;padding:.75rem 0;display:flex}.grid-icon{width:1.5rem;min-width:1.5rem}.arrow{width:1.5rem;height:1.5rem;font-size:1.5rem;transition:all .3s}.arrow.open{transform:rotate(180deg)}.selector-dropdown{z-index:10;background:#fff;border:1px solid #eee;width:100%;margin-top:5px;position:absolute;top:100%;left:0}.option{cursor:pointer;gap:.5rem;padding:8px 10px;transition:all .2s;display:flex}.option:hover{background:#f5f5f5}.option.active p{color:var(--highlight-color)}.projects-wrapper.grid-2{grid-template-columns:calc(50% - .625rem) calc(50% - .625rem)}.projects-wrapper{grid-template-columns:100%;gap:5rem 1.25rem;display:grid}.project-content{width:100%;max-width:90%}video.project-img{opacity:1}.project-img{opacity:0}.project-img.loaded{opacity:1}.project-box{align-items:end;width:100%}.project-card{gap:var(--small-gap-size);flex-direction:column;display:flex}.projects-wrapper .project-image{aspect-ratio:1690/745;background-color:var(--cream-bg-color)}.project-card .project-image{overflow:hidden}.project-card:hover .project-image img{transform:scale(1.01)}.projects-wrapper.grid-2 .project-image{aspect-ratio:79/42;background-color:var(--cream-bg-color)}.projects-wrapper.grid-2 .project-box{flex-direction:column;justify-content:space-between;align-items:start;gap:1.5rem;height:fit-content}.ellipsis-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ellipsis-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blogsline{background-color:#707070;width:100%;height:1px}.grid-dropdown{min-width:180px;position:relative}.grid-dropdown-btn{text-transform:uppercase;cursor:pointer;letter-spacing:1px;width:100%;font-size:.85rem;font-family:var(--regular-font-family);background:0 0;border:none;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:0 0 .5rem;display:flex}.grid-dropdown-btn svg{transition:all .3s}.grid-dropdown-btn svg.rotate{transform:rotate(180deg)}.grid-dropdown-menu{z-index:99;background:#fff;border:1px solid #ddd;width:100%;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 10px 30px #00000014}.grid-dropdown-item{cursor:pointer;text-transform:uppercase;font-family:var(--regular-font-family);padding:.75rem;font-size:.75rem;transition:all .3s}.grid-dropdown-item:hover,.grid-dropdown-item.active{background:#f5f5f5}.projects-wrapper.grid-2.blog-grid-3{grid-template-columns:1fr 1fr;gap:3rem 1.5rem}.projects-wrapper.grid-2.blog-grid-3 .project-image{aspect-ratio:1633/953;background-color:var(--cream-bg-color)}@media only screen and (max-width:1152px){.projects-wrapper{gap:3rem}.projects-wrapper.grid-2{grid-template-columns:calc(50% - 1.5rem) calc(50% - 1.5rem)}}@media only screen and (max-width:991px){.projects-wrapper .project-image{aspect-ratio:79/42;background-color:var(--cream-bg-color)}.project-actions{display:none!important}.projects-wrapper.grid-2{grid-template-columns:100%}.projects-wrapper .project-box{flex-direction:column;justify-content:space-between;align-items:start;gap:1.5rem;height:100%}.project-content{width:100%;max-width:100%}.projects-wrapper.grid-2.blog-grid-3{grid-template-columns:1fr 1fr;gap:1.5rem}.mobile-flex-columns-serach{gap:2.5rem;flex-direction:column!important}}@media only screen and (max-width:767px){.projects-wrapper{flex-direction:column;gap:2.5rem!important;display:flex!important}.project-actions{display:none!important}}.project-actions{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:2rem;display:flex}.search-wrapper{border-bottom:1px solid #0000;justify-content:flex-end;align-items:center;width:3rem;transition:all .5s;display:flex;overflow:hidden}.search-wrapper.active{border-color:#dcdcdc;width:15rem}.search-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;padding:0;display:flex}.search-btn img{object-fit:contain;width:1.5rem;height:1.5rem}.search-wrapper input{opacity:0;background:0 0;border:none;outline:none;width:100%;font-size:.95rem;transition:opacity .3s}.search-wrapper.active input{opacity:1}.grid-selector{align-items:center;gap:.75rem;display:flex}.grid-btn{cursor:pointer;width:2.5rem;height:2.5rem;transition:var(--common-transition)}.grid-btn img{object-fit:contain;width:100%;height:100%;display:block}.project-status{text-align:center;width:100%;padding:8rem 0}.project-status h3{margin-bottom:1rem;font-size:2rem}.project-status p{opacity:.7}
.projects-wrapper.grid-2.blog-grid-3 .project-image.blog-card-img{aspect-ratio:1633/953!important}
.skeleton-bg{background:#e5e5e5;position:relative;overflow:hidden}.skeleton-bg:after{content:"";background:linear-gradient(90deg,#0000,#f5f5f5,#0000);width:150px;height:100%;position:absolute;top:0;left:-150px}.project-image.relative.overflow-hidden.skeleton-bg,.skeleton-img{background:#e5e5e5;width:100%;height:auto;aspect-ratio:77/108!important}.skeleton-title{border-radius:4px;width:80%;height:18px;margin-bottom:10px}.projects-wrapper.grid-2 .skeleton-card .project-box{height:unset}.projects-wrapper.grid-2 .skeleton-card .blogsline{background-color:#0000}.skeleton-desc{border-radius:4px;width:100%;height:14px;margin-bottom:8px}.skeleton-desc.short{width:70%}.skeleton-read{border-radius:4px;width:100px;height:14px}.skeleton-date{border-radius:4px;width:60%;height:14px}