.project{--project-accent:var(--cyan-400)}.product--blue{--project-accent:var(--blue-500)}.product--magenta{--project-accent:var(--magenta-500)}.product--violet{--project-accent:var(--violet-400)}.project-hero{border-bottom:1px solid var(--line);padding-block:clamp(5rem,9vw,9rem);overflow:clip}.project-hero__grid{grid-template-columns:1fr .8fr;align-items:center;gap:clamp(2rem,8vw,8rem);display:grid}.project-hero__meta{color:var(--project-accent);font:400 var(--step--1) var(--font-mono);text-transform:uppercase;letter-spacing:.12em;gap:1rem;display:flex}.project-hero__meta span+span{border-left:1px solid var(--line-strong);padding-left:1rem}.project-status{border:1px solid var(--project-accent);text-transform:uppercase;padding:.35rem .65rem;display:inline-block;color:var(--project-accent)!important;font:400 .68rem var(--font-mono)!important;margin:1.5rem 0 0!important}.project-hero h1{font:700 var(--step-5)/.9 var(--font-display);letter-spacing:-.06em;margin:1.4rem 0}.project-hero__copy>p{max-width:54ch;color:var(--mist-200);font-size:var(--step-1)}.project-hero__copy .button{margin-top:var(--space-4)}.project-diagram{border:1px solid var(--line);background:radial-gradient(circle, color-mix(in srgb, var(--project-accent) 14%, transparent), transparent 58%), linear-gradient(#55d6ff08 1px, transparent 1px), linear-gradient(90deg, #55d6ff08 1px, transparent 1px);clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%);background-size:auto,32px 32px,32px 32px;place-items:center;min-height:27rem;display:grid;position:relative}.project-diagram__code{color:var(--mist-400);font:400 .6rem var(--font-mono);position:absolute;top:1rem;left:1rem}.project-diagram__ring{aspect-ratio:1;border:1px solid var(--project-accent);width:13rem;box-shadow:inset 0 0 48px color-mix(in srgb, var(--project-accent) 12%, transparent), 0 0 42px color-mix(in srgb, var(--project-accent) 11%, transparent);border-radius:50%;place-items:center;display:grid}.project-diagram__ring:before,.project-diagram__ring:after{aspect-ratio:1;border:1px dashed color-mix(in srgb, var(--project-accent) 40%, transparent);content:"";border-radius:50%;width:9rem;position:absolute}.project-diagram__ring:after{opacity:.25;border-style:solid;width:18rem}.project-diagram__ring strong{text-align:center;max-width:9ch;font:700 var(--step-2)/1 var(--font-display)}.project-diagram>i{background:var(--project-accent);width:.55rem;height:.55rem;box-shadow:0 0 15px var(--project-accent);border-radius:50%;position:absolute}.project-diagram>i:first-of-type{top:18%;left:28%}.project-diagram>i:nth-of-type(2){top:24%;right:20%}.project-diagram>i:nth-of-type(3){bottom:15%;right:29%}.project-diagram>i:nth-of-type(4){bottom:25%;left:15%}.project-principle{padding-block:var(--space-6);border-bottom:1px solid var(--line)}.project-principle .container{grid-template-columns:.35fr 1.65fr;align-items:start;gap:2rem;display:grid}.project-principle span{color:var(--project-accent);font:400 var(--step--1) var(--font-mono)}.project-principle blockquote{max-width:29ch;font:600 var(--step-2)/1.25 var(--font-display);margin:0}.project-capabilities{background:var(--ink-900)}.project-capabilities__intro h2{max-width:12ch;font:700 var(--step-4)/1 var(--font-display);margin:.7rem 0 1rem}.project-capabilities__intro p:not(.eyebrow){color:var(--mist-200)}.project-cta{padding-block:var(--space-8)}.project-index{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.project-index li{--index-accent:var(--cyan-400);border-bottom:1px solid var(--line)}.project-index--blue{--index-accent:var(--blue-500)!important}.project-index--magenta{--index-accent:var(--magenta-500)!important}.project-index--violet{--index-accent:var(--violet-400)!important}.project-index a{transition:background var(--duration-fast), padding var(--duration-fast);grid-template-columns:4rem 1fr auto 2rem;align-items:center;gap:1.2rem;padding:1.7rem .8rem;text-decoration:none;display:grid}.project-index a:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--index-accent) 8%, transparent), transparent);padding-inline:1.2rem}.project-index__number{color:var(--index-accent);font:400 var(--step--1) var(--font-mono)}.project-index__body{display:grid}.project-index__body small{color:var(--mist-400);font:400 .6rem var(--font-mono);text-transform:uppercase}.project-index__body strong{font:700 var(--step-2) var(--font-display)}.project-index__body>span{max-width:65ch;color:var(--mist-400);font-size:var(--step--1)}.project-index mark{border:1px solid var(--index-accent);color:var(--index-accent);font:400 .6rem var(--font-mono);text-transform:uppercase;background:0 0;padding:.3rem .5rem}.project-index__arrow{color:var(--index-accent)}.case-studies{padding-block:var(--space-8);border-block:1px solid var(--line)}.case-studies__grid{grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,7vw,7rem);display:grid}.case-studies h2{max-width:13ch;font:700 var(--step-4)/1 var(--font-display);margin:.7rem 0}.case-study-list{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.case-study-list article{border:1px solid var(--line);background:linear-gradient(140deg,#2176ff17,#0000);min-height:18rem;padding:1.5rem}.case-study-list span{color:var(--cyan-400);font:400 .62rem var(--font-mono)}.case-study-list h3{font:700 var(--step-2) var(--font-display);margin-top:4rem}.case-study-list p{color:var(--mist-400)}@media (width<=820px){.project-hero__grid,.project-principle .container,.case-studies__grid{grid-template-columns:1fr}.project-diagram{min-height:22rem}.project-index a{grid-template-columns:2.5rem 1fr auto}.project-index mark{grid-column:2;justify-self:start}.project-index__arrow{grid-area:1/3}}@media (width<=560px){.project-hero h1{font-size:clamp(3rem,16vw,4.4rem)}.project-diagram{min-height:19rem}.project-diagram__ring{width:9rem}.project-diagram__ring:before{width:6.5rem}.project-diagram__ring:after{width:13rem}.project-index__body>span{display:none}.case-study-list{grid-template-columns:1fr}}