.lazy-image,.project-image img{height:100%;object-fit:cover;width:100%}.lazy-image,.project-card:hover img{transform:scale(1.05)}.project-card,.project-more-btn,.toc-item{text-decoration:none}.refrences-wrapper{padding:0 40px}.project-category{margin-bottom:70px}.project-category h2{margin-bottom:20px;font-size:22px}.site-content{padding-top:20px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-card{width:100%;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.project-image img{transition:transform .3s}.project-more-wrapper{text-align:center;margin-top:30px}.project-more-btn{display:inline-block;padding:12px 24px;background:#f7f7f7;border-radius:6px;color:#333;font-weight:500;transition:.25s}.project-more-btn:hover{background:#eaeaea}.lazy-image{opacity:0;transition:opacity .4s;background:#f0f0f0;filter:blur(10px)}.lazy-image.loaded{opacity:1;filter:blur(0);transform:scale(1)}.project-image{position:relative;overflow:hidden;border-radius:10px;height:180px;background:#fff}.project-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.85) 100%);display:flex;align-items:center;justify-content:flex-end;padding:20px}.project-title{font-family:Montserrat,sans-serif;font-size:22px;font-weight:400;color:#fff;max-width:60%;text-align:right;transform:translateX(10px);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-toc::-webkit-scrollbar{height:6px}.project-toc::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.toc-item{white-space:nowrap;padding:8px 14px;border-radius:20px;background:#f3f3f3;color:#333;font-size:14px;transition:.2s}.toc-item:hover{background:#e0e0e0}.toc-item.active{background:#111;color:#fff}.project-toc{display:flex;display:flex;justify-content:center;gap:10px;overflow-x:auto;margin-bottom:30px;width:100%;position:sticky;top:60px;background:#fff;padding:45px 0 15px;border-bottom:1px solid #f4f4f4;z-index:10}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(3,1fr)}.refrences-wrapper{padding:0 20px}.project-toc{justify-content:start}}@media (max-width:800px){.project-grid{grid-template-columns:repeat(2,1fr)}.refrences-wrapper{padding:0 20px}.project-toc{justify-content:start}}@media (max-width:500px){.project-grid{grid-template-columns:1fr}.refrences-wrapper{padding:0 10px}.project-toc{justify-content:start}}