/* Project detail layout. */
.work-list{padding-top:35px}
.work-item{grid-template-columns:175px minmax(0,1fr);gap:58px;padding:67px 0;scroll-margin-top:110px}
.work-item:first-child{padding-top:40px}
.work-item .type{position:sticky;top:112px;display:inline-block}
.work-item h2{font-size:clamp(36px,4.5vw,62px);margin-bottom:15px}
.work-item .project-summary{font-size:clamp(17px,1.65vw,20px);line-height:1.65;color:#d0d0e0;max-width:810px}
.project-topline{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:18px}
.project-status{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(157,225,229,.32);border-radius:100px;padding:5px 11px;font:10px/1.4 var(--mono);color:var(--cyan)}
.project-status:before{content:'';width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px rgba(157,225,229,.5)}
.project-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px;border-top:1px solid var(--line);margin:29px 0 25px;padding-top:29px}
.project-detail h3{font:11px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--violet);margin:0 0 10px}
.project-detail p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:440px}
.project-detail .project-wide{grid-column:1/-1}
.project-flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}
.project-flow span{border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:rgba(184,165,244,.065);font:11px/1.4 var(--mono);color:#d8d9ea}
.project-flow .flow-arrow{border:0;background:none;color:var(--violet);padding:0 2px}
.project-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}
.project-actions .work-link{margin:0}
.project-actions .button{padding:11px 17px;gap:16px}
.work-item .chips{margin:23px 0}
.work-item .chips span{color:#cdd0e3}
.project-conclusion{padding:52px 0 5px;border-bottom:1px solid var(--line)}
.project-conclusion h2{font-size:clamp(27px,4vw,44px);margin-bottom:12px}
.project-conclusion p{font-size:16px;color:var(--muted);max-width:680px}
@media(max-width:900px){.work-item{grid-template-columns:130px minmax(0,1fr);gap:27px}}
@media(max-width:650px){.work-list{padding-top:20px}.work-item{grid-template-columns:1fr;gap:15px;padding:47px 0;scroll-margin-top:85px}.work-item:first-child{padding-top:30px}.work-item .type{position:static}.work-item h2{font-size:clamp(35px,9vw,48px)}.work-item .project-summary{font-size:16px}.project-detail{grid-template-columns:1fr;gap:22px;margin-top:24px;padding-top:24px}.project-detail .project-wide{grid-column:auto}.project-actions{gap:17px}.project-flow{gap:6px}.project-flow span{font-size:10px}.project-conclusion{padding-top:42px}}