/* Realistic building layer; the elevator remains a separate animated object. */
.solution-visual--realistic{background:#f1f6fa;isolation:isolate}
.solution-visual--realistic .visual-grid{opacity:.22;z-index:-1}
.solution-building-realistic{position:relative;display:block;width:94%;height:auto;max-height:650px;overflow:visible;fill:none;stroke:none;mix-blend-mode:multiply}
.solution-building-realistic .elevator-cabin{fill:none;fill-opacity:1;stroke:none;stroke-width:0;animation:solution-cabin-travel 12s ease-in-out infinite;will-change:transform}
.solution-visual--realistic .building-label{z-index:2;color:#66839d}
.solution-visual--realistic .drawing-note{z-index:2;background:#ffffffb3;padding:7px 10px;border:1px solid #d5e2ed99;backdrop-filter:blur(7px)}
.solution-visual--realistic .visual-coordinate{z-index:2}
@keyframes solution-cabin-travel{0%,15%,100%{transform:translateY(0)}45%,65%{transform:translateY(-600px)}}
@media(max-width:900px){.solution-building-realistic{width:110%;max-width:none;max-height:620px}.solution-visual--realistic .drawing-note{left:20px;font-size:8px;padding:6px 8px}}
@media(max-width:600px){.solution-building-realistic{width:100%;height:430px;max-height:430px}.solution-visual--realistic .drawing-note{left:20px;bottom:20px;font-size:8px}.solution-visual--realistic .building-label{top:24px;left:25px}.solution-visual--realistic .visual-coordinate{bottom:24px;right:20px}}
@media(prefers-reduced-motion:reduce){.solution-building-realistic .elevator-cabin{animation:none;will-change:auto}}