.wbe-portfolio-grid{--wbe-pg-columns:3;--wbe-pg-columns-tablet:2;--wbe-pg-columns-mobile:1;--wbe-pg-gap:16px;--wbe-pg-ratio:1/1;--wbe-pg-card-radius:8px;--wbe-pg-overlay:rgba(102,126,234,.85);--wbe-pg-title-color:#fff;--wbe-pg-filter-active:#667eea;--wbe-pg-card-shadow:none;--wbe-pg-transition:0.3s ease;width:100%}.wbe-portfolio-grid__filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.wbe-portfolio-grid__filter-btn{align-items:center;background:#f1f3f4;border:2px solid transparent;border-radius:50px;color:#444;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;line-height:1.4;padding:6px 18px;transition:background var( --wbe-pg-transition ),color var( --wbe-pg-transition ),border-color var( --wbe-pg-transition ),transform var( --wbe-pg-transition );white-space:nowrap}.wbe-portfolio-grid__filter-btn:hover{background:color-mix(in srgb,var( --wbe-pg-filter-active ) 12%,transparent);border-color:color-mix(in srgb,var( --wbe-pg-filter-active ) 30%,transparent);color:var( --wbe-pg-filter-active )}.wbe-portfolio-grid__filter-btn.is-active{background:var( --wbe-pg-filter-active );border-color:var( --wbe-pg-filter-active );color:#fff}.wbe-portfolio-grid__filter-btn:focus-visible{outline:2px solid var( --wbe-pg-filter-active );outline-offset:2px}.wbe-portfolio-grid__grid{display:grid;gap:var( --wbe-pg-gap );grid-template-columns:repeat(var( --wbe-pg-columns ),1fr)}.wbe-portfolio-grid__item{border-radius:var( --wbe-pg-card-radius );box-shadow:var( --wbe-pg-card-shadow );overflow:hidden;position:relative;transition:opacity var( --wbe-pg-transition ),transform var( --wbe-pg-transition )}.wbe-portfolio-grid__item.is-hidden{opacity:0;transform:scale(.92)}.wbe-portfolio-grid__item.is-visible{opacity:1;transform:scale(1)}.wbe-portfolio-grid__image-wrap{aspect-ratio:var( --wbe-pg-ratio );overflow:hidden;position:relative}.wbe-portfolio-grid__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.wbe-portfolio-grid__image--placeholder{background:#e9ecef}.wbe-portfolio-grid__link{display:block;inset:0;position:absolute;z-index:3}.wbe-portfolio-grid__overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.wbe-portfolio-grid__overlay-inner{color:var( --wbe-pg-title-color );padding:16px;text-align:center}.wbe-portfolio-grid__title{color:var( --wbe-pg-title-color );font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 6px}.wbe-portfolio-grid__cat-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.06em;opacity:.85;text-transform:uppercase}.wbe-portfolio-grid__excerpt{font-size:.85rem;margin:8px 0 0;opacity:.9}.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__overlay{background:var( --wbe-pg-overlay );opacity:0;transition:opacity var( --wbe-pg-transition )}.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__overlay-inner{transform:translateY(10px);transition:transform var( --wbe-pg-transition )}.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__overlay{opacity:1}.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__overlay-inner{transform:translateY(0)}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__image{transition:transform .45s ease}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__image{transform:scale(1.07)}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__overlay{background:var( --wbe-pg-overlay );opacity:0;transition:opacity var( --wbe-pg-transition )}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__overlay-inner{opacity:0;transform:scale(.9);transition:transform var( --wbe-pg-transition ),opacity var( --wbe-pg-transition )}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__overlay{opacity:1}.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__overlay-inner{opacity:1;transform:scale(1)}.wbe-portfolio-grid--hover-slide .wbe-portfolio-grid__overlay{align-items:flex-end;background:linear-gradient(to top,var( --wbe-pg-overlay ) 0,transparent 100%);opacity:1;transform:translateY(100%);transition:transform var( --wbe-pg-transition )}.wbe-portfolio-grid--hover-slide .wbe-portfolio-grid__overlay-inner{padding:20px 16px 14px;text-align:left;width:100%}.wbe-portfolio-grid--hover-slide .wbe-portfolio-grid__item:hover .wbe-portfolio-grid__overlay{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.wbe-portfolio-grid__image,.wbe-portfolio-grid__item,.wbe-portfolio-grid__overlay,.wbe-portfolio-grid__overlay-inner{transition:none!important}.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__overlay,.wbe-portfolio-grid--hover-overlay .wbe-portfolio-grid__overlay-inner,.wbe-portfolio-grid--hover-slide .wbe-portfolio-grid__overlay,.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__overlay,.wbe-portfolio-grid--hover-zoom .wbe-portfolio-grid__overlay-inner{opacity:1!important;transform:none!important}}@media (max-width:1024px){.wbe-portfolio-grid__grid{grid-template-columns:repeat(var( --wbe-pg-columns-tablet ),1fr)}}@media (max-width:640px){.wbe-portfolio-grid__grid{grid-template-columns:repeat(var( --wbe-pg-columns-mobile ),1fr)}.wbe-portfolio-grid__filter{gap:6px;margin-bottom:16px}.wbe-portfolio-grid__filter-btn{font-size:.8125rem;padding:5px 14px}}