/* Keep the detection frame on the same cover plane as the corridor photograph. */
.showcase--safety .usage-visual{container-type:size}
.safety-image-plane{position:absolute;left:50%;top:50%;width:max(100cqw,calc(100cqh * 1672 / 941));height:max(100cqh,calc(100cqw * 941 / 1672));transform:translate(-50%,-50%)}
.safety-capture-box{position:absolute;left:67.5%;top:35.1%;width:11.2%;height:51.7%;border:1px solid #f0ba7850;color:#efb574;pointer-events:none}
.safety-capture-box svg{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;fill:none;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 1px 3px #24180d)}
.safety-capture-box path{vector-effect:non-scaling-stroke}
.safety-alert{position:absolute;z-index:1;left:-1px;bottom:calc(100% + 12px);width:calc(100% + 2px);box-sizing:border-box;padding:14px 15px;border:1px solid #dfbf8f66;border-radius:5px;background:#241e19ed;box-shadow:0 10px 28px #130e0a30;color:#fbf5eb;pointer-events:none}
.safety-alert__status{margin-bottom:7px;font-size:12px;line-height:1.5;color:#f4c28c}
.safety-alert__status>span{display:flex;align-items:center;gap:7px}
.safety-alert__status i{width:6px;height:6px;border-radius:50%;background:#efb574;box-shadow:0 0 0 4px #efb57416}
.safety-alert>strong{display:block;font-size:clamp(14px,1.5vw,20px);font-weight:500;line-height:1.5;letter-spacing:.01em;white-space:nowrap}
@media(max-width:900px){.safety-image-plane{left:90%;transform:translate(-90%,-50%)}.safety-alert{bottom:calc(100% + 7px);padding:5px 2px;border-radius:3px;text-align:center}.safety-alert__status{font-size:clamp(6px,1.9vw,8px);margin-bottom:3px}.safety-alert__status>span{justify-content:center;gap:3px}.safety-alert__status i{width:3px;height:3px;box-shadow:none}.safety-alert>strong{font-size:clamp(7px,2.3vw,11px)}}