.projects-hero{isolation:isolate;justify-content:center;align-items:center;min-height:calc(100vh - 200px);margin-top:0;padding:50px 0 40px;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.projects-hero{min-height:calc(85vh - 120px);padding:40px 0 30px}}@media (max-width:768px){.projects-hero{min-height:calc(75vh - 80px);padding:30px 0 25px}}@media (max-width:480px){.projects-hero{min-height:calc(65vh - 60px);padding:30px 0 20px}}.projects-hero__background{z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 25%,#6366f126 0%,transparent 45%),radial-gradient(circle at 85% 75%,#3b82f62e 0%,transparent 50%),radial-gradient(circle at 50% 50%,#8b5cf61f 0%,transparent 55%),radial-gradient(circle at 25% 70%,#60a5fa1a 0%,transparent 40%),radial-gradient(circle at 75% 30%,#93c5fd1f 0%,transparent 45%),var(--background);background-attachment:fixed;width:200vw;position:absolute;inset:0 -50vw}[data-theme=dark] .projects-hero__background{background:radial-gradient(circle at 15% 25%,#6366f138 0%,transparent 45%),radial-gradient(circle at 85% 75%,#3b82f640 0%,transparent 50%),radial-gradient(circle at 50% 50%,#8b5cf62e 0%,transparent 55%),radial-gradient(circle at 25% 70%,#60a5fa26 0%,transparent 40%),radial-gradient(circle at 75% 30%,#93c5fd2e 0%,transparent 45%),var(--background)}.projects-hero__particles{z-index:1;pointer-events:none;width:200vw;position:absolute;inset:0 -50vw;overflow:hidden}.projects-hero__particle{width:var(--size,30px);height:var(--size,30px);animation:particleFloat var(--duration,15s)var(--delay,0s)infinite ease-in-out,particlePulse 4s var(--delay,0s)infinite ease-in-out;filter:blur(1px);opacity:.6;background:linear-gradient(135deg,#6366f199,#3b82f666,#8b5cf680);border-radius:50%;position:absolute}[data-theme=dark] .projects-hero__particle{opacity:.8;filter:blur(1.5px);background:linear-gradient(135deg,#6366f1b3,#3b82f680,#8b5cf699)}.projects-hero__particle:first-child{--duration:18s;--delay:0s;top:15%;left:10%}.projects-hero__particle:nth-child(2){--duration:20s;--delay:1s;top:20%;left:85%}.projects-hero__particle:nth-child(3){--duration:16s;--delay:2s;top:60%;left:50%}.projects-hero__particle:nth-child(4){--duration:22s;--delay:.5s;top:80%;left:20%}.projects-hero__particle:nth-child(5){--duration:19s;--delay:1.5s;top:50%;left:90%}.projects-hero__particle:nth-child(6){--duration:21s;--delay:2.5s;top:45%;left:5%}.projects-hero__particle:nth-child(7){--duration:17s;--delay:3s;top:85%;left:70%}.projects-hero__particle:nth-child(8){--duration:23s;--delay:1s;top:10%;left:40%}.projects-hero__particle:nth-child(9){--duration:18s;--delay:2s;top:35%;left:15%}.projects-hero__particle:nth-child(10){--duration:20s;--delay:.5s;top:30%;left:95%}.projects-hero__particle:nth-child(11){--duration:19s;--delay:3.5s;top:5%;left:55%}.projects-hero__particle:nth-child(12){--duration:21s;--delay:1.5s;top:90%;left:30%}.projects-hero__particle:nth-child(13){--duration:17s;--delay:2.5s;top:65%;left:75%}.projects-hero__particle:nth-child(14){--duration:22s;--delay:.8s;top:55%;left:8%}.projects-hero__particle:nth-child(15){--duration:18s;--delay:3s;top:25%;left:60%}@media (max-width:768px){.projects-hero__particle{opacity:.4;filter:blur(.5px)}[data-theme=dark] .projects-hero__particle{opacity:.6;filter:blur(1px)}}.projects-hero__grid{z-index:1;pointer-events:none;opacity:.1;background-image:linear-gradient(#6366f14d 1px,#0000 1px),linear-gradient(90deg,#6366f14d 1px,#0000 1px);background-size:80px 80px;width:200vw;animation:20s linear infinite gridMove;position:absolute;inset:0 -50vw}[data-theme=dark] .projects-hero__grid{opacity:.15;background-image:linear-gradient(#6366f166 1px,#0000 1px),linear-gradient(90deg,#6366f166 1px,#0000 1px)}@media (max-width:768px){.projects-hero__grid{opacity:.08;background-size:60px 60px}[data-theme=dark] .projects-hero__grid{opacity:.12}}.projects-hero__grid-line{background:linear-gradient(90deg,#0000,#6366f133,#0000);width:100%;height:1px;animation:15s linear infinite gridLineMove;position:absolute}[data-theme=dark] .projects-hero__grid-line{background:linear-gradient(90deg,#0000,#6366f14d,#0000)}.projects-hero__grid-line:first-child{animation-delay:0s;top:20%}.projects-hero__grid-line:nth-child(2){animation-delay:2.5s;top:40%}.projects-hero__grid-line:nth-child(3){animation-delay:5s;top:60%}.projects-hero__grid-line:nth-child(4){animation-delay:7.5s;top:80%}.projects-hero__grid-line:nth-child(5){animation-delay:10s;top:10%}.projects-hero__grid-line:nth-child(6){animation-delay:12.5s;top:90%}.projects-hero__container{z-index:2;text-align:center;max-width:1000px;margin:0 auto;position:relative}.projects-hero__content{align-items:center;gap:clamp(var(--space-md),2vw,var(--space-xl));text-align:center;padding:0 var(--space-md);flex-direction:column;display:flex}@media (max-width:1024px){.projects-hero__content{gap:clamp(var(--space-sm),1.5vw,var(--space-lg))}}@media (max-width:768px){.projects-hero__content{gap:var(--space-md);padding:0 var(--space-sm)}}@media (max-width:480px){.projects-hero__content{gap:var(--space-sm);padding:0 var(--space-xs)}}.projects-hero__content .section-eyebrow{margin:0 auto;display:inline-flex}.projects-hero__content h1{color:var(--foreground);max-width:100%;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.15;font-family:var(--font-space-grotesk),var(--font-sans);margin:0}@media (max-width:1024px){.projects-hero__content h1{font-size:clamp(1.75rem,5vw,3rem);line-height:1.2}}@media (max-width:768px){.projects-hero__content h1{font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.25}}@media (max-width:480px){.projects-hero__content h1{font-size:clamp(1.5rem,7vw,2rem);line-height:1.3}}.projects-hero__content p{color:var(--foreground-soft);max-width:700px;margin:0;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.7}@media (max-width:1024px){.projects-hero__content p{max-width:650px;font-size:clamp(.9rem,1.8vw,1.05rem)}}@media (max-width:768px){.projects-hero__content p{max-width:100%;font-size:clamp(.9rem,2vw,1rem);line-height:1.65}}@media (max-width:480px){.projects-hero__content p{font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.6}}.projects-hero__metrics{gap:clamp(var(--space-sm),1.5vw,var(--space-md));margin-top:clamp(var(--space-sm),1.5vw,var(--space-md));grid-template-columns:repeat(3,minmax(140px,1fr));width:100%;max-width:700px;display:grid}@media (max-width:1024px){.projects-hero__metrics{gap:var(--space-sm);max-width:650px;margin-top:var(--space-sm)}}@media (max-width:768px){.projects-hero__metrics{gap:var(--space-xs);max-width:100%;margin-top:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.projects-hero__metrics{gap:var(--space-xs);max-width:100%;margin-top:var(--space-xs);grid-template-columns:1fr}}.projects-hero__metric{gap:var(--space-xs);padding:clamp(var(--space-md),2vw,var(--space-lg))clamp(var(--space-sm),1.5vw,var(--space-md));background:color-mix(in srgb,var(--surface)90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border)50%,transparent);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--duration-base)var(--ease-smooth),border-color var(--duration-base)var(--ease-smooth),box-shadow var(--duration-base)var(--ease-smooth),background var(--duration-base)var(--ease-smooth);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.projects-hero__metric{padding:var(--space-md)var(--space-sm)}}@media (max-width:480px){.projects-hero__metric{padding:var(--space-sm)var(--space-md)}}.projects-hero__metric:before{content:"";opacity:0;transition:opacity var(--duration-base)var(--ease-smooth);z-index:0;background:linear-gradient(135deg,#6366f11a,#3b82f614,#8b5cf61a);position:absolute;inset:0}.projects-hero__metric:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--duration-base)var(--ease-smooth);z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#6366f1,#3b82f6,#8b5cf6);position:absolute;inset:-2px}.projects-hero__metric strong{z-index:1;transition:color var(--duration-base)var(--ease-smooth);color:var(--foreground);margin-bottom:clamp(var(--space-2xs),.5vw,var(--space-xs));font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:700;display:block;position:relative}@media (max-width:1024px){.projects-hero__metric strong{font-size:clamp(1.4rem,3vw,2rem)}}@media (max-width:768px){.projects-hero__metric strong{margin-bottom:var(--space-2xs);font-size:clamp(1.3rem,3.5vw,1.75rem)}}@media (max-width:480px){.projects-hero__metric strong{font-size:clamp(1.25rem,4vw,1.5rem)}}.projects-hero__metric span{color:var(--foreground-soft);z-index:1;transition:color var(--duration-base)var(--ease-smooth);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.75rem,1.1vw,.9rem);position:relative}@media (max-width:1024px){.projects-hero__metric span{font-size:clamp(.8rem,1.2vw,.85rem)}}@media (max-width:768px){.projects-hero__metric span{font-size:clamp(.75rem,1.5vw,.8rem)}}@media (max-width:480px){.projects-hero__metric span{font-size:clamp(.7rem,2vw,.75rem)}}.projects-hero__metric:hover{border-color:color-mix(in srgb,var(--accent)60%,transparent);background:color-mix(in srgb,var(--surface)95%,transparent);box-shadow:0 25px 50px #0f172a33,0 0 0 1px color-mix(in srgb,var(--accent)30%,transparent),0 0 40px #6366f140;transform:translateY(-8px)scale(1.03)}[data-theme=dark] .projects-hero__metric:hover{box-shadow:0 25px 50px #020617cc,0 0 0 1px color-mix(in srgb,var(--accent)30%,transparent),0 0 40px #6366f14d}.projects-hero__metric:hover:before{opacity:1}.projects-hero__metric:hover:after{opacity:.3}.projects-hero__metric:hover strong{background:linear-gradient(135deg,#6366f1,#3b82f6,#8b5cf6);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes particleFloat{0%{transform:translate(0)rotate(0)}25%{transform:translate(50px,-80px)rotate(90deg)}50%{transform:translate(-30px,-120px)rotate(180deg)}75%{transform:translate(70px,-60px)rotate(270deg)}to{transform:translate(0)rotate(360deg)}}@keyframes particlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(80px,80px)}}@keyframes gridLineMove{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}