:root{--pf-bg:#070a0d;--pf-bg-2:#0c1218;--pf-bg-3:#101a22;--pf-bg-card:#0e161d;--pf-border:#ffffff14;--pf-border-glow:#10b9814d;--pf-text:#f8fafc;--pf-text-muted:#94a3b8;--pf-text-dim:#64748b;--pf-emerald-1:#059669;--pf-emerald-2:#10b981;--pf-emerald-3:#34d399;--pf-lime:#85b977;--pf-grad:linear-gradient(135deg, #059669 0%, #10b981 45%, #34d399 85%, #85b977 100%);--pf-grad-subtle:linear-gradient(135deg, #10b98126 0%, #34d3990d 100%);--pf-radius-sm:8px;--pf-radius-md:14px;--pf-radius-lg:20px}.portfolio-page-wrapper{background:var(--pf-bg);color:var(--pf-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.65;position:relative;overflow-x:hidden}.portfolio-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:140px 5% 60px;display:flex;position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(#10b98129 0%,#34d3990f 45%,#0000 70%);border-radius:50%;width:850px;height:850px;position:absolute;top:-25%;left:50%;transform:translate(-50%)}.portfolio-hero-badge{border:1px solid var(--pf-border-glow);color:var(--pf-emerald-3);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98114;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.45rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #10b98126}.portfolio-hero-badge:before{content:"✦";color:var(--pf-emerald-2);font-size:.75rem}.portfolio-hero h1{letter-spacing:-.035em;color:var(--pf-text);max-width:900px;margin-bottom:.3em;font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:800;line-height:1.08}.portfolio-hero h1 span{background:var(--pf-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.portfolio-hero-sub{color:var(--pf-text-muted);max-width:640px;margin:1.2rem auto 0;font-size:clamp(1rem,2vw,1.2rem);font-weight:400}.portfolio-stats{background:var(--pf-border);border-top:1px solid var(--pf-border);border-bottom:1px solid var(--pf-border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;max-width:1200px;margin:0 auto;display:grid}.portfolio-stat-item{background:var(--pf-bg);text-align:center;padding:2.2rem 1.5rem;transition:background .25s}.portfolio-stat-item:hover{background:var(--pf-bg-2)}.portfolio-stat-num{letter-spacing:-.02em;background:var(--pf-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.35rem;font-weight:800;line-height:1.1;display:block}.portfolio-stat-label{color:var(--pf-text-muted);margin-top:.4rem;font-size:.82rem;font-weight:500}.portfolio-section{padding:96px 5%}.portfolio-section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--pf-emerald-3);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.78rem;font-weight:700;display:inline-flex}.portfolio-section-eyebrow:before{content:"";background:var(--pf-grad);border-radius:2px;width:20px;height:2px;display:block}.portfolio-section-title{letter-spacing:-.025em;color:var(--pf-text);font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.portfolio-section-title span{background:var(--pf-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.portfolio-section-desc{color:var(--pf-text-muted);max-width:540px;margin-top:.8rem;font-size:1.05rem}.portfolio-work-header{max-width:1200px;margin:0 auto 2.5rem}.portfolio-filter-bar{flex-wrap:wrap;gap:.6rem;max-width:1200px;margin-top:2.2rem;margin-left:auto;margin-right:auto;display:flex}.portfolio-filter-btn{background:var(--pf-bg-card);border:1px solid var(--pf-border);color:var(--pf-text-muted);cursor:pointer;border-radius:50px;padding:.55rem 1.3rem;font-size:.88rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.portfolio-filter-btn:hover{border-color:var(--pf-border-glow);color:var(--pf-text);background:#10b98114}.portfolio-filter-btn.active{background:var(--pf-grad);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 0 16px #10b98159}.portfolio-work-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.portfolio-work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-work-grid{grid-template-columns:1fr}}.portfolio-work-card{border-radius:var(--pf-radius-lg);background:var(--pf-bg-card);border:1px solid var(--pf-border);aspect-ratio:4/5;cursor:pointer;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.portfolio-work-card.hidden{display:none!important}.portfolio-work-img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .4s;position:absolute;inset:0}.portfolio-work-card:hover .portfolio-work-img{filter:brightness(.35);transform:scale(1.06)}.portfolio-work-tag{z-index:2;border:1px solid var(--pf-border-glow);color:var(--pf-emerald-3);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a0dbf;border-radius:50px;padding:.28rem .75rem;font-size:.68rem;font-weight:700;position:absolute;top:.9rem;left:.9rem}.portfolio-work-base{z-index:2;background:linear-gradient(#0000,#070a0df2 80%);padding:1.3rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.portfolio-work-base h3{color:#fff;font-size:1.15rem;font-weight:700}.portfolio-work-base p{color:var(--pf-text-muted);margin-top:.15rem;font-size:.8rem}.portfolio-work-card:hover .portfolio-work-base{opacity:0}.portfolio-work-indicator{border:2px solid var(--pf-emerald-2);z-index:2;color:#fff;background:#070a0dbf;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;font-size:1.3rem;transition:transform .3s,background .3s,box-shadow .3s;display:flex;position:absolute;inset:0;box-shadow:0 0 20px #10b98173}.portfolio-work-card:hover .portfolio-work-indicator{background:var(--pf-emerald-2);transform:scale(1.15);box-shadow:0 0 26px #10b981cc}.portfolio-view-more-wrap{text-align:center;margin-top:3rem;display:none}.portfolio-view-more-wrap.show{display:block}.portfolio-btn-view-more{background:var(--pf-bg-card);border:1px solid var(--pf-border-glow);color:var(--pf-text);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 2.2rem;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.portfolio-btn-view-more:hover{background:var(--pf-grad);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 20px #10b98166}.portfolio-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040709f0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.portfolio-modal-overlay.active{display:flex}.portfolio-modal-box{text-align:center;width:100%;max-width:920px;position:relative}.portfolio-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.2rem;line-height:1;transition:color .2s,transform .2s;position:absolute;top:-45px;right:0}.portfolio-modal-close:hover{color:var(--pf-emerald-3);transform:scale(1.1)}.portfolio-gallery-main-img{object-fit:contain;border-radius:var(--pf-radius-md);border:1px solid var(--pf-border);background:#000;width:100%;max-height:70vh}.portfolio-gallery-thumbs{justify-content:center;gap:10px;margin-top:1.2rem;padding-bottom:5px;display:flex;overflow-x:auto}.portfolio-gallery-thumb{object-fit:cover;cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:8px;width:68px;height:68px;transition:opacity .2s,border-color .2s}.portfolio-gallery-thumb.active{opacity:1;border-color:var(--pf-emerald-2);box-shadow:0 0 12px #10b98199}.portfolio-video-container{border-radius:var(--pf-radius-md);border:1px solid var(--pf-border);background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.portfolio-video-container iframe,.portfolio-video-container video{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-process-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:3rem auto 0;display:grid}@media (max-width:900px){.portfolio-process-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.portfolio-process-grid{grid-template-columns:1fr}}.portfolio-process-card{border:1px solid var(--pf-border);border-radius:var(--pf-radius-lg);background:var(--pf-bg-card);padding:1.8rem 1.5rem;transition:transform .25s,border-color .25s;position:relative}.portfolio-process-card:hover{border-color:var(--pf-border-glow);transform:translateY(-4px)}.portfolio-process-card:first-child{background:#081a14;border-color:#10b98140}.portfolio-process-card:nth-child(2){background:#07191e;border-color:#14b8a638}.portfolio-process-card:nth-child(3){background:#150f24;border-color:#a855f733}.portfolio-process-card:nth-child(4){background:#191408;border-color:#f59e0b33}.portfolio-process-step{color:var(--pf-emerald-3);letter-spacing:.08em;margin-bottom:.8rem;font-size:.78rem;font-weight:700}.portfolio-process-card h4{color:#fff;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.portfolio-process-card p{color:var(--pf-text-muted);font-size:.85rem;line-height:1.6}.portfolio-logos{background:linear-gradient(120deg,#051410,#08241c,#0a3328,#111827,#070a0d) 0 0/300% 300%;padding:96px 5%;animation:10s infinite pfGradientMove}@keyframes pfGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.portfolio-logos-inner{text-align:center;max-width:1100px;margin:0 auto}.portfolio-logos-viewport{width:100%;margin-top:2.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.portfolio-logos-track{align-items:center;gap:3.5rem;width:max-content;animation:28s linear infinite pfLogoScroll;display:flex}.portfolio-logos-viewport:hover .portfolio-logos-track{animation-play-state:paused}@keyframes pfLogoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-logo-item{flex-shrink:0;justify-content:center;align-items:center;height:42px;display:flex}.portfolio-logo-item img{object-fit:contain;filter:brightness(.9)grayscale(20%);width:auto;height:100%;transition:filter .25s,transform .25s}.portfolio-logo-item:hover img{filter:brightness(1.2)grayscale(0%);transform:scale(1.08)}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}.portfolio-success{background:var(--pf-bg-2);padding:96px 0;position:relative;overflow:hidden}.portfolio-success-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 5%;display:flex}.portfolio-success-head h2{letter-spacing:-.025em;color:var(--pf-text);font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.15}.portfolio-success-head h2 span{background:var(--pf-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.portfolio-success-nav{gap:.6rem;display:flex}.portfolio-success-arrow{background:var(--pf-bg-card);border:1px solid var(--pf-border);width:44px;height:44px;color:var(--pf-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .2s;display:flex}.portfolio-success-arrow:hover{border-color:var(--pf-emerald-2);color:var(--pf-emerald-3);transform:translateY(-2px);box-shadow:0 0 14px #10b98166}.portfolio-success-track-wrap{margin-top:2.6rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.portfolio-success-track{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;scroll-behavior:smooth;gap:1.4rem;padding:.4rem 5% 1.2rem;display:flex;overflow-x:auto}.portfolio-success-track::-webkit-scrollbar{display:none}.portfolio-success-track.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.portfolio-success-card{scroll-snap-align:start;border-radius:var(--pf-radius-lg);isolation:isolate;background:linear-gradient(170deg,#0e1721f5 0%,#070c12fa 100%);border:1px solid #ffffff17;flex-direction:column;flex-shrink:0;width:340px;padding:1.8rem 1.6rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 12px 32px -8px #000000b3}.portfolio-success-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ang,0deg), var(--pf-emerald-2), var(--pf-lime), #10b98126, var(--pf-emerald-2));-webkit-mask-composite:xor;opacity:.65;z-index:-1;pointer-events:none;padding:1.5px;transition:opacity .3s;animation:6s linear infinite pfRingSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pfRingSpin{to{--ang:360deg}}.portfolio-success-card:hover{border-color:#10b98173;transform:translateY(-6px);box-shadow:0 18px 40px -10px #10b98140}.portfolio-success-card:hover:before{opacity:1}.portfolio-success-card-top{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.portfolio-success-brand-badge{background:#ffffff0d;border:1px solid #10b98159;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;padding:8px;transition:border-color .25s,transform .25s,background .25s;display:flex;box-shadow:0 4px 16px #00000073}.portfolio-success-card:hover .portfolio-success-brand-badge{border-color:var(--pf-emerald-2);background:#10b9811a;transform:scale(1.05)}.portfolio-success-avatar{filter:brightness(1.08);background:0 0;border:none;width:100%;height:100%;object-fit:contain!important}.portfolio-success-quote-mark{background:var(--pf-grad);-webkit-text-fill-color:transparent;opacity:.85;-webkit-background-clip:text;font-size:2.6rem;font-weight:800;line-height:1}.portfolio-success-rating{color:#fbbf24;letter-spacing:2px;text-shadow:0 0 10px #fbbf2480;gap:3px;margin-bottom:.85rem;font-size:.95rem;display:flex}.portfolio-success-text{color:#f1f5f9;-webkit-line-clamp:4;letter-spacing:.01em;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.94rem;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}.portfolio-success-text.expanded{-webkit-line-clamp:unset}.portfolio-success-more{cursor:pointer;color:var(--pf-emerald-3);background:0 0;border:none;align-self:flex-start;align-items:center;gap:3px;margin-bottom:1.2rem;padding:0;font-size:.84rem;font-weight:700;transition:color .2s,transform .2s;display:inline-flex}.portfolio-success-more:hover{color:#fff;transform:translate(2px)}.portfolio-success-author{border-top:1px solid #ffffff14;margin-top:auto;padding-top:1.1rem}.portfolio-success-author strong{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:700;display:block}.portfolio-success-author span{color:#94a3b8;margin-top:.25rem;font-size:.82rem;display:block}.portfolio-success-author em{color:var(--pf-emerald-3);font-style:normal;font-weight:600}.portfolio-cta-section{text-align:center;background:var(--pf-bg);padding:100px 5%;position:relative;overflow:hidden}.portfolio-cta-section:before{content:"";pointer-events:none;background:radial-gradient(#10b98124 0%,#0000 70%);position:absolute;inset:0}.portfolio-cta-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.portfolio-cta-section h2{letter-spacing:-.03em;color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.portfolio-cta-section h2 span{background:var(--pf-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.portfolio-cta-section p{color:var(--pf-text-muted);margin-bottom:2.5rem;font-size:1.05rem}.portfolio-btn-primary{background:var(--pf-grad);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.4rem;padding:.8rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #10b98159}.portfolio-btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 25px #10b98180}.portfolio-btn-outline{color:var(--pf-text);border:1px solid var(--pf-border);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:.4rem;padding:.8rem 2.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .15s,background .2s;display:inline-flex}.portfolio-btn-outline:hover{border-color:var(--pf-emerald-2);color:var(--pf-emerald-3);background:#10b98114;transform:translateY(-1px)}.portfolio-hero-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.portfolio-hero>:not(.portfolio-hero-canvas){z-index:1;position:relative}.portfolio-reveal{opacity:0;will-change:opacity, transform;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.portfolio-reveal.is-visible,.is-visible .portfolio-reveal{opacity:1;transform:translateY(0)}.portfolio-stagger-1{transition-delay:50ms}.portfolio-stagger-2{transition-delay:.12s}.portfolio-stagger-3{transition-delay:.19s}.portfolio-stagger-4{transition-delay:.26s}.portfolio-stagger-5{transition-delay:.33s}.portfolio-stagger-6{transition-delay:.4s}.portfolio-work-card{transition:transform .4s cubic-bezier(.2,0,.2,1),box-shadow .4s cubic-bezier(.2,0,.2,1),border-color .3s}.portfolio-work-card:hover{border-color:#34d39973;transform:translateY(-6px)scale(1.015);box-shadow:0 20px 40px #0009,0 0 30px #10b98138}.portfolio-filter-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.portfolio-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98133}@keyframes pfPulseGlow{0%,to{opacity:.15;transform:scale(1)translate(-50%)}50%{opacity:.28;transform:scale(1.15)translate(-50%,-10px)}}.portfolio-hero:before{animation:9s ease-in-out infinite pfPulseGlow}