.svp-portfolio-wrap{--svp-blue:#006cff;--svp-navy:#06163f}
.svp-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.svp-filter button{appearance:none;border:1px solid #e6eaf2;background:#fff;color:#e86a8b;border-radius:999px;padding:8px 15px;cursor:pointer;font:inherit;font-size:13px;line-height:1.2;transition:all .2s ease}
.svp-filter button:hover,.svp-filter button.active{background:#101010;color:#fff;border-color:#101010}
.svp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px}
.svp-card{position:relative;min-width:0;transition-property:transform;transition-timing-function:ease;transition-duration:.25s}
.svp-card:hover{transform:translateY(-5px)}
.svp-thumb{display:block;overflow:hidden;border-radius:12px;background:#eef3fa}
.svp-thumb img{display:block;width:100%;height:260px;object-fit:cover;object-position:center center;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.45s}
.svp-card:hover .svp-thumb img{transform:scale(1.035)}
.svp-content{position:relative;z-index:2;margin:-46px 14px 0;background:#fff;border:1px solid transparent;border-radius:11px;padding:18px 20px 20px;box-shadow:0 10px 28px rgba(9,30,66,.07);min-height:145px;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;transition-duration:.25s}
.svp-category{margin:0 0 5px;color:#006cff;font-size:12px;font-weight:600;line-height:1.3;transition:color .2s ease}
.svp-title{margin:0 0 8px;color:#06163f;font-size:18px;font-weight:700;line-height:1.25;transition:color .2s ease}
.svp-title a{color:inherit;text-decoration:none}
.svp-excerpt{color:#52617a;font-size:14px;line-height:1.45;margin:0 0 14px;transition:color .2s ease}
.svp-button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:#006cff;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;transition:all .2s ease}
.svp-button:hover{color:#004fc4}
.svp-arrow{font-size:15px;transition:transform .2s ease}
.svp-button:hover .svp-arrow{transform:translateX(3px)}
.svp-card.svp-hidden{display:none}
.svp-empty{padding:20px;border:1px solid #ddd;background:#fff}
.svp-load-more-wrap{display:flex;justify-content:center;margin-top:36px}
.svp-load-more{--svp-lm-angle:105deg;--svp-lm-stop2:48%;--svp-lm-c1:#006aff;--svp-lm-c2:#00aaff;--svp-lm-c3:#20f0a5;--svp-lm-h1:#006aff;--svp-lm-h2:#00aaff;--svp-lm-h3:#20f0a5;--svp-lm-brightness:1.08;appearance:none;border:1px solid transparent;background:linear-gradient(var(--svp-lm-angle),var(--svp-lm-c1) 0%,var(--svp-lm-c2) var(--svp-lm-stop2),var(--svp-lm-c3) 100%);color:#fff;border-radius:60px;min-height:46px;padding:12px 28px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;transition-property:filter,transform,box-shadow,border-color,color;transition-duration:.2s;transition-timing-function:ease}
.svp-load-more:hover{background:linear-gradient(var(--svp-lm-angle),var(--svp-lm-h1) 0%,var(--svp-lm-h2) var(--svp-lm-stop2),var(--svp-lm-h3) 100%);filter:brightness(var(--svp-lm-brightness));transform:translateY(-1px)}
.svp-load-more:focus-visible{outline-style:solid;outline-width:3px;outline-color:#00c6ef;outline-offset:3px}
@media(max-width:1024px){.svp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svp-content{margin-top:-38px}}
@media(max-width:767px){.svp-grid{grid-template-columns:1fr}.svp-content{margin:-30px 10px 0}.svp-filter{gap:7px}.svp-filter button{padding:7px 12px}}