.portfolio-category-nav{justify-content:center;gap:20px;padding:20px 0;display:flex}.btn-container-cls{-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #f1f1f1;border-radius:10px}.portfolio-modal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}.portfolio-modal-card{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:16px;height:280px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.portfolio-modal-card:hover{transform:translateY(-2px)}.portfolio-modal-card-image{width:100%;height:100%;position:absolute;inset:0}.portfolio-modal-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.portfolio-modal-card:hover .portfolio-modal-card-image img{transform:scale(1.05)}.portfolio-modal-card-overlay{background:linear-gradient(#0000 0%,#0006 65%,#000000e6 100%);justify-content:space-between;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.portfolio-modal-card-overlay h3{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.portfolio-card-plus-btn{-webkit-backdrop-filter:blur(8px);color:#fff;line-weight:300;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s,transform .2s;display:flex}.portfolio-modal-card:hover .portfolio-card-plus-btn{background:#fff6}.portfolio-fullscreen-backdrop{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out portfolioBackdropIn;display:flex;position:fixed;inset:0}.portfolio-fullscreen-modal{background:#0d0d0d;border-radius:20px;flex-direction:column;width:min(720px,100%);animation:.3s cubic-bezier(.16,1,.3,1) portfolioModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000c}.portfolio-modal-image-wrapper{width:100%;height:380px;position:relative}.portfolio-modal-image{object-fit:cover;width:100%;height:100%;display:block}.portfolio-modal-image-overlay{background:linear-gradient(#0000 0%,#0006 60%,#0d0d0d 100%);justify-content:space-between;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.portfolio-modal-image-overlay h2{color:#fff;margin:0;font-size:26px;font-weight:700}.portfolio-modal-close{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:background .2s,transform .2s;display:flex}.portfolio-modal-close:hover{background:#fff6}.portfolio-modal-content{background:#0d0d0d;padding:0 24px 28px}.portfolio-modal-content p{color:#ccc;margin:0;font-size:15px;line-height:1.6}@keyframes portfolioBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes portfolioModalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:991px){.portfolio-modal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.portfolio-modal-cards{grid-template-columns:1fr}.portfolio-modal-image-wrapper{height:280px}.portfolio-modal-image-overlay h2{font-size:22px}}@keyframes portfolioFadeIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.portfolio-modal-card{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:16px;height:280px;transition:transform .3s,box-shadow .3s;animation:.4s ease-out forwards portfolioFadeIn;position:relative;overflow:hidden}.portfolio-card-description{font-size:13px!important}.portfolio-card-category{color:#f0e9e9}.portfolio-card-category span{color:#275674}