.scenegraph-story{margin-top:48px}
.pipeline-overview{padding-bottom:24px}
.pipeline-overview>h2{font-size:28px;letter-spacing:-1px}
.pipeline-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);padding:0;list-style:none;margin:24px 0}
.pipeline-flow li{padding:22px 16px;background:#101218;min-width:0}
.pipeline-flow li>span{display:block;color:var(--accent);font:10px 'Courier New',monospace;margin-bottom:24px}
.pipeline-flow strong{display:block;font-size:16px;font-weight:400}
.pipeline-flow small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:9px}
.engineering-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;border-top:1px solid var(--line);padding:30px 0}
.engineering-section h2{font-size:22px;letter-spacing:-.6px;line-height:1.3}
.engineering-section p{min-width:0;font-size:16px;line-height:1.8;color:#bfc4cd}
.project-discuss{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:22px 24px;margin-top:22px;font-size:16px}
.project-discuss>span:last-child{font-size:24px;color:var(--accent)}
.project-discuss:hover{border-color:var(--accent)}
@media(max-width:900px){.engineering-section{gap:30px}.pipeline-flow li{padding:18px 12px}.pipeline-flow strong{font-size:14px}}
@media(max-width:600px){.scenegraph-story{margin-top:32px}.pipeline-flow{grid-template-columns:1fr}.pipeline-flow li{display:grid;grid-template-columns:24px 1fr;gap:5px 12px;padding:14px 16px}.pipeline-flow li>span{grid-row:1 / span 2;margin:4px 0 0}.pipeline-flow strong{font-size:16px}.pipeline-flow small{grid-column:2;margin:0}.engineering-section{grid-template-columns:1fr;gap:14px;padding:24px 0}.engineering-section h2{font-size:22px}.engineering-section p{font-size:15px}.project-discuss{padding:18px;font-size:15px}}