/* BundleLeads Elements — Projects widget */
.bl-projects{--bl-gap:22px}
.bl-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bl-proj-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E9E6F4;border-radius:20px;overflow:hidden;height:100%;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.bl-lift .bl-proj-card:hover{transform:translateY(-6px)}
.bl-proj-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#f3f1fb}
.bl-proj-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.bl-proj-media img.bl-proj-logo{object-fit:contain;padding:14%;background:#fff}
.bl-zoom .bl-proj-card:hover .bl-proj-media img{transform:scale(1.06)}
.bl-proj-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ph1,#EC5B9E),var(--ph2,#6E7CF5))}
.bl-proj-ph span{font-family:Sora,sans-serif;font-weight:800;font-size:54px;color:rgba(255,255,255,.9)}
.bl-proj-cat{position:absolute;top:12px;left:12px;background:rgba(12,8,33,.72);color:#fff;font:600 11.5px/1 Sora,sans-serif;letter-spacing:.3px;padding:7px 12px;border-radius:99px;backdrop-filter:blur(4px)}
.bl-proj-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
.bl-proj-title{margin:0;font:600 18px/1.25 Sora,sans-serif;color:#17132A}
.bl-proj-title a{color:inherit;text-decoration:none;transition:color .2s}
.bl-proj-metaline{font:500 13px/1.4 Inter,sans-serif;color:#6F6885}
.bl-proj-excerpt{margin:2px 0 0;font:400 14.5px/1.6 Inter,sans-serif;color:#6F6885}
.bl-proj-chips,.bl-proj-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.bl-proj-chip{background:#F3F1FB;color:#4A4368;font:600 11.5px/1 Sora,sans-serif;padding:6px 11px;border-radius:99px}
.bl-proj-metric{font:400 12.5px/1.3 Inter,sans-serif;color:#6F6885;background:#FBFAFF;border:1px solid #EEEBF8;padding:5px 10px;border-radius:8px}
.bl-proj-metric b{font-family:Sora,sans-serif;color:#17132A}
.bl-proj-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:12px}
.bl-proj-links a{font:600 14px/1 Sora,sans-serif;color:#6E7CF5;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .2s,color .2s}
.bl-proj-links a:hover{gap:9px}
/* overlay style */
.bl-proj-card.is-overlay{background:#0C0821}
.bl-proj-card.is-overlay .bl-proj-media{aspect-ratio:4/5}
.bl-proj-card.is-overlay .bl-proj-body{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(12,8,33,.85) 0%,rgba(12,8,33,0) 100%);padding-top:60px}
.bl-proj-card.is-overlay .bl-proj-title,.bl-proj-card.is-overlay .bl-proj-title a,.bl-proj-card.is-overlay .bl-proj-metaline,.bl-proj-card.is-overlay .bl-proj-excerpt{color:#fff}
.bl-proj-card.is-overlay .bl-proj-metaline,.bl-proj-card.is-overlay .bl-proj-excerpt{color:rgba(255,255,255,.82)}
/* filter tabs */
.bl-projects-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.bl-proj-filter{font:600 14px/1 Sora,sans-serif;color:#4A4368;background:#fff;border:1px solid #E9E6F4;border-radius:99px;padding:10px 18px;cursor:pointer;transition:all .2s}
.bl-proj-filter:hover{border-color:#6E7CF5}
.bl-proj-filter.is-active{background:#17132A;border-color:#17132A;color:#fff}
/* carousel */
.bl-view-carousel{position:relative}
.bl-view-carousel .swiper{padding:6px 4px 8px}
.bl-view-carousel .swiper-slide{height:auto}
.bl-view-carousel .swiper-slide>.bl-proj-card,.bl-view-carousel .swiper-slide{height:100%}
.swiper-button-next,.swiper-button-prev{color:#17132A;background:#fff;width:44px;height:44px;border-radius:50%;box-shadow:0 8px 24px -10px rgba(23,19,42,.4);border:1px solid #E9E6F4}
.swiper-button-next:after,.swiper-button-prev:after{font-size:16px;font-weight:700}
.swiper-pagination{position:static;margin-top:20px}
.swiper-pagination-bullet{background:#C9C2EE;opacity:1}
.swiper-pagination-bullet-active{background:#6E7CF5}
@media(max-width:1024px){.bl-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.bl-view-grid{grid-template-columns:1fr}}