/* v20260606 */.portfolio-hero{position:relative;padding:180px 0 80px;text-align:center;overflow:hidden;border-bottom:1px solid var(--border)}.portfolio-hero__bg{position:absolute;inset:0;pointer-events:none;z-index:0}.portfolio-hero__blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.55;animation:portfolioBlobFloat 12s ease-in-out infinite}.portfolio-hero__blob--1{width:600px;height:500px;background:rgba(68,217,255,0.18);top:-15%;left:10%;animation-delay:0s}.portfolio-hero__blob--2{width:500px;height:450px;background:rgba(138,92,246,0.16);top:20%;right:5%;animation-delay:-4s}.portfolio-hero__blob--3{width:450px;height:420px;background:rgba(196,50,128,0.13);bottom:-20%;left:30%;animation-delay:-8s}.portfolio-hero__grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.025)0 1px,transparent 1px 70px),repeating-linear-gradient(90deg,rgba(255,255,255,0.025)0 1px,transparent 1px 70px)}@keyframes portfolioBlobFloat{0%,100%{transform:translate(0,0)scale(1)}25%{transform:translate(30px,-20px)scale(1.04)}50%{transform:translate(-20px,25px)scale(0.97)}75%{transform:translate(-30px,-10px)scale(1.03)}}.portfolio-hero .container{position:relative;z-index:1}.portfolio-hero .section-label{font-size:0.78rem;letter-spacing:0.2em;color:var(--primary);margin-bottom:12px}.portfolio-hero h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-0.02em;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,#eaf2ff 40%,var(--primary)100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-hero__sub{font-size:1.15rem;color:var(--muted);margin-bottom:16px;line-height:1.5}.portfolio-hero__sub .gradient-text{background:linear-gradient(135deg,#00AEFA 0%,#C43280 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.portfolio-hero__desc{font-size:1rem;color:var(--muted);max-width:640px;margin:0 auto;line-height:1.7;opacity:0.8}.portfolio-showcase{position:relative;padding:80px 0 100px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:52px}.portfolio-filter{padding:11px 22px;border:1px solid rgba(255,255,255,0.1);border-radius:50px;background:rgba(255,255,255,0.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted);cursor:pointer;font-family:var(--font);font-size:0.82rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;transition:all 0.3s ease;white-space:nowrap}.portfolio-filter:hover{border-color:rgba(68,217,255,0.35);color:var(--text);background:rgba(255,255,255,0.06)}.portfolio-filter.active{background:linear-gradient(135deg,#00AEFA 0%,#6A2C8A 50%,#C43280 100%);color:#fff;border-color:transparent;box-shadow:0 4px 20px rgba(0,174,250,0.3)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portfolio-card{cursor:pointer;opacity:1;transition:opacity 0.35s ease,transform 0.35s ease}.portfolio-card--hidden,.portfolio-card[style*="display:none"]{opacity:0;transform:scale(0.95);pointer-events:none;position:absolute;visibility:hidden}.portfolio-card__inner{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);aspect-ratio:4/3;transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.45s ease,border-color 0.45s ease}.portfolio-card:hover .portfolio-card__inner{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 30px rgba(68,217,255,0.12);border-color:rgba(68,217,255,0.3)}.portfolio-card__inner img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94)}.portfolio-card:hover .portfolio-card__inner img{transform:scale(1.08)}.portfolio-card__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0.03)25%,rgba(255,255,255,0.06)50%,rgba(255,255,255,0.03)75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;z-index:0;pointer-events:none}.portfolio-card__inner img[src]+.portfolio-card__skeleton,.portfolio-card__inner img.complete+.portfolio-card__skeleton{display:none}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.portfolio-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,0)0%,rgba(11,16,32,0.55)40%,rgba(11,16,32,0.92)100%);display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;opacity:0;transition:opacity 0.35s ease}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card__badge{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;background:rgba(68,217,255,0.12);padding:4px 12px;border-radius:20px;width:fit-content;border:1px solid rgba(68,217,255,0.2)}.portfolio-card__title{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}.portfolio-card__excerpt{font-size:0.8rem;color:var(--muted);line-height:1.5;margin-bottom:14px;opacity:0.85}.portfolio-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#00AEFA 0%,#6A2C8A 50%,#C43280 100%);padding:10px 20px;border-radius:50px;width:fit-content;transition:all 0.3s ease;box-shadow:0 4px 16px rgba(0,174,250,0.25)}.portfolio-card__cta .arrow{transition:transform 0.3s ease}.portfolio-card:hover .portfolio-card__cta{box-shadow:0 6px 24px rgba(196,50,128,0.4)}.portfolio-card:hover .portfolio-card__cta .arrow{transform:translateX(3px)}.portfolio-empty{display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.portfolio-empty.visible{display:flex}.portfolio-empty__icon{font-size:3rem;margin-bottom:16px;opacity:0.6}.portfolio-empty__title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:8px}.portfolio-empty__desc{font-size:0.95rem;color:var(--muted);max-width:360px}.project-viewer{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.project-viewer.active{opacity:1;pointer-events:auto}.project-viewer__backdrop{position:absolute;inset:0;background:rgba(11,16,32,0.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.project-viewer__topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:16px 24px;z-index:10;background:linear-gradient(180deg,rgba(11,16,32,0.9)0%,transparent 100%)}.project-viewer__info{flex:1;min-width:0}.project-viewer__category{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--primary);margin-bottom:2px;background:rgba(68,217,255,0.1);padding:3px 10px;border-radius:12px}.project-viewer__title{font-size:1.05rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-viewer__counter{font-size:0.82rem;font-weight:600;color:var(--muted);white-space:nowrap;padding:6px 14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-viewer__top-actions{display:flex;gap:8px;align-items:center}.project-viewer__pill{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;flex-shrink:0}.project-viewer__pill:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25)}.project-viewer__pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-viewer__close-btn:hover{background:rgba(255,70,70,0.25);border-color:rgba(255,70,70,0.4)}.project-viewer__stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-viewer__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:none}.project-viewer__spinner.active{display:block}.project-viewer__spinner-ring{width:48px;height:48px;border:3px solid rgba(255,255,255,0.15);border-top-color:var(--primary);border-radius:50%;animation:viewerSpin 0.8s linear infinite}@keyframes viewerSpin{to{transform:rotate(360deg)}}.project-viewer__img-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.project-viewer__img{max-width:90%;max-height:85%;object-fit:contain;border-radius:8px;transition:opacity 0.3s ease;user-select:none;-webkit-user-select:none;transform-origin:center center;will-change:transform;cursor:zoom-in}.project-viewer__img.zoomable{cursor:zoom-in}.project-viewer__img.zoomed{cursor:grab}.project-viewer__img.panning{cursor:grabbing}.project-viewer__img.loading{opacity:0.3}.project-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;z-index:10}.project-viewer__nav:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.25);transform:translateY(-50%)scale(1.08)}.project-viewer__nav:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-viewer__nav--prev{left:20px}.project-viewer__nav--next{right:20px}.project-viewer__zoom-bar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10}.project-viewer__zoom-level{font-size:0.78rem;font-weight:600;color:#fff;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:768px){.portfolio-hero{padding:140px 0 56px}.portfolio-hero h1 br{display:none}.portfolio-filters{gap:8px;margin-bottom:36px}.portfolio-filter{padding:9px 16px;font-size:0.72rem}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:16px}.portfolio-card__overlay{padding:20px 16px}.portfolio-card__title{font-size:1rem}.portfolio-card__cta{font-size:0.7rem;padding:8px 16px}.project-viewer__topbar{padding:10px 16px}.project-viewer__title{font-size:0.9rem}.project-viewer__counter{font-size:0.72rem;padding:4px 10px}.project-viewer__pill{width:36px;height:36px}.project-viewer__nav{width:42px;height:42px}.project-viewer__nav--prev{left:10px}.project-viewer__nav--next{right:10px}.project-viewer__zoom-bar{bottom:16px}.project-viewer__img{max-width:95%;max-height:80%}}@media(max-width:480px){.portfolio-hero{padding:120px 0 44px}.portfolio-hero h1{font-size:clamp(2rem,8vw,3rem)}.portfolio-hero__sub{font-size:1rem}.portfolio-hero__desc{font-size:0.9rem}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-filter{padding:8px 14px;font-size:0.68rem}.project-viewer__topbar{gap:8px}.project-viewer__info{flex:1}.project-viewer__category{font-size:0.6rem}.project-viewer__title{font-size:0.82rem}}@media(prefers-reduced-motion:reduce){.portfolio-hero__blob{animation:none}.portfolio-card__inner img,.portfolio-card__inner{transition:opacity 0.1s ease}.portfolio-card:hover .portfolio-card__inner{transform:none}.portfolio-card:hover .portfolio-card__inner img{transform:none}.project-viewer__img{transition:opacity 0.1s ease}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}