.projects-hero{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);overflow-x:clip;z-index:1}.projects-hero__content{position:relative;z-index:2;max-width:900px;will-change:transform,opacity}.projects-hero__label{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-6);display:block}.projects-hero__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-medium);line-height:.95;color:var(--color-white-pure);letter-spacing:-.02em;margin-bottom:var(--space-6)}.projects-hero__title .dot{color:var(--color-accent)}.projects-hero__text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.4;color:var(--color-text-secondary);max-width:560px;margin:0 auto}.aurora-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.aurora-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:.35;will-change:transform;filter:blur(10px);--dark-gradient: repeating-linear-gradient(100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16%);--aurora: repeating-linear-gradient(100deg, #3b82f6 10%, #a5b4fc 15%, #93c5fd 20%, #ddd6fe 25%, #60a5fa 30%);background-image:var(--dark-gradient),var(--aurora);background-size:300% 200%;background-position:50% 50%,50% 50%;mask-image:radial-gradient(ellipse at 100% 0%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,transparent 70%)}.aurora-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--dark-gradient),var(--aurora);background-size:200% 100%;background-attachment:fixed;mix-blend-mode:difference;animation:animate-aurora 60s linear infinite}@keyframes animate-aurora{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@keyframes revealFadeUp{0%{opacity:0;transform:translateY(24px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.projects-hero__label{animation:revealFadeUp 1s var(--ease-out) .8s both}.projects-hero__title{animation:revealFadeUp 1.1s var(--ease-out) 1.1s both}.projects-hero__text{animation:revealFadeUp 1s var(--ease-out) 1.5s both}.projects-grid{position:relative;width:100%;overflow-x:clip;background:color-mix(in srgb,var(--color-bg-primary) 50%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-bottom:var(--space-16);z-index:10;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%);mask-image:linear-gradient(to bottom,transparent 0%,black 8%)}.projects-grid:before{content:"";position:absolute;top:0;left:50%;width:1000px;height:600px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(47,97,96,.07) 0%,transparent 60%);pointer-events:none;z-index:0}.projects-grid__inner{position:relative;max-width:1200px;margin:0 auto;padding:0 var(--container-padding);z-index:1}.projects-grid__item{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(var(--space-8),5vw,var(--space-10));align-items:center;padding:clamp(var(--space-10),8vw,var(--space-10)) 0;border-bottom:1px solid var(--color-border)}.projects-grid__item:nth-child(2n){grid-template-columns:.9fr 1.1fr}.projects-grid__item:nth-child(2n) .projects-grid__media{order:2}.projects-grid__item:nth-child(2n) .projects-grid__info{order:1}.projects-grid__item:last-child{border-bottom:none}.projects-grid__media{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border);aspect-ratio:16 / 10;opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),box-shadow var(--duration-slow) var(--ease-out)}.projects-grid__item.is-visible .projects-grid__media{opacity:1;transform:translateY(0)}.projects-grid__item.is-visible .projects-grid__media:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0006,0 0 40px #45737114}.projects-grid__media img{width:100%;height:100%;object-fit:cover;display:block}.projects-grid__media .img-hover{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease-out}.projects-grid__item.is-visible .projects-grid__media:hover .img-hover{opacity:1}.projects-grid__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(69,115,113,.1) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.projects-grid__item.is-visible .projects-grid__media:hover:after{opacity:1}.projects-grid__info{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) 0}.projects-grid__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.projects-grid__tag{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.projects-grid__tag+.projects-grid__tag:before{content:"  |  ";color:var(--color-text-muted);opacity:.5}.projects-grid__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.05;color:var(--color-white-pure);letter-spacing:-.01em;margin-bottom:var(--space-3)}.projects-grid__desc{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-light);line-height:1.6;color:var(--color-text-secondary);max-width:480px;margin-bottom:var(--space-8)}.projects-grid__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-white-pure);text-decoration:none;padding:var(--space-4) var(--space-8);background:transparent;width:fit-content}.projects-grid__cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(currentColor,currentColor) 0 0 / 1px 5px no-repeat,linear-gradient(currentColor,currentColor) 0 0 / 5px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 0 / 1px 5px no-repeat,linear-gradient(currentColor,currentColor) 100% 0 / 5px 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 1px 5px no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 5px 1px no-repeat,linear-gradient(currentColor,currentColor) 100% 100% / 1px 5px no-repeat,linear-gradient(currentColor,currentColor) 100% 100% / 5px 1px no-repeat;opacity:.3;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.projects-grid__cta:hover:before{opacity:1;transform:scale(1.08)}@media(max-width:1024px){.projects-grid__item,.projects-grid__item:nth-child(2n){grid-template-columns:1fr;gap:var(--space-8)}.projects-grid__item:nth-child(2n) .projects-grid__media,.projects-grid__item:nth-child(2n) .projects-grid__info{order:unset}.projects-grid__media{aspect-ratio:16 / 9}.projects-grid__info{padding:0}}@media(max-width:768px){.projects-hero{min-height:80vh;padding:var(--space-12) var(--container-padding)}.projects-hero:before{width:500px;height:500px}.projects-hero:after{width:400px;height:400px}.projects-hero__title{font-size:clamp(2.5rem,10vw,4rem)}.projects-grid__media{border-radius:16px;aspect-ratio:12 / 8}.projects-grid__title{font-size:var(--text-xl)}.projects-grid__item{padding:var(--space-10) 0}}.projects-bottom-blur{position:fixed;bottom:0;left:0;width:100%;height:10vh;pointer-events:none;z-index:50;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to top,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 40%,transparent 100%);transition:opacity .4s ease}.projects-page .cta{background:transparent}.projects-page .cta:before{display:none}