.grid-project-section{max-width:100%;margin:auto}.grid-project-section .filter-bar{background:#fff;border-bottom:1px solid var(--bd, #ebebeb);border-top:1px solid var(--bd, #ebebeb);box-sizing:border-box}.grid-project-section .filter-in{margin:0 auto;padding:0 clamp(20px,5vw,60px);height:60px;display:flex;align-items:center;gap:6px;overflow-x:auto}.grid-project-section .filter-in::-webkit-scrollbar{display:none}.grid-project-section .filter-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#888;background:transparent;padding:7px 18px;border-radius:50px;border:1.5px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-block}.grid-project-section .filter-btn:hover{color:var(--pink, #df4f79);border-color:#f7c5d2;background:#fff0f3}.grid-project-section .filter-btn.active{background:#111;color:#fff;border-color:#111;font-weight:600}.grid-project-section .listing-sec{padding:64px 0 96px}.grid-project-section .listing-sec .wrap{max-width:1600px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.grid-project-section .listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-project-section .cs-card{background:#fff;border:1px solid var(--bd, #ebebeb);border-radius:20px;overflow:hidden;box-shadow:0 2px 16px #0000000f;text-decoration:none;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative}.grid-project-section .cs-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #df4f7921;border-color:#f7c5d2}.grid-project-section .cs-img{position:relative;height:200px;overflow:hidden;flex-shrink:0}.grid-project-section .cs-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}.grid-project-section .cs-placeholder.ph-1{background:linear-gradient(135deg,#0e0a1a,#1a0d35,#2d1260)}.grid-project-section .cs-placeholder.ph-2{background:linear-gradient(135deg,#0a1020,#0d1f3a,#1a3560)}.grid-project-section .cs-placeholder.ph-3{background:linear-gradient(135deg,#100a1a,#250e38,#3d1060)}.grid-project-section .cs-placeholder.ph-4{background:linear-gradient(135deg,#0e0a1a,#1a1035,#2a1855)}.grid-project-section .cs-placeholder.ph-5{background:linear-gradient(135deg,#0a0e1a,#0e1e35,#162c55)}.grid-project-section .cs-placeholder.ph-6{background:linear-gradient(135deg,#0e0a1a,#1e0e30,#380e55)}.grid-project-section .cs-ph-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(118,43,255,.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.grid-project-section .cs-ph-name{position:relative;font-family:Poppins,sans-serif;font-size:clamp(18px,2.5vw,26px);font-weight:800;color:#ffffffe6;letter-spacing:-.5px;text-transform:capitalize;text-align:center;padding:0 16px;line-height:1.2}.grid-project-section .cs-ph-cat{position:relative;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59}.grid-project-section .cs-client_name{color:var(--color-accent-1)!important;text-transform:capitalize}.grid-project-section .cs-body{padding:22px 22px 18px;flex:1;display:flex;flex-direction:column;border-top:1px solid var(--bd, #ebebeb)}.grid-project-section .cs-client{position:absolute;top:8px;right:8px}.grid-project-section .cs-client-name{display:inline-block;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:capitalize;background:var(--pink, #df4f79);color:#fff;border:1px solid rgba(223,79,121,.3);padding:4px 12px;border-radius:50px;white-space:nowrap}.grid-project-section .cs-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#111;line-height:1.35;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-project-section .cs-desc{font-size:13px;color:#888;line-height:1.7;margin-bottom:18px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-project-section .cs-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--bd, #ebebeb);border-radius:12px;overflow:hidden;margin-bottom:16px}.grid-project-section .cs-stat{padding:12px 8px;text-align:center;border-right:1px solid var(--bd, #ebebeb);background:#fafafa}.grid-project-section .cs-stat:last-child{border-right:none}.grid-project-section .cs-stat-n{display:block;font-family:Poppins,sans-serif;font-size:17px;font-weight:800;color:#111;line-height:1;margin-bottom:4px;letter-spacing:-.3px}.grid-project-section .cs-stat-n.pink{color:var(--pink, #df4f79)}.grid-project-section .cs-stat-n.purple{color:#762bff}.grid-project-section .cs-stat-n.green{color:#15803d}.grid-project-section .cs-stat-l{display:block;font-size:9px;color:#666;letter-spacing:.05em;text-transform:uppercase}.grid-project-section .cs-footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:14px;border-top:1px solid var(--bd, #ebebeb)}.grid-project-section .cs-tags{display:flex;flex-wrap:wrap;gap:5px}.grid-project-section .cs-tag{font-size:10px;font-weight:600;padding:3px 9px;border-radius:50px;background:var(--pink-bg, #fff0f3);color:var(--pink, #df4f79);border:1px solid var(--pink-bd, #f7c5d2);letter-spacing:.02em}.grid-project-section .cs-link{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--pink, #df4f79);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:gap .2s}.grid-project-section .cs-card:hover .cs-link{gap:7px}.grid-project-section .load-more{text-align:center;margin-top:52px}@media(max-width:900px){.grid-project-section .listing-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid-project-section .listing-grid{grid-template-columns:1fr}.grid-project-section .filter-in{gap:4px}}@media screen and (min-width:992px){.grid-project-section .filter-in{justify-content:center}}.grid-project-section .load-more .button--primary{border:unset}
/*# sourceMappingURL=/cdn/shop/t/60/assets/grid-project-section.css.map */