.portfolio-container{--pf-card-width:800px;--pf-gap:32px;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.portfolio-header{text-align:center;margin-bottom:var(--spacing-3xl);padding:0 var(--spacing-md)}.portfolio-header .heading-h1{color:var(--color-white);margin-bottom:var(--spacing-sm);text-shadow:0 2px 10px #00f0ff33}.portfolio-header .text-muted{max-width:600px;margin:0 auto}.pf-eyebrow{letter-spacing:4px;color:var(--color-primary);text-transform:uppercase;margin-bottom:16px;font-size:18px;font-weight:800}.pf-nav-btn{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:60px;height:60px;color:var(--color-white);cursor:pointer;background:#0a112099;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:32px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pf-nav-btn.prev{left:40px}.pf-nav-btn.next{right:40px}.pf-nav-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:translateY(-50%)scale(1.15)}.pf-nav-btn:disabled{opacity:.3;cursor:not-allowed}.portfolio-slider{width:100vw;margin-left:50%;padding:20px 0 60px;position:relative;overflow:hidden;transform:translate(-50%)}.portfolio-slider:before,.portfolio-slider:after{content:"";z-index:2;pointer-events:none;width:15vw;height:100%;position:absolute;top:0}.portfolio-slider:before{background:linear-gradient(to right, var(--color-bg-deep), transparent);left:0}.portfolio-slider:after{background:linear-gradient(to left, var(--color-bg-deep), transparent);right:0}.portfolio-track{gap:var(--pf-gap);width:max-content;padding:20px 0;display:flex}@media (width<=768px){.portfolio-track{padding-left:20px}}.portfolio-card{width:var(--pf-card-width);opacity:.25;filter:blur(4px);background:#0f172a66;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;flex-shrink:0;max-width:90vw;padding:36px;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),opacity .6s,filter .6s;display:flex;overflow:hidden;transform:scale(.9)}.portfolio-card.is-active,.portfolio-card.is-active-clone{opacity:1;filter:blur();z-index:5;background:linear-gradient(135deg,#007bff1f,#007bff0a);border-color:#00c2ff66;transform:scale(1.02)translateY(-5px);box-shadow:0 30px 60px #00000080,0 0 30px #007bff26,inset 0 1px #ffffff1a}.pf-image-window{aspect-ratio:16/9;background:#0307124d;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:100%;height:auto;margin-bottom:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.pf-image-placeholder{color:#ffffff40;border:1px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pf-placeholder-glow{pointer-events:none;filter:blur(24px);border-radius:50%;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-placeholder-icon{z-index:1;opacity:.5;filter:drop-shadow(0 0 12px);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;position:relative}.portfolio-card:hover .pf-placeholder-icon{opacity:.8;transform:scale(1.1)rotate(5deg)}.pf-placeholder-text{z-index:1;letter-spacing:4px;color:#ffffff40;text-transform:uppercase;font-size:10px;font-weight:800;position:relative}.pf-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .pf-image{transform:scale(1.05)}.portfolio-card:hover:not(.is-active):not(.is-active-clone){opacity:.5;filter:blur(2px)}.pf-category{letter-spacing:1.5px;color:var(--color-accent);text-transform:uppercase;background:#00d2ff1a;border:1px solid #00d2ff26;border-radius:20px;align-self:flex-start;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-block}.pf-title{color:var(--color-white);margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.4}.pf-desc{color:var(--color-text-secondary,#8b8d98);font-size:16px;line-height:1.7}@media (width<=768px){.portfolio-container{--pf-card-width:85vw;--pf-gap:16px;padding:40px 0}.portfolio-card{width:var(--pf-card-width)}.portfolio-track{padding-left:0}.pf-nav-btn{width:44px;height:44px;font-size:24px}.pf-nav-btn.prev{left:10px}.pf-nav-btn.next{right:10px}}