/* Concrete QIUXIE INTERACTIVE project presentation. */
.interactive-section{max-width:none;margin:0;padding:112px clamp(24px,6vw,96px);background:#fff;color:#102b43}.interactive-section-head{width:min(1220px,100%);margin:0 auto}.interactive-section-head h2{font-size:clamp(40px,4.5vw,66px);line-height:1.08;letter-spacing:-.055em;margin:20px 0;font-weight:750}.interactive-section-head>p:not(.overline){max-width:650px;color:#63788a;font-size:14px;line-height:1.9}.interactive-projects{background:#f4f8fa}.project-grid{width:min(1220px,100%);margin:58px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-panel{min-height:420px;padding:30px;background:#fff;border:1px solid #dbe5eb;border-radius:18px;box-shadow:0 14px 38px rgba(8,35,58,.06);display:flex;flex-direction:column}.project-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-code{color:#8a9ba7;font:9px ui-monospace,monospace;letter-spacing:.12em;text-align:right}.project-status{font:700 10px/1.2 Inter,"Microsoft YaHei",sans-serif;letter-spacing:.02em}.status-live{color:#188263}.status-dev{color:#187e9d}.status-tool{color:#8a6a27}.status-plan{color:#7a6b8b}.project-panel h3{font-size:clamp(30px,3.4vw,48px);letter-spacing:-.06em;line-height:1.05;margin:32px 0 15px}.project-lead{color:#526d7d;font-size:15px;line-height:1.8;max-width:610px;margin:0}.project-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:26px 0 20px;padding:12px 14px;background:#f3f8f9;border:1px solid #e1ecef;border-radius:10px;color:#116f7c;font-size:11px;font-weight:700}.project-flow i{color:#93a8b0;font-style:normal}.project-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin:0}.project-facts div{padding:13px 0;border-top:1px solid #e3ecef}.project-facts dt{color:#8295a0;font:10px ui-monospace,monospace;letter-spacing:.08em}.project-facts dd{margin:6px 0 0;color:#486676;font-size:13px;line-height:1.7}.project-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;border-top:1px solid #e3ecef}.project-panel-foot a,.loop-grid a{color:#087d86;font-size:11px;font-weight:750}.project-panel-foot small{color:#8a9ba7;font-size:11px;line-height:1.55;text-align:right;max-width:300px}.project-tool,.project-lab{min-height:310px}.project-tool{grid-column:1/-1}.project-tool{background:linear-gradient(145deg,#f9fbfc,#edf8f7)}.project-lab{background:#07192c;color:#eaf3f8;border-color:#1f4257}.project-lab .project-code{color:#7d98a9}.project-lab .project-lead{color:#9ab0bc}.project-lab .project-panel-head{border-color:#24485d}.tool-facts{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.tool-facts span{padding:8px 11px;border:1px solid #cbe2e0;border-radius:999px;color:#126d75;background:#fff;font-size:11px}.project-boundary{margin-top:auto;padding:14px;background:#fff8e9;border-left:3px solid #d6a343;color:#75613c;font-size:12px;line-height:1.7}.lab-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.lab-scope div{padding:14px 0;border-top:1px solid #29485a}.lab-scope b{display:block;color:#69d1ca;font-size:12px}.lab-scope small{display:block;color:#8da7b3;font-size:10px;line-height:1.6;margin-top:6px}.interactive-loop{background:#fff}.loop-grid{width:min(1220px,100%);margin:58px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.loop-grid article{padding:32px;background:#07192c;color:#edf5f5;border-radius:18px;min-height:250px;display:flex;flex-direction:column}.loop-grid article:last-child{background:#080d24}.loop-grid span{color:#61d0c8;font:9px ui-monospace,monospace;letter-spacing:.12em}.loop-grid h3{font-size:22px;margin:35px 0 12px}.loop-grid p{color:#9bb1bb;font-size:14px;line-height:1.8}.loop-grid a{margin-top:auto;padding-top:20px;border-top:1px solid #234455}.interactive-roadmap{background:#f4f8fa}.status-grid{width:min(1220px,100%);margin:58px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.status-grid>div{padding:26px;border:1px solid #dbe5eb;border-radius:14px;background:#fff}.status-grid b{display:block;margin-top:16px;font-size:17px}.status-grid p{color:#63788a;font-size:14px;line-height:1.8}.status-dot{display:block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 6px rgba(30,185,176,.12)}.status-dot.live{background:#2cb58a}.status-dot.dev{background:#1c9fc2}.status-dot.plan{background:#9a82c5}
@media(max-width:920px){.project-grid{grid-template-columns:1fr}.project-panel h3{font-size:42px}.loop-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.interactive-section{padding:78px 20px}.interactive-section-head h2{font-size:42px}.project-grid,.loop-grid,.status-grid{margin-top:38px}.project-panel{min-height:0;padding:25px}.project-panel-head{align-items:flex-start;flex-direction:column}.project-code{text-align:left}.project-panel h3{font-size:38px;margin-top:30px}.project-facts{grid-template-columns:1fr}.project-panel-foot{align-items:flex-start;flex-direction:column}.project-panel-foot small{text-align:left;max-width:none}.lab-scope{grid-template-columns:1fr}.loop-grid article{min-height:230px;padding:25px}.status-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-panel{transition:none}}