@import url(https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;1,9..40,400&display=swap);:root{--wbp-accent:#FF3B00;--wbp-accent2:#FFD600;--wbp-dark:#0A0A0A;--wbp-surface:#111111;--wbp-card:#161616;--wbp-border:rgba(255,255,255,0.08);--wbp-text:#F0EDE8;--wbp-muted:rgba(240,237,232,0.45);--wbp-radius:12px;--wbp-font-head:'Syne', sans-serif;--wbp-font-body:'DM Sans', sans-serif;--wbp-transition:0.35s cubic-bezier(0.4, 0, 0.2, 1)}.wbp-portfolio-wrap{font-family:var(--wbp-font-body);background:var(--wbp-dark);padding:56px 32px 72px;border-radius:20px;position:relative;overflow:hidden}.wbp-portfolio-wrap::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgb(255 59 0 / .18) 0%,transparent 70%);pointer-events:none}.wbp-portfolio-wrap::after{content:'';position:absolute;bottom:-100px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgb(255 214 0 / .1) 0%,transparent 70%);pointer-events:none}.wbp-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px;position:relative;z-index:2}.wbp-filter-btn{font-family:var(--wbp-font-head);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wbp-muted);background:#fff0;border:1.5px solid var(--wbp-border);border-radius:100px;padding:10px 22px;cursor:pointer;transition:all var(--wbp-transition);position:relative;overflow:hidden}.wbp-filter-btn::before{content:'';position:absolute;inset:0;background:var(--wbp-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--wbp-transition);border-radius:inherit;z-index:-1}.wbp-filter-btn:hover,.wbp-filter-btn.active{color:#fff;border-color:var(--wbp-accent)}.wbp-filter-btn:hover::before,.wbp-filter-btn.active::before{transform:scaleX(1)}.wbp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:2}.wbp-grid[data-columns="1"]{grid-template-columns:1fr}.wbp-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.wbp-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.wbp-item{animation:wbpFadeUp 0.5s ease both;transition:opacity 0.3s ease,transform 0.3s ease}.wbp-item.wbp-hidden{opacity:0;pointer-events:none;transform:scale(.95);position:absolute;visibility:hidden}@keyframes wbpFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.wbp-item-inner{background:var(--wbp-card);border:1.5px solid var(--wbp-border);border-radius:var(--wbp-radius);overflow:hidden;transition:transform var(--wbp-transition),border-color var(--wbp-transition),box-shadow var(--wbp-transition);height:100%;display:flex;flex-direction:column}.wbp-item-inner:hover{transform:translateY(-6px);border-color:rgb(255 59 0 / .4);box-shadow:0 20px 60px rgb(255 59 0 / .12),0 4px 20px rgb(0 0 0 / .4)}.wbp-thumbnail{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:#1a1a1a}.wbp-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.4,0,.2,1);display:block}.wbp-item-inner:hover .wbp-thumbnail img{transform:scale(1.06)}.wbp-no-thumb{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--wbp-muted)}.wbp-no-thumb svg{width:60px;height:auto}.wbp-no-thumb span{font-size:12px;font-family:var(--wbp-font-body)}.wbp-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .2) 50%,transparent 100%);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:opacity var(--wbp-transition)}.wbp-item-inner:hover .wbp-overlay{opacity:1}.wbp-visit-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--wbp-font-head);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--wbp-accent);padding:10px 20px;border-radius:100px;text-decoration:none;transition:background 0.2s ease,transform 0.2s ease}.wbp-visit-btn:hover{background:#ff5a2a;transform:scale(1.04);color:#fff}.wbp-visit-btn svg{flex-shrink:0}.wbp-content{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.wbp-tags{display:flex;flex-wrap:wrap;gap:6px}.wbp-tag{font-family:var(--wbp-font-head);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wbp-accent2);background:rgb(255 214 0 / .12);border:1px solid rgb(255 214 0 / .2);padding:3px 10px;border-radius:100px}.wbp-title{font-family:var(--wbp-font-head);font-size:20px;font-weight:800;color:var(--wbp-text);margin:4px 0 0;line-height:1.2;letter-spacing:-.01em}.wbp-client{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--wbp-muted);margin:0}.wbp-client svg{flex-shrink:0;color:var(--wbp-accent)}.wbp-description{font-size:14px;line-height:1.65;color:var(--wbp-muted);margin:4px 0 0}.wbp-empty{text-align:center;padding:80px 20px;color:var(--wbp-muted);font-family:var(--wbp-font-body);font-size:16px}@media (max-width:1024px){.wbp-grid{grid-template-columns:repeat(2,1fr)}.wbp-grid[data-columns="4"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.wbp-portfolio-wrap{padding:36px 16px 48px}.wbp-grid,.wbp-grid[data-columns="2"],.wbp-grid[data-columns="3"],.wbp-grid[data-columns="4"]{grid-template-columns:1fr}.wbp-title{font-size:18px}}