/* Professional stories share the existing visual rhythm, without fabricated screens. */
.hero-copy>p{max-width:450px}.hero-copy>p strong{color:var(--text);font-weight:600}
.projects .section-heading>p{max-width:350px}
.case-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center;padding-top:12px}
.case-card .project-info{padding:0;display:block;min-width:0}
.case-card .project-title h3{font-size:26px}
.case-card .project-info p{line-height:1.85;max-width:560px}
.case-card .case-context{color:#b8c8dd;font-size:13px;border-left:1px solid #3793ff70;padding-left:14px;margin-top:17px}
.case-card .project-detail{margin-top:21px;font-size:12px;gap:40px}
.case-visual{width:100%;height:340px;text-align:left;color:var(--text);background:#111e2d;border:1px solid #ffffff12}
.case-visual .visual-topline{font-size:8px;left:23px;right:23px;top:23px}
.case-visual .visual-topline>span:first-child{font-size:10px;letter-spacing:.05em}
.case-visual .visual-caption{font-size:8px;left:23px;bottom:22px;color:#8295ab}
.case-diagram{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;inset:62px 24px 60px;font-size:12px;color:#b9cbe3}
.diagram-inputs{display:flex;justify-content:center;gap:10px}
.diagram-inputs>span{border:1px solid #416183;padding:10px 21px;border-radius:3px}
.diagram-connector{font-size:18px;color:#568bc2;line-height:1.1}
.diagram-core{border:1px solid #3793ff8c;background:#3793ff13;color:#d0e4ff;padding:14px 30px;border-radius:4px;letter-spacing:.02em;box-shadow:0 0 30px #3793ff0c}
.diagram-output{font-size:11px;letter-spacing:.015em;text-align:center}
.kiosk-visual{background:#142124}.kiosk-visual .diagram-core{border-color:#69b5c56b;background:#6ce6de09;color:#cce8e7}.kiosk-visual .diagram-connector{color:#73a9b0}
.diagram-fleet{display:flex;gap:12px}.diagram-fleet>span{display:grid;place-items:center;width:36px;height:37px;border:1px solid #5b8d9766;border-radius:3px;font:11px monospace;color:#b8d7dd}
.diagram-caption{font-size:9px;color:#91aab2;margin-top:1px}
.systems-visual{background:#1c1b2a}.systems-visual .diagram-core{border-color:#9492da70;background:#9492da0e;color:#d6d4f4}.systems-visual .diagram-inputs>span{border-color:#75779870}.systems-visual .diagram-connector{color:#9895c7}
.case-visual:hover .diagram-core{box-shadow:0 0 38px #3793ff22}.case-visual:hover .project-open{background:var(--text);color:#101217;transform:rotate(45deg)}
.projects-footer>p{line-height:1.8}
.dialog-role,.dialog-scope{margin-top:27px;padding-left:19px;border-left:1px solid #3793ff65}
.dialog-role h3,.dialog-scope h3{color:var(--blue);font-size:12px;letter-spacing:.04em;margin-bottom:10px}
.dialog-role p,.dialog-scope p{font-size:15px;line-height:1.85;color:#b0b3bd}
@media(max-width:1000px){.case-card{gap:28px;grid-template-columns:1fr 1fr}.case-card .project-title{gap:10px}.case-card .project-title h3{font-size:23px}.case-visual .visual-topline{flex-wrap:wrap;gap:8px}}
@media(max-width:700px){.case-card{grid-template-columns:1fr;gap:22px;padding-top:0}.case-visual{height:310px}.case-card .project-title h3{font-size:24px}.case-card .project-info p{font-size:14px}.case-card .case-context{font-size:13px}.case-card .project-detail{margin-top:17px}.dialog-role p,.dialog-scope p{font-size:14px}.projects-footer .text-link{gap:25px}}