.portfolio-container{position:relative}.portfolio-container .chip-tags-title{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:26px}.portfolio-container .card{width:220px;background-color:var(--app-surface-muted);border-radius:16px;overflow:hidden;border:1px solid var(--app-border);box-shadow:0 14px 24px rgba(89,47,162,.17);transition:transform .25s ease;min-height:70px;height:230px}.portfolio-content{padding:16px 0px;font-family:"Outfit",sans-serif;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;height:100%;gap:32px;max-height:600px;overflow-y:auto}.portfolio-pagination{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.portfolio-page-btn{min-width:42px;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface-strong);color:var(--app-text-secondary);font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.portfolio-page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px var(--app-shadow);color:var(--app-text-primary)}.portfolio-page-btn.is-active{background:linear-gradient(135deg, var(--app-violet-600), #8f60e6);color:var(--app-cream-50);border-color:rgba(0,0,0,0);box-shadow:0 12px 22px rgba(89,47,162,.3)}.portfolio-page-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.portfolio-page-nav{min-width:70px}.portfolio-page-dots{color:var(--app-text-secondary);font-weight:700;letter-spacing:2px}.portfolio-copy-toast{position:absolute;left:50%;bottom:10px;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg, var(--app-violet-600), #8f60e6);color:var(--app-cream-50);font-size:.84rem;font-weight:600;box-shadow:0 12px 24px rgba(89,47,162,.28);transition:opacity .2s ease,transform .2s ease;z-index:4}.portfolio-copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.portfolio-content::-webkit-scrollbar{width:8px;height:8px}.portfolio-content::-webkit-scrollbar-thumb{background:rgba(119,67,219,.36);border-radius:8px}.portfolio-content::-webkit-scrollbar-track{background:rgba(119,67,219,.1)}.portfolio-item{display:flex;align-items:center;justify-content:center;position:relative}.card-margin-top-fix{margin-top:50px !important}.card-preview{top:10px;height:170px;width:198px;position:absolute;background-color:rgba(255,255,255,.82);display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background-size:cover;background-position:center;border:1px solid rgba(119,67,219,.18)}.card-preview .overlay{position:absolute;inset:0;border-radius:16px;transition:background .3s ease;z-index:-1}.card-preview:hover .overlay{background:rgba(46,30,78,.3)}.icon-btn{width:36px;height:36px;border:none;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.icon-btn:hover{background-color:var(--app-cream-100);transform:scale(1.05)}.card-body{background:var(--app-surface-muted);border-bottom-left-radius:16px;border-bottom-right-radius:16px;position:relative;top:150px;width:100%;height:100%;max-height:60px;overflow:hidden;overflow-wrap:break-word}.card-body .card-body-wrapper{padding:2px 16px}.subtitle{font-size:12px;font-weight:600;color:var(--app-text-secondary);margin-bottom:6px}.title{font-size:16px;color:var(--app-text-primary);font-weight:700}.hide{display:none}@media screen and (max-width: 767px){.portfolio-content{gap:22px;max-height:none}.portfolio-pagination{gap:8px;margin-top:22px}.portfolio-page-btn{min-width:38px;height:38px;padding:0 12px;font-size:.86rem}.portfolio-copy-toast{bottom:2px;font-size:.8rem;padding:9px 12px}}.portfolio-container{position:relative}.portfolio-container .portfolio-detail-close{width:38px;height:38px;position:absolute;right:0px;top:-5px;border:1px solid var(--app-border);border-radius:999px;background:rgba(255,255,255,.92);cursor:pointer;box-shadow:0 8px 18px var(--app-shadow);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:3}.portfolio-container .portfolio-detail-close::before,.portfolio-container .portfolio-detail-close::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:999px;background:var(--app-text-primary);transform-origin:center}.portfolio-container .portfolio-detail-close::before{transform:translate(-50%, -50%) rotate(45deg)}.portfolio-container .portfolio-detail-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.portfolio-container .portfolio-detail-close:hover{transform:scale(1.04);box-shadow:0 10px 22px rgba(89,47,162,.24);background:#fff}.portfolio-container .portfolio-breadcrumb{margin:12px 0 0 40px}.portfolio-container .portfolio-breadcrumb-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.portfolio-container .portfolio-breadcrumb-item{display:inline-flex;align-items:center;color:var(--app-text-secondary);font-size:.82rem;font-weight:600}.portfolio-container .portfolio-breadcrumb-item+.portfolio-breadcrumb-item::before{content:"/";color:var(--app-lilac-300);margin-right:8px;font-weight:700}.portfolio-container .portfolio-breadcrumb-link{border:none;background:rgba(0,0,0,0);color:var(--app-text-secondary);font:inherit;cursor:pointer;padding:0;text-decoration:none;transition:color .18s ease}.portfolio-container .portfolio-breadcrumb-link:hover{color:var(--app-violet-600)}.portfolio-container .portfolio-breadcrumb-current{color:var(--app-text-primary)}.portfolio-container .portfolio-show-wrapper{color:var(--app-text-primary);padding:20px 40px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.portfolio-container .portfolio-show-wrapper .portfolio-img-src{height:340px;width:100%;background:linear-gradient(135deg, rgba(119, 67, 219, 0.14), rgba(195, 172, 208, 0.16));border-radius:22px;border:1px solid var(--app-border);overflow:hidden}.portfolio-container .portfolio-show-wrapper .portfolio-img-src img{width:100%;height:100%;object-fit:cover;border-radius:22px}.portfolio-container .portfolio-show-wrapper .portfolio-divider-2{display:grid;grid-template-columns:1fr;gap:18px}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper{display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.7);border:1px solid var(--app-border);border-radius:18px;padding:18px 20px}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-title{margin:0;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;line-height:1.3}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-subtitle{margin:0;color:var(--app-text-secondary);font-size:.92rem;font-weight:600}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-desc{margin:0;color:var(--app-text-primary);line-height:1.65;opacity:.95}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-link-box{margin-top:4px;display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--app-border)}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-link-label{font-size:.75rem;color:var(--app-text-secondary);letter-spacing:.08em;font-weight:700;text-transform:uppercase}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-url-link{color:var(--app-violet-600);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;width:fit-content}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-url-link:hover{color:#8f60e6}.portfolio-container .portfolio-show-wrapper .portfolio-show-content-wrapper .portfolio-url-link.is-disabled{color:var(--app-text-secondary);text-decoration:none;pointer-events:none}.portfolio-container .portfolio-show-wrapper .portfolio-useful-links-wrapper{background:rgba(255,255,255,.7);border:1px solid var(--app-border);border-radius:18px;padding:16px 20px}.portfolio-container .portfolio-show-wrapper .portfolio-useful-links-wrapper .portfolio-useful-links{margin:0 0 10px 0;font-size:.8rem;font-weight:700;color:var(--app-text-primary);letter-spacing:.08em}.portfolio-container .portfolio-show-wrapper .portfolio-useful-links-wrapper .ul-useful-links{list-style:none;padding-left:0;display:flex;gap:10px;flex-wrap:wrap;margin:0}.portfolio-container .portfolio-show-wrapper .portfolio-useful-links-wrapper ul.ul-useful-links li a{display:inline-flex;padding:8px 12px;border-radius:999px;text-decoration:none;background:var(--app-surface-muted);border:1px solid var(--app-border);color:var(--app-text-secondary);font-size:.84rem;transition:color .18s ease,transform .18s ease,box-shadow .18s ease}.portfolio-container .portfolio-show-wrapper .portfolio-useful-links-wrapper ul.ul-useful-links li a:hover{color:var(--app-text-primary);transform:translateY(-1px);box-shadow:0 8px 16px var(--app-shadow)}@media screen and (max-width: 767px){.portfolio-container .portfolio-breadcrumb{margin-left:20px}.portfolio-container .portfolio-detail-close{right:16px;top:8px}.portfolio-container .portfolio-show-wrapper{padding:14px 20px 18px}.portfolio-container .portfolio-show-wrapper .portfolio-img-src{height:220px}}#modal-block-2.portfolio-swipe-right-enter{animation:portfolioSwipeRightIn 240ms ease-out both}#modal-block-2.portfolio-swipe-right-exit{animation:portfolioSwipeRightOut 240ms ease-in both}@keyframes portfolioSwipeRightIn{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes portfolioSwipeRightOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(48px)}}/*# sourceMappingURL=portfolio.css.map */