.experience-image.screen-scene{height:auto;aspect-ratio:1660/948}
.experience-image.screen-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.screen-scene{position:relative;overflow:hidden}
.image-viewer-stage{position:relative;overflow:hidden}
.screen-surface{position:absolute;z-index:1;overflow:hidden;pointer-events:none;background:#061529;isolation:isolate}
.screen-surface .screen-frame{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;object-position:center;opacity:0;transition:opacity .8s ease-in-out;filter:saturate(.95) brightness(.96)}
.screen-surface .screen-frame.is-current{opacity:1}
.screen-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#c5eaff08,transparent 45%,#0000000b);box-shadow:inset 0 0 5px #0009;pointer-events:none}
.monitor-pause{position:absolute;right:66px;bottom:16px;z-index:4;display:grid;place-items:center;width:40px;height:40px;padding:10px;color:white;background:#080d18cf;border:1px solid #ffffff70;border-radius:3px;backdrop-filter:blur(10px)}
.monitor-pause svg{width:19px;height:19px;display:block}
.monitor-pause:hover{background:#1758f5;border-color:#fff}
.monitor-pause:focus-visible{outline:3px solid #86adff;outline-offset:4px}
.image-viewer-stage .monitor-pause{right:16px}
@media(max-width:760px){
 .monitor-pause{right:66px;bottom:12px;width:44px;height:44px}
 .image-viewer-stage .monitor-pause{right:12px}
}
@media(prefers-reduced-motion:reduce){.screen-surface .screen-frame{transition:none}}
