/* Individual project pages. */
.project-page{padding:90px 0 115px}
.project-back{display:inline-block;margin-bottom:52px;color:var(--cyan);font:12px var(--mono);border-bottom:1px solid var(--line);padding-bottom:7px}
.project-back:hover{color:var(--violet)}
.project-page .project-status{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font:11px var(--mono);border:1px solid rgba(157,225,229,.3);border-radius:99px;padding:6px 12px;margin:0 0 20px}
.project-page .project-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.project-page h1{font-size:clamp(58px,9vw,115px);margin:0 0 25px;max-width:1040px}
.project-page h1 span{color:var(--violet)}
.project-page .project-lead{font-size:clamp(19px,2vw,25px);line-height:1.55;color:#c6c8d9;max-width:850px;margin:0}
.project-page .chips{margin-top:31px}
.project-page .project-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:35px 0 70px}
.project-page .project-meta a{font:12px var(--mono);color:var(--cyan);border-bottom:1px solid var(--line);padding-bottom:6px}
.project-page .project-meta a:hover{color:var(--violet)}
.project-page .project-block{display:grid;grid-template-columns:minmax(160px,245px) minmax(0,1fr);gap:44px;padding:42px 0;border-top:1px solid var(--line)}
.project-page .project-block h2{font-size:clamp(24px,3vw,38px);margin:0}
.project-page .project-block p,.project-page .project-block li{color:#c6c8d9;font-size:16px;line-height:1.8;max-width:780px}
.project-page .project-block p:last-child{margin-bottom:0}
.project-page .project-block ul{margin:0;padding-left:22px}
.project-page .project-block li+li{margin-top:9px}
.project-page .project-flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.project-page .project-flow span{border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:rgba(184,165,244,.06);font:11px/1.4 var(--mono);color:#d8d9ea}
.project-page .project-flow .flow-arrow{border:0;background:none;color:var(--violet);padding:0}
.project-page .project-note{font:12px/1.7 var(--mono);color:var(--muted);margin:25px 0 0;max-width:750px}
.project-page .project-next{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:36px;margin-top:12px}
.project-page .project-next a{color:var(--cyan);font:12px var(--mono);border-bottom:1px solid var(--line);padding-bottom:7px}
.project-page .project-next a:hover{color:var(--violet)}
@media(max-width:650px){.project-page{padding:60px 0 85px}.project-back{margin-bottom:36px}.project-page h1{font-size:clamp(49px,12vw,75px)}.project-page .project-meta{margin-bottom:45px}.project-page .project-block{grid-template-columns:1fr;gap:15px;padding:31px 0}.project-page .project-block p,.project-page .project-block li{font-size:15px}.project-page .project-flow span{font-size:10px}}