.workHero{isolation:isolate;z-index:0;background:linear-gradient(#0a0a12 0%,#0f0f1a 50%,#141420 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.workPhysicsScene{z-index:1;width:100%;height:100%;position:absolute;inset:0}.workPhysicsScene canvas{cursor:grab;width:100%!important;height:100%!important}.workPhysicsScene canvas:active{cursor:grabbing}.workPhysicsSceneFallback{z-index:1;background:radial-gradient(circle at 30% 40%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 70% 60%,#00d4ff1a 0%,#0000 50%),radial-gradient(circle at 50% 80%,#f38ba81a 0%,#0000 40%);position:absolute;inset:0}.workHeroTitle{z-index:50;text-align:center;pointer-events:none;opacity:0;animation:.8s .2s forwards fadeInDown;position:absolute;top:5%;left:50%;transform:translate(-50%)}.workHeroTitle.visible{opacity:1}.workHeroTitle h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.1}.titleLine{color:#fff;text-shadow:0 0 40px #ffffff1a,0 4px 20px #0000004d;display:block}.titleLine.gradient{background:linear-gradient(135deg,#f38ba8 0%,#89b4fa 25%,#a6e3a1 50%,#fab387 75%,#cba6f7 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.workHeroHint{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#1e1e2e99;border:1px solid #89b4fa33;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;animation:.8s 1s forwards workHeroFadeInUp;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.workHeroHint.visible{opacity:1}.hintText{color:#ffffffb3;letter-spacing:.02em;font-size:.875rem;font-weight:400}.hintIcon{color:#89b4facc;width:1.25rem;height:1.25rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes workHeroFadeInUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.workHeroOverlay{background:linear-gradient(to top,var(--bgPrimary,#0a0a12),transparent);z-index:5;opacity:0;pointer-events:none;height:200px;transition:opacity 1s 1.2s;position:absolute;bottom:0;left:0;right:0}.workHeroOverlay.visible{opacity:1}.workHero:before{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f38ba81a 0%,#0000 70%);width:400px;height:400px;position:absolute;top:20%;left:10%}.workHero:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#89b4fa14 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:30%;right:10%}.workBackgroundCanvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.workBackgroundStatic{background:var(--portfolioHeroBg);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1024px){.workHeroTitle{top:10%}.workHeroTitle h1{font-size:clamp(1.75rem,5vw,3rem)}}@media (max-width:768px){.workHero{min-height:100svh}.workHeroTitle{padding:0 1rem;top:8%}.workHeroTitle h1{font-size:clamp(1.5rem,8vw,2.5rem)}.workHeroHint{padding:.625rem 1.25rem;bottom:8%}.hintText{font-size:.75rem}.hintIcon{width:1rem;height:1rem}.workHero:before,.workHero:after,.workPhysicsScene{display:none}.workPhysicsSceneFallback{display:block}}@media (prefers-reduced-motion:reduce){.workHeroTitle,.workHeroHint{opacity:1;animation:none;transform:translate(-50%)}.titleLine.gradient,.hintIcon{animation:none}.workPhysicsScene{display:none}.workPhysicsSceneFallback{display:block}}
.workFilters{margin-bottom:2.5rem}.workFiltersTop{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.workSearchWrapper{flex:1;min-width:280px;position:relative}.workSearchIcon{width:1.25rem;height:1.25rem;color:var(--textTertiary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.workSearchInput{background:var(--cardBg);border:1px solid var(--borderPrimary);width:100%;color:var(--textPrimary);border-radius:12px;padding:.875rem 2.5rem .875rem 3rem;font-size:1rem;transition:all .2s}.workSearchInput::placeholder{color:var(--textTertiary)}.workSearchInput:focus{border-color:var(--cdBlue);outline:none;box-shadow:0 0 0 3px #688fe51a}.workSearchClear{background:var(--bgTertiary);cursor:pointer;width:1.5rem;height:1.5rem;color:var(--textTertiary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.workSearchClear:hover{background:var(--cdBlue);color:#fff}.workSearchClear svg{width:.875rem;height:.875rem}.workTechDropdownWrapper{position:relative}.workTechDropdownBtn{background:var(--cardBg);border:1px solid var(--borderPrimary);color:var(--textPrimary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;min-width:160px;padding:.875rem 1.25rem;font-size:1rem;transition:all .2s;display:flex}.workTechDropdownBtn.active{border-color:var(--cdBlue);background:var(--bgTertiary)}.workTechDropdownBtn:hover{border-color:var(--cdBlue)}.workDropdownArrow{width:1rem;height:1rem;margin-left:auto;transition:transform .2s}.workDropdownArrow.open{transform:rotate(180deg)}.workTechDropdown{background:var(--cardBg);border:1px solid var(--borderPrimary);box-shadow:var(--shadowLg);z-index:100;border-radius:12px;max-height:300px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.workTechOption{width:100%;color:var(--textPrimary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9375rem;transition:background .2s;display:flex}.workTechOption:hover{background:var(--bgTertiary)}.workTechOption.selected{background:var(--bgTertiary);color:var(--cdBlue)}.workTechCount{background:var(--bgMuted);color:var(--textTertiary);border-radius:100px;padding:.125rem .5rem;font-size:.75rem}.workSortSelect{background:var(--cardBg);border:1px solid var(--borderPrimary);color:var(--textPrimary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236e7e94'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border-radius:12px;padding:.875rem 2.5rem .875rem 1.25rem;font-size:1rem;transition:all .2s}.workSortSelect:focus{border-color:var(--cdBlue);outline:none}.workCategoryChips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.workCategoryChips::-webkit-scrollbar{display:none}.workCategoryChip{background:var(--cardBg);border:1px solid var(--borderPrimary);color:var(--textSecondary);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.workCategoryChip:hover{border-color:var(--cdBlue);color:var(--cdBlue)}.workCategoryChip.active{background:var(--cdBlue);border-color:var(--cdBlue);color:#fff}.workCategoryCount{background:var(--glassWhite20);border-radius:100px;padding:.125rem .375rem;font-size:.75rem}.workCategoryChip.active .workCategoryCount{background:#fff3}.workActiveFilters{border-top:1px solid var(--borderSecondary);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.workActiveFiltersLabel{color:var(--textTertiary);font-size:.875rem}.workActiveFilter{background:var(--bgTertiary);color:var(--textPrimary);border-radius:100px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;display:inline-flex}.workActiveFilter button{background:var(--textTertiary);width:1rem;height:1rem;color:var(--cardBg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;transition:background .2s;display:flex}.workActiveFilter button:hover{background:var(--cdRed)}.workClearAllBtn{color:var(--cdRed);cursor:pointer;background:0 0;border:none;padding:.375rem .75rem;font-size:.875rem;transition:opacity .2s}.workClearAllBtn:hover{opacity:.8}@media (max-width:768px){.workFiltersTop{flex-direction:column}.workSearchWrapper{min-width:100%}.workTechDropdownBtn,.workSortSelect{width:100%}}
.wc{--primary:var(--cdBlue,#688fe5);--secondary:var(--cdCyan,#95e4e5);--card-bg:var(--portfolioCardBg,#0f172acc);--border-glow:#688fe54d;background:var(--card-bg);transform-style:preserve-3d;animation:.8s cubic-bezier(.23,1,.32,1) forwards gcReveal;animation-delay:calc(var(--card-index)*.1s);opacity:0;will-change:transform;border-radius:4px;flex-direction:column;text-decoration:none;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}@keyframes gcReveal{0%{opacity:0;filter:blur(10px);transform:translateY(60px)rotateX(10deg)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)scale(1)}}.wcLarge{grid-area:span 2/span 2}.wcWide{grid-column:span 2}.wcTall{grid-row:span 2}.wcHoloBorder{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)25%,transparent 50%,var(--secondary)75%,var(--primary)100%);opacity:.3;z-index:1;pointer-events:none;background-size:400% 400%;border-radius:4px;padding:1px;animation:8s linear infinite holoBorderShift;position:absolute;inset:0}.wcHoloBorderInner{background:var(--card-bg);border-radius:3px;width:100%;height:100%}.wc:hover .wcHoloBorder{opacity:.6;animation-duration:6s}@keyframes holoBorderShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.wcNeuralNet{opacity:0;z-index:2;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.wc:hover .wcNeuralNet{opacity:.4}.wcNeuralNode{fill:var(--primary);opacity:0;animation:nodeGlow var(--duration)ease-in-out infinite;animation-delay:var(--delay)}.wc:hover .wcNeuralNode{opacity:1}@keyframes nodeGlow{0%,to{opacity:.3;r:1}50%{opacity:1;r:2}}.wcNeuralLine{stroke:var(--primary);stroke-width:.3px;opacity:0;stroke-dasharray:100;stroke-dashoffset:100px}.wc:hover .wcNeuralLine{opacity:.2;animation:4s linear infinite lineFlow;animation-delay:var(--delay)}@keyframes lineFlow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:-100px}}.wcScanlines{pointer-events:none;z-index:5;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.wc:hover .wcScanlines{opacity:.4}.wcDataStream{z-index:3;opacity:0;width:1px;height:100%;transition:opacity .3s;position:absolute;top:0;right:20px;overflow:hidden}.wc:hover .wcDataStream{opacity:.5}.wcDataLine{background:linear-gradient(180deg,transparent,var(--primary),transparent);width:100%;height:30px;animation:2s linear infinite dataFlow;animation-delay:calc(var(--i)*.4s);position:absolute}@keyframes dataFlow{0%{opacity:0;top:-30px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.wcImageWrap{aspect-ratio:16/10;position:relative;overflow:hidden}.wcLarge .wcImageWrap{aspect-ratio:16/9}.wcTall .wcImageWrap{aspect-ratio:4/3}.wcImage{object-fit:cover;opacity:0;filter:saturate(.8);transition:all .8s cubic-bezier(.23,1,.32,1)}.wcImageLoaded{opacity:1}.wc:hover .wcImage{filter:saturate(1.2)contrast(1.1)}.wcOverlayGradient{z-index:3;background:linear-gradient(#0000001a 0%,#0000004d 40%,#0a0a14f2 100%);position:absolute;inset:0}.wcOverlayGrid{z-index:4;opacity:0;background-image:linear-gradient(#688fe508 1px,#0000 1px),linear-gradient(90deg,#688fe508 1px,#0000 1px);background-size:20px 20px;transition:opacity .5s;position:absolute;inset:0}.wc:hover .wcOverlayGrid{opacity:.5}.wcOverlayVignette{z-index:4;background:radial-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.wcMouseOrb{background:radial-gradient(circle,var(--primary)0%,transparent 70%);pointer-events:none;z-index:6;filter:blur(50px);opacity:0;mix-blend-mode:screen;border-radius:50%;width:150px;height:150px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.wcStatusBar{-webkit-backdrop-filter:blur(10px);z-index:10;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#000000b3;border:1px solid #688fe54d;border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:1rem;left:1rem}.wcStatusDot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.wcStatusText{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-family:SF Mono,Fira Code,monospace;font-size:.65rem;font-weight:700}.wcStatusPulse{border:1px solid var(--primary);opacity:0;clip-path:inherit;border-radius:2px;animation:3s ease-in-out infinite statusBarPulse;position:absolute;inset:0}@keyframes statusBarPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.wcFeaturedBadge{z-index:10;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:2px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:1rem;right:1rem;overflow:hidden}.wcFeaturedIcon{color:#1a1a1a;width:14px;height:14px}.wcFeaturedBadge span{letter-spacing:.1em;color:#1a1a1a;font-family:SF Mono,Fira Code,monospace;font-size:.6rem;font-weight:800}.wcFeaturedGlow{background:linear-gradient(90deg,#0000,#fff6,#0000);animation:3s ease-in-out infinite featuredShine;position:absolute;inset:-50%;transform:translate(-100%)}@keyframes featuredShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.wcHoloTag{z-index:10;background:linear-gradient(135deg,#688fe51a,#95e4e51a);border:1px solid #688fe54d;border-radius:2px;padding:.375rem .75rem;position:absolute;bottom:1rem;right:1rem}.wcHoloTagText{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:700}.wcContent{z-index:10;background:linear-gradient(#0000,#0a0a14fa 20%);flex-direction:column;flex:1;margin-top:-3rem;padding:1.5rem;display:flex;position:relative}.wcTechCircuit{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.wcChip{transition:all .3s;transition-delay:var(--chip-delay);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);background:#688fe50d;border:1px solid #688fe533;border-radius:2px;padding:.375rem .75rem;position:relative}.wc:hover .wcChip{background:#688fe514;border-color:#688fe54d}.wcChipText{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-family:SF Mono,Fira Code,monospace;font-size:.65rem;font-weight:600}.wcChipGlow{background:var(--primary);opacity:0;filter:blur(10px);z-index:-1;transition:opacity .3s;position:absolute;inset:0}.wc:hover .wcChipGlow{opacity:.1}.wcChipMore{color:#ffffff80;padding:.375rem .5rem;font-family:SF Mono,Fira Code,monospace;font-size:.65rem;font-weight:600}.wcTitle{align-items:center;margin-bottom:.75rem;display:flex}.wcTitleText{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;line-height:1.3;transition:all .3s;display:-webkit-box;overflow:hidden}.wcLarge .wcTitleText{font-size:1.5rem}.wc:hover .wcTitleText{background:linear-gradient(90deg,#fff,var(--primary),var(--secondary),#fff);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite titleShimmer}@keyframes titleShimmer{0%{background-position:0%}to{background-position:300%}}.wcTitleCursor{background:var(--primary);opacity:0;width:2px;height:1.25rem;margin-left:4px;animation:1s step-end infinite cursorBlink}.wc:hover .wcTitleCursor{opacity:1}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.wcDesc{gap:.5rem;margin-bottom:auto;display:flex}.wcDescPrompt{color:var(--primary);opacity:0;flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-weight:700;transition:opacity .3s}.wc:hover .wcDescPrompt{opacity:1}.wcDescText{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.wcLarge .wcDescText{-webkit-line-clamp:3}.wcFooter{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.wcClient{flex-direction:column;gap:.125rem;display:flex}.wcClientLabel{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);opacity:.7;font-family:SF Mono,Fira Code,monospace;font-size:.6rem;font-weight:600}.wcClientName{color:#fff;font-size:.875rem;font-weight:600}.wcAction{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:0 0;border:1px solid #688fe54d;border-radius:2px;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.wc:hover .wcAction{background:#688fe514;border-color:#688fe580;box-shadow:0 0 15px #688fe526}.wcActionText{letter-spacing:.1em;color:var(--primary);opacity:0;max-width:0;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.wc:hover .wcActionText{opacity:1;max-width:80px}.wcActionArrow{width:18px;height:18px;color:var(--primary);transition:transform .3s}.wc:hover .wcActionArrow{transform:translate(4px)}.wcActionGlow{background:var(--primary);opacity:0;filter:blur(20px);z-index:-1;transition:opacity .3s;position:absolute;inset:0}.wc:hover .wcActionGlow{opacity:.15}.wcCorner{z-index:15;opacity:0;width:16px;height:16px;transition:all .3s;position:absolute}.wc:hover .wcCorner{opacity:.6}.wcCorner span{background:var(--primary);box-shadow:0 0 5px var(--primary);position:absolute}.wcCorner span:first-child{width:100%;height:2px}.wcCorner span:last-child{width:2px;height:100%}.wcCornerTL,.wcCornerTL span:first-child,.wcCornerTL span:last-child{top:0;left:0}.wcCornerTR,.wcCornerTR span:first-child,.wcCornerTR span:last-child{top:0;right:0}.wcCornerBL,.wcCornerBL span:first-child,.wcCornerBL span:last-child{bottom:0;left:0}.wcCornerBR,.wcCornerBR span:first-child,.wcCornerBR span:last-child{bottom:0;right:0}.wcCircuitTrace{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.wc:hover .wcCircuitTrace{opacity:.5}.wcTraceLine{fill:none;stroke:var(--primary);stroke-width:.2px;stroke-dasharray:200;stroke-dashoffset:200px;opacity:.3}.wc:hover .wcTraceLine{animation:3s linear forwards traceFlow}.wcTraceLineV{animation-delay:.5s!important}@keyframes traceFlow{to{stroke-dashoffset:0}}.wcGlitch{animation:.15s linear glitchShake}.wcGlitch:before,.wcGlitch:after{content:"";background:inherit;z-index:100;position:absolute;inset:0}.wcGlitch:before{clip-path:polygon(0 0,100% 0,100% 33%,0 33%);background:#ff000008;transform:translate(-5px)}.wcGlitch:after{clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%);background:#00ffff08;transform:translate(5px)}@keyframes glitchShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.wc:hover{box-shadow:0 0 0 1px #688fe566,0 20px 40px -15px #00000080,0 0 25px -10px #688fe54d}@media (max-width:1024px){.wcLarge,.wcWide{grid-column:span 1}.wcTall{grid-row:span 1}.wcLarge .wcImageWrap{aspect-ratio:16/10}}@media (max-width:640px){.wcContent{padding:1.25rem}.wcTitleText,.wcLarge .wcTitleText{font-size:1.125rem}.wcDescText{-webkit-line-clamp:2;font-size:.8125rem}.wcActionText{display:none}.wcStatusBar{padding:.375rem .75rem}.wcStatusText{font-size:.6rem}}
.wgHeader{z-index:10;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;display:flex;position:relative}.wgHeader:after{content:"";background:linear-gradient(90deg,#0000,#688fe54d 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.wgHeaderLeft{align-items:center;gap:1.5rem;display:flex}.wgHeaderAccent{flex-direction:column;gap:4px;display:flex}.wgHeaderAccent span{background:var(--cdBlue,#688fe5);width:4px;height:12px;box-shadow:0 0 10px var(--cdBlue,#688fe5);border-radius:2px}.wgHeaderAccent span:nth-child(2){background:var(--cdCyan,#95e4e5);box-shadow:0 0 10px var(--cdCyan,#95e4e5);width:3px;margin-left:2px}.wgHeaderAccent span:nth-child(3){background:var(--cdAccent,#88d0e5);box-shadow:0 0 10px var(--cdAccent,#88d0e5);width:2px;margin-left:4px}.wgHeaderTitle{flex-direction:column;gap:.25rem;display:flex}.wgHeaderLabel{letter-spacing:.2em;color:#fff6;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:600}.wgTitle{align-items:center;display:flex}.wgTitleText{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--cdBlue,#688fe5)50%,var(--cdCyan,#95e4e5)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Fira Code,monospace;font-size:2rem;font-weight:800;animation:5s linear infinite ggTitleGradient}@keyframes ggTitleGradient{0%{background-position:0%}to{background-position:200%}}.wgTitleCursor{background:var(--cdBlue,#688fe5);width:3px;height:2rem;box-shadow:0 0 10px var(--cdBlue,#688fe5);margin-left:8px;animation:1s step-end infinite ggCursorBlink}@keyframes ggCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.wgHeaderRight{align-items:center;gap:2rem;display:flex}.wgHeaderStats{-webkit-backdrop-filter:blur(10px);background:#0006;border:1px solid #688fe533;border-radius:4px;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.wgStatItem{flex-direction:column;gap:.125rem;display:flex}.wgStatLabel{letter-spacing:.15em;color:#fff6;font-family:SF Mono,Fira Code,monospace;font-size:.6rem;font-weight:600}.wgStatValue{color:var(--cdBlue,#688fe5);font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:700}.wgStatValueActive{color:var(--cdBlue,#688fe5);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.wgStatDot{background:var(--cdBlue,#688fe5);width:6px;height:6px;box-shadow:0 0 10px var(--cdBlue,#688fe5);border-radius:50%;animation:2s ease-in-out infinite ggDotPulse}@keyframes ggDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.wgStatDivider{background:linear-gradient(#0000,#688fe54d,#0000);width:1px;height:30px}.wgHeaderLine{align-items:center;gap:8px;display:flex}.wgHeaderLine span{background:linear-gradient(90deg,var(--cdBlue,#688fe5),transparent);border-radius:1px;height:2px}.wgHeaderLine span:first-child{width:60px}.wgHeaderLine span:nth-child(2){opacity:.5;width:30px}.wgHeaderLine span:nth-child(3){opacity:.3;width:15px}.wgBento{z-index:10;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(300px,auto);gap:1.25rem;display:grid;position:relative}.wgSkeleton{background:#0a0a14cc;border:1px solid #688fe51a;border-radius:4px;position:relative;overflow:hidden}.wgSkeletonLarge{grid-area:span 2/span 2}.wgSkeletonWide{grid-column:span 2}.wgSkeletonTall{grid-row:span 2}.wgSkeletonShimmer{background:linear-gradient(110deg,#0000 20%,#688fe508 40%,#688fe50d 50%,#688fe508 60%,#0000 80%) 0 0/200% 100%;animation:2s linear infinite ggShimmer;position:absolute;inset:0}@keyframes ggShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wgSkeletonContent{padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.wgSkeletonChips{gap:.5rem;margin-bottom:1rem;display:flex}.wgSkeletonChips span{background:#688fe51a;border-radius:2px;width:60px;height:24px}.wgSkeletonTitle{background:#ffffff0d;border-radius:4px;width:70%;height:24px;margin-bottom:.75rem}.wgSkeletonText{background:#ffffff08;border-radius:4px;width:100%;height:14px;margin-bottom:.5rem}.wgSkeletonTextShort{width:60%}.wgSkeletonPulse{border:1px solid var(--cdBlue,#688fe5);opacity:0;border-radius:4px;animation:3s ease-in-out infinite ggSkeletonPulse;position:absolute;inset:0}@keyframes ggSkeletonPulse{0%,to{opacity:0}50%{opacity:.3}}.wgEmpty{text-align:center;z-index:10;background:#0a0a1499;border:1px solid #688fe51a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:4rem;display:flex;position:relative}.wgEmptyIcon{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;display:flex;position:relative}.wgEmptyIcon svg{width:40px;height:40px;color:var(--cdBlue,#688fe5)}.wgEmptyIconRing{border:1px solid var(--cdBlue,#688fe5);opacity:.3;border-radius:50%;animation:3s ease-in-out infinite ggRingPulse;position:absolute;inset:0}.wgEmptyIconRing2{animation-delay:1s}.wgEmptyIconRing3{animation-delay:2s}@keyframes ggRingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.wgEmptyTitle{color:#fff;align-items:center;margin-bottom:1rem;font-family:SF Mono,Fira Code,monospace;font-size:1.5rem;font-weight:700;display:flex}.wgEmptyCursor{background:var(--cdBlue,#688fe5);width:2px;height:1.5rem;margin-left:4px;animation:1s step-end infinite ggCursorBlink}.wgEmptyText{color:#ffffff80;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1rem;display:flex}.wgEmptyPrompt{color:var(--cdBlue,#688fe5);font-family:SF Mono,Fira Code,monospace;font-weight:700}.wgEmptyAction{color:var(--cdBlue,#688fe5);cursor:pointer;background:#688fe51a;border:1px solid #688fe54d;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.wgEmptyAction:hover{background:#688fe533;box-shadow:0 0 20px #688fe533}.wgEmptyActionDot{background:var(--cdBlue,#688fe5);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ggDotPulse}.wgLoadMore{z-index:10;justify-content:center;align-items:center;gap:2rem;margin-top:4rem;display:flex;position:relative}.wgLoadMoreLine{background:linear-gradient(90deg,#0000,#688fe533,#0000);flex:1;height:1px}.wgLoadMoreBtn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #688fe54d;border-radius:4px;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.wgLoadMoreBtn:hover:not(:disabled){border-color:var(--cdBlue,#688fe5);transform:translateY(-2px);box-shadow:0 0 30px #688fe533,inset 0 0 30px #688fe50d}.wgLoadMoreBtn:disabled{opacity:.6;cursor:not-allowed}.wgLoadMoreIcon{width:20px;height:20px;color:var(--cdBlue,#688fe5);transition:transform .3s}.wgLoadMoreBtn:hover:not(:disabled) .wgLoadMoreIcon{transform:translateY(4px)}.wgLoadMoreText{color:var(--cdBlue,#688fe5)}.wgLoadMoreCount{color:#fff6;font-size:.75rem}.wgLoadMoreGlow{background:var(--cdBlue,#688fe5);filter:blur(30px);opacity:0;width:80%;height:40px;transition:opacity .3s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.wgLoadMoreBtn:hover:not(:disabled) .wgLoadMoreGlow{opacity:.3}.wgLoadingSpinner{border:2px solid #ffffff1a;border-top-color:var(--cdBlue,#688fe5);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite ggSpin}@keyframes ggSpin{to{transform:rotate(360deg)}}.wgLoadingText{color:var(--cdBlue,#688fe5)}.wgLoadingDots span{opacity:0;animation:1.4s infinite ggLoadingDots}.wgLoadingDots span:first-child{animation-delay:0s}.wgLoadingDots span:nth-child(2){animation-delay:.2s}.wgLoadingDots span:nth-child(3){animation-delay:.4s}@keyframes ggLoadingDots{0%,80%,to{opacity:0}40%{opacity:1}}@media (max-width:1280px){.wgBento{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.wgBento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(280px,auto)}.wgSkeletonLarge,.wgSkeletonWide{grid-column:span 1}.wgSkeletonTall{grid-row:span 1}.wgHeader{flex-direction:column;align-items:flex-start;gap:1.5rem}.wgHeaderRight{justify-content:space-between;width:100%}.wgTitleText{font-size:1.5rem}}@media (max-width:640px){.wgBento{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}.wgTitleText{font-size:1.25rem}.wgHeaderStats{gap:1rem;padding:.5rem 1rem}.wgStatValue{font-size:1rem}.wgHeaderLine{display:none}.wgLoadMoreBtn{justify-content:center;width:100%}.wgLoadMore{flex-direction:column;gap:1rem}.wgLoadMoreLine{flex:none;width:60%}}
.workShowcase{background:var(--bgSecondary);padding:6rem 0;overflow:hidden}.workShowcaseContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.workShowcaseHeader{text-align:center;margin-bottom:3rem}.workShowcaseTitle{color:var(--textPrimary);margin-bottom:.75rem;font-size:2rem;font-weight:700}.workShowcaseSubtitle{color:var(--textSecondary);font-size:1.125rem}.workShowcaseSlider{position:relative}.workShowcaseSlide{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.workShowcaseImageWrapper{aspect-ratio:16/10;box-shadow:var(--shadow2xl);border-radius:20px;position:relative;overflow:hidden}.workShowcaseImage{object-fit:cover;transition:transform .6s var(--easeOutExpo)}.workShowcaseSlide:hover .workShowcaseImage{transform:scale(1.02)}.workShowcaseImageOverlay{background:linear-gradient(135deg,#688fe51a,#0000);position:absolute;inset:0}.workShowcaseContent{padding:1rem 0}.workShowcaseCategory{background:var(--bgTertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--cdBlue);border-radius:100px;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-block}.workShowcaseItemTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.2}.workShowcaseDescription{color:var(--textSecondary);margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.7}.workShowcaseTech{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.workShowcaseTechTag{background:var(--bgTertiary);color:var(--textSecondary);border-radius:100px;padding:.5rem 1rem;font-size:.875rem}.workShowcaseLink{background:var(--cdBlue);color:#fff;border-radius:100px;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.workShowcaseLink:hover{background:var(--cdBlueDark);transform:translate(5px)}.workShowcaseLink svg{width:1.25rem;height:1.25rem;transition:transform .3s}.workShowcaseLink:hover svg{transform:translate(3px)}.workShowcaseNav{background:var(--cardBg);border:1px solid var(--borderPrimary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.workShowcaseNav:hover{background:var(--cdBlue);border-color:var(--cdBlue);color:#fff}.workShowcaseNav svg{width:1.25rem;height:1.25rem}.workShowcaseNavPrev{left:-1.5rem}.workShowcaseNavNext{right:-1.5rem}.workShowcaseDots{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.workShowcaseDot{background:var(--borderPrimary);cursor:pointer;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:all .3s}.workShowcaseDot.active{background:var(--cdBlue);border-radius:100px;width:2rem}.workShowcaseProgress{background:var(--borderSecondary);border-radius:100px;height:2px;margin-top:1.5rem;overflow:hidden}.workShowcaseProgressBar{background:var(--cdBlue);width:0;height:100%;animation:5s linear forwards progressFill}@keyframes progressFill{0%{width:0}to{width:100%}}.workShowcaseSkeleton{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.workShowcaseSkeletonImage{aspect-ratio:16/10;background:linear-gradient(90deg,var(--bgTertiary)25%,var(--bgMuted)50%,var(--bgTertiary)75%);background-size:200% 100%;border-radius:20px;animation:1.5s infinite shimmer}.workShowcaseSkeletonContent{padding:2rem 0}.workShowcaseSkeletonTitle{background:linear-gradient(90deg,var(--bgTertiary)25%,var(--bgMuted)50%,var(--bgTertiary)75%);background-size:200% 100%;border-radius:8px;width:80%;height:2rem;margin-bottom:1rem;animation:1.5s infinite shimmer}.workShowcaseSkeletonText{background:linear-gradient(90deg,var(--bgTertiary)25%,var(--bgMuted)50%,var(--bgTertiary)75%);background-size:200% 100%;border-radius:4px;width:100%;height:1rem;animation:1.5s infinite shimmer}@media (max-width:1024px){.workShowcaseSlide{grid-template-columns:1fr;gap:2rem}.workShowcaseNavPrev,.workShowcaseNavNext{display:none}.workShowcaseSkeleton{grid-template-columns:1fr}}@media (max-width:768px){.workShowcase{padding:4rem 0}.workShowcaseContainer{padding:0 1rem}.workShowcaseItemTitle{font-size:1.5rem}}