.project-vault-page{--project-blue:0 118 255;--project-pink:255 44 195;overflow:clip}.project-vault-global-hero{border-bottom:1px solid rgb(var(--c-white) / .08);background:radial-gradient(circle at 76% 34%, rgb(var(--project-pink) / .14), transparent 28%), radial-gradient(circle at 62% 64%, rgb(var(--project-blue) / .16), transparent 35%), rgb(var(--c-bg))}.project-vault-global-hero:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(rgb(var(--c-white) / .08) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--c-white) / .08) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.project-vault-global-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, rgb(var(--project-blue)), rgb(var(--project-pink)), transparent);height:1px;box-shadow:0 0 28px rgb(var(--project-pink) / .42);animation:8s cubic-bezier(.22,1,.36,1) infinite project-scan;position:absolute;top:18%;left:0;right:0}.project-detail-hero:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(rgb(var(--c-white) / .08) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--c-white) / .08) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}@keyframes project-scan{0%,10%{opacity:0;transform:translateY(-80px)}18%{opacity:1}70%{opacity:.75}86%,to{opacity:0;transform:translateY(520px)}}.project-vault-console{border:1px solid rgb(var(--c-white) / .13);background:rgb(var(--c-card) / .72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 100px -48px rgb(var(--project-pink) / .55);border-radius:28px;position:relative;overflow:hidden}.project-vault-console:after{content:"";background:radial-gradient(circle, rgb(var(--project-blue) / .2), transparent 68%);pointer-events:none;height:70%;position:absolute;inset:auto -10% -40% 35%}.project-vault-stat{border:1px solid rgb(var(--c-white) / .09);background:rgb(var(--c-bg) / .34);min-height:128px;transition:transform .35s,border-color .35s,background .35s;position:relative}.project-vault-stat:hover{border-color:rgb(var(--project-pink) / .45);background:rgb(var(--project-pink) / .045)}@media (hover:hover){.project-vault-stat:hover{transform:translateY(-4px)}}.project-ticker{border-block:1px solid rgb(var(--c-white) / .08);background:rgb(var(--c-card) / .56);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.project-ticker-track{flex:none;min-width:max-content;animation:62s linear infinite project-ticker;display:flex}.project-ticker:hover .project-ticker-track{animation-play-state:paused}@keyframes project-ticker{to{transform:translate(-100%)}}.project-ticker-item{letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--c-gray-300));white-space:nowrap;align-items:center;gap:.65rem;padding:.9rem 1.5rem;font-size:.68rem;font-weight:900;display:inline-flex}.project-ticker-item:before{content:"";background:var(--project-accent,#ff2cc3);width:5px;height:5px;box-shadow:0 0 12px var(--project-accent,#ff2cc3);border-radius:50%}.project-control-deck{z-index:26;border:1px solid rgb(var(--c-white) / .1);background:rgb(var(--c-bg) / .88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:152px;box-shadow:0 16px 50px #0000001f}.project-filter-button{transition:background .2s,border-color .2s,transform .2s}@media (hover:hover){.project-filter-button:hover{transform:translateY(-1px)}}.project-filter-button[data-active=true]{color:#fff;box-shadow:0 10px 30px -14px rgb(var(--project-pink) / .8);background:linear-gradient(90deg,#0076ff,#ff2cc3);border-color:#0000}.project-now-card,.project-vault-card,.project-lab-card{--project-accent:#ff2cc3;border:1px solid rgb(var(--c-white) / .1);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent) 8%, transparent), transparent 42%), rgb(var(--c-card));transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .45s;position:relative;overflow:hidden}.project-vault-card:hover,.project-now-card:hover,.project-lab-card:hover{border-color:color-mix(in srgb, var(--project-accent) 55%, transparent);box-shadow:0 34px 80px -42px color-mix(in srgb, var(--project-accent) 72%, transparent)}@media (hover:hover){.project-vault-card:hover,.project-now-card:hover,.project-lab-card:hover{transform:translateY(-8px)}}.project-vault-card:before,.project-now-card:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 49.8%, color-mix(in srgb, var(--project-accent) 15%, transparent) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, color-mix(in srgb, var(--project-accent) 12%, transparent) 50%, transparent 50.2%);opacity:.35;background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 80% 20%,#000,#0000 62%);mask-image:radial-gradient(circle at 80% 20%,#000,#0000 62%)}.project-vault-card--flagship{min-height:390px}.project-vault-card--full{min-height:320px}.project-vault-card--compact{min-height:260px}.project-card-image{object-fit:contain;object-position:bottom right;opacity:.42;filter:saturate(.92)contrast(1.03);pointer-events:none;width:min(42%,360px);max-height:86%;transition:opacity .4s,transform .7s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-10%;right:-4%;transform:translate(0,0)scale(1.02)}.project-vault-card:hover .project-card-image,.project-now-card:hover .project-card-image{opacity:.7}@media (hover:hover){.project-vault-card:hover .project-card-image,.project-now-card:hover .project-card-image{transform:translate(-12px,-8px)scale(1.08)}}.project-status-dot{background:var(--project-accent);width:7px;height:7px;box-shadow:0 0 16px var(--project-accent);border-radius:50%;animation:2.4s ease-in-out infinite project-status}@keyframes project-status{50%{opacity:.35;transform:scale(.7)}}.project-progress-track{background:rgb(var(--c-white) / .09);border-radius:999px;height:3px;overflow:hidden}.project-progress-fill{border-radius:inherit;background:linear-gradient(90deg, #0076ff, var(--project-accent));height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--project-accent) 50%, transparent)}.project-progress-track--active{position:relative}.project-progress-signal{inset-block:0;border-radius:inherit;background:linear-gradient(90deg, transparent, var(--project-accent), transparent);width:36%;box-shadow:0 0 18px color-mix(in srgb, var(--project-accent) 45%, transparent);animation:2.8s ease-in-out infinite project-progress-signal;position:absolute;left:0}@keyframes project-progress-signal{0%{opacity:.3;transform:translate(-105%)}45%{opacity:1}to{opacity:.3;transform:translate(280%)}}.project-build-spine{background:linear-gradient(to bottom, transparent, rgb(var(--project-blue) / .28), rgb(var(--project-pink) / .36), transparent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%}.project-build-spine:after{content:"";width:9px;height:9px;box-shadow:0 0 20px #ff2cc3, 0 0 44px rgb(var(--project-pink) / .55);background:#ff2cc3;border-radius:50%;margin-left:-4px;display:block;position:sticky;top:50vh}.project-detail-page{--project-accent:#ff2cc3;overflow:clip}.project-detail-hero{border-bottom:1px solid rgb(var(--c-white) / .09);background:radial-gradient(circle at 78% 30%, color-mix(in srgb, var(--project-accent) 18%, transparent), transparent 30%), radial-gradient(circle at 66% 70%, rgb(var(--project-blue) / .16), transparent 34%), rgb(var(--c-bg));align-items:end;min-height:76svh;display:grid;position:relative}.project-detail-visual{border:1px solid color-mix(in srgb, var(--project-accent) 35%, transparent);background:rgb(var(--c-card) / .55);min-height:430px;box-shadow:0 40px 110px -60px color-mix(in srgb, var(--project-accent) 80%, transparent);border-radius:34px;position:relative;overflow:hidden}.project-detail-visual:before{content:"";background:repeating-radial-gradient(circle at center, transparent 0 58px, color-mix(in srgb, var(--project-accent) 14%, transparent) 59px 60px), linear-gradient(90deg, transparent 49.8%, color-mix(in srgb, var(--project-accent) 14%, transparent) 50%, transparent 50.2%);opacity:.6;position:absolute;inset:0}.project-detail-visual img{object-fit:contain;object-position:bottom right;z-index:2;filter:drop-shadow(0 30px 45px #00000040);width:min(78%,520px);height:92%;position:absolute;inset:auto 0 0 auto}.project-system-map{gap:1rem;display:grid;position:relative}.project-system-node{z-index:2;border:1px solid rgb(var(--c-white) / .11);background:rgb(var(--c-card) / .86);transition:border-color .3s,transform .3s,box-shadow .3s;position:relative}.project-system-node:hover{border-color:color-mix(in srgb, var(--project-accent) 58%, transparent);box-shadow:0 20px 45px -30px var(--project-accent)}@media (hover:hover){.project-system-node:hover{transform:translateY(-3px)}}.project-system-line{background:linear-gradient(90deg, transparent, #0076ff, var(--project-accent), transparent);opacity:.42;z-index:0;height:1px;position:absolute;top:50%;left:5%;right:5%}.project-case-band{border-block:1px solid rgb(var(--c-white) / .08);background:rgb(var(--c-card) / .35);position:relative;overflow:hidden}.project-case-band-track{width:max-content;animation:34s linear infinite project-case-band;display:flex}@keyframes project-case-band{to{transform:translate(-50%)}}.project-case-band span{text-transform:uppercase;letter-spacing:-.04em;color:rgb(var(--c-white) / .08);white-space:nowrap;padding:1rem 2rem;font-size:clamp(1.1rem,2.6vw,2.4rem);font-weight:950}.project-case-band span strong{color:color-mix(in srgb, var(--project-accent) 75%, rgb(var(--c-white)))}@media (width>=1024px){.project-vault-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:1rem;display:grid}.project-vault-card--flagship{grid-column:span 8}.project-vault-card--full{grid-column:span 6}.project-vault-card--compact{grid-column:span 4}.project-vault-card--flagship:nth-child(3n){grid-column:span 7}.project-vault-card--flagship:nth-child(3n)+.project-vault-card--compact{grid-column:span 5}.project-system-map{grid-template-columns:repeat(var(--node-count,5), minmax(0, 1fr))}}@media (width<=1023px){.project-control-deck{top:112px}.project-vault-hero{min-height:auto;padding-block:5rem}.project-vault-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.project-build-spine{display:none}.project-detail-hero{min-height:auto}.project-detail-visual{min-height:320px}.project-system-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-system-line{display:none}}@media (width<=640px){.project-control-deck{position:relative;top:auto}.project-card-image{opacity:.26;width:55%}.project-vault-card--flagship,.project-vault-card--full,.project-vault-card--compact{min-height:300px}.project-system-map{grid-template-columns:minmax(0,1fr)}.project-detail-visual{min-height:280px}}@media (prefers-reduced-motion:reduce){.project-vault-scan,.project-ticker-track,.project-status-dot,.project-progress-signal,.project-case-band-track{animation:none!important}.project-vault-card,.project-now-card,.project-lab-card,.project-card-image{transition:none!important}}.project-intro-section{position:relative;overflow:visible}.project-intro-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 50%, rgb(var(--project-blue) / .07), transparent 24%), radial-gradient(circle at 78% 45%, rgb(var(--project-pink) / .07), transparent 24%);position:absolute;inset:0}.project-intro-grid{z-index:3;position:relative}.project-intro-card{--project-intro-accent:#ff2cc3;border:1px solid rgb(var(--c-white) / .1);background:linear-gradient(145deg, color-mix(in srgb, var(--project-intro-accent) 8%, transparent), transparent 52%), rgb(var(--c-card) / .8);min-height:176px;color:rgb(var(--c-white));border-radius:22px;flex-direction:column;padding:1.35rem;transition:transform .34s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .34s;display:flex;position:relative;overflow:hidden}.project-intro-card:after{content:"";background:linear-gradient(90deg, transparent, var(--project-intro-accent), transparent);opacity:.42;border-radius:999px;height:2px;transition:opacity .3s,transform .34s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:1.25rem;right:1.25rem;transform:scaleX(.58)}.project-intro-card:hover{border-color:color-mix(in srgb, var(--project-intro-accent) 52%, transparent);box-shadow:0 26px 60px -42px var(--project-intro-accent)}.project-intro-card:focus-visible{border-color:color-mix(in srgb, var(--project-intro-accent) 52%, transparent);box-shadow:0 26px 60px -42px var(--project-intro-accent);transform:translateY(-6px)}@media (hover:hover){.project-intro-card:hover{transform:translateY(-6px)}}.project-intro-card:hover:after{opacity:.9}.project-intro-card:focus-visible:after{opacity:.9;transform:scaleX(1)}@media (hover:hover){.project-intro-card:hover:after{transform:scaleX(1)}}.project-intro-card__icon{border:1px solid color-mix(in srgb, var(--project-intro-accent) 34%, transparent);background:color-mix(in srgb, var(--project-intro-accent) 10%, transparent);width:42px;height:42px;color:var(--project-intro-accent);border-radius:13px;place-items:center;display:grid}.project-intro-card h2{letter-spacing:-.02em;margin-top:1.15rem;font-size:1.05rem;font-weight:900;line-height:1.25}.project-intro-card p{max-width:34rem;color:rgb(var(--c-gray-400));margin-top:.55rem;font-size:.82rem;line-height:1.6}.project-intro-card__cta{letter-spacing:.14em;text-transform:uppercase;color:var(--project-intro-accent);align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;font-size:.64rem;font-weight:900;display:inline-flex}.project-now-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.project-now-strip-card{--project-accent:#ff2cc3;border:1px solid rgb(var(--c-white) / .09);background:linear-gradient(145deg, color-mix(in srgb, var(--project-accent) 7%, transparent), transparent 48%), rgb(var(--c-card) / .74);border-radius:22px;flex-direction:column;min-height:196px;padding:1rem;transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .32s,box-shadow .38s cubic-bezier(.22,1,.36,1),background .32s;display:flex;position:relative;overflow:hidden}.project-now-strip-card:after{content:"";background:linear-gradient(90deg, transparent, var(--project-accent), transparent);opacity:.38;transform-origin:50%;border-radius:999px;height:2px;transition:opacity .32s,transform .38s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:1rem;right:1rem;transform:scaleX(.48)}.project-now-strip-card:hover{border-color:color-mix(in srgb, var(--project-accent) 52%, transparent);box-shadow:0 26px 58px -38px color-mix(in srgb, var(--project-accent) 80%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--project-accent) 11%, transparent), transparent 55%), rgb(var(--c-card) / .9)}.project-now-strip-card:focus-visible{border-color:color-mix(in srgb, var(--project-accent) 52%, transparent);box-shadow:0 26px 58px -38px color-mix(in srgb, var(--project-accent) 80%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--project-accent) 11%, transparent), transparent 55%), rgb(var(--c-card) / .9);transform:translateY(-5px)}@media (hover:hover){.project-now-strip-card:hover{transform:translateY(-5px)}}.project-now-strip-card:hover:after{opacity:.92}.project-now-strip-card:focus-visible:after{opacity:.92;transform:scaleX(1)}@media (hover:hover){.project-now-strip-card:hover:after{transform:scaleX(1)}}@media (width<=640px){.project-intro-card{min-height:154px}.project-now-strip{grid-template-columns:minmax(0,1fr)}.project-now-strip-card{min-height:164px}}
