.real-stage{padding-top:25px}.real-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px 18px;color:#52677c;font-size:9px;font-weight:900;letter-spacing:.12em}.real-label b{color:var(--green);font-size:10px}.real-screen{position:relative;overflow:hidden;border:8px solid #fff;border-radius:13px;background:#fff;box-shadow:0 35px 80px rgba(11,35,64,.22);transform:perspective(1100px) rotateY(-2deg)}.real-screen img{display:block;width:100%;height:auto}.module-grid .module-card{min-height:590px}.module-screen{position:relative;height:148px;margin:-30px -30px 25px;overflow:hidden;background:#eaf0f4}.module-screen img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .3s}.module-screen span{position:absolute;left:12px;bottom:10px;padding:5px 8px;border-radius:4px;background:rgba(11,35,64,.86);color:white;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.module-card:hover .module-screen img{transform:scale(1.035)}.module-screen-04 img,.module-screen-05 img,.module-screen-06 img{object-fit:cover;transform:scale(1.18)}.module-screen-04 img{object-position:58% 72%}.module-screen-05 img{object-position:25% 30%}.module-screen-06 img{object-position:55% 28%}.module-card:hover .module-screen-04 img,.module-card:hover .module-screen-05 img,.module-card:hover .module-screen-06 img{transform:scale(1.22)}
.detail-screen{margin-top:50px;overflow:hidden;border:8px solid white;border-radius:12px;box-shadow:0 25px 70px rgba(11,35,64,.18)}.detail-screen img{display:block;width:100%;height:auto}.detail-screen figcaption{padding:13px 16px;background:white;color:#607086;font-size:10px;font-weight:800}
@media(max-width:680px){.real-stage{padding-top:0}.real-label{margin-left:0}.real-screen{transform:none;border-width:4px}.module-grid .module-card{min-height:570px}.module-screen{height:155px}}
.module-screen-04 img,.module-screen-05 img,.module-screen-06 img{object-fit:cover;transform:none;object-position:left top}.module-screen-04 img{object-position:35% 18%}.module-screen-05 img{object-position:28% 12%}.module-screen-06 img{object-position:20% 14%}.module-card:hover .module-screen-04 img,.module-card:hover .module-screen-05 img,.module-card:hover .module-screen-06 img{transform:scale(1.035)}