/* The user-selected SMU fragment keeps its complete original aspect ratio. */
.smu-scene{height:clamp(530px,45vw,630px);min-height:530px;justify-content:flex-start}
.smu-scene .device{width:83%;margin:0}
.approved-page{position:absolute;right:0;top:5%;width:34%;margin:0;background:#fff;border:1px solid #eee6f5;border-radius:10px;box-shadow:0 24px 45px #32144533;transform:rotate(3deg);z-index:2;overflow:hidden}
.approved-page a{display:block;cursor:zoom-in}
.approved-page img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0}
.approved-page figcaption{font-size:12px;padding:11px 12px;color:#583570;background:#fff;line-height:1.4;letter-spacing:0}
@media(max-width:700px){.smu-scene{display:block;height:auto;min-height:0;padding:32px 0 15px}.smu-scene .device{width:90%;margin:0 auto}.approved-page{position:relative;top:auto;right:auto;width:72%;margin:10px 3% 0 auto;transform:rotate(3deg)}.approved-page figcaption{font-size:11px}.smu-scene .scene-orbit{inset:2% 0 7%}}
.welcome-scene{height:clamp(650px,48vw,740px);min-height:650px;justify-content:flex-start;padding-left:0;padding-right:0}
.welcome-laptop{width:88%;margin:0;position:relative;z-index:1;transform:rotate(-3deg)}
.welcome-laptop a{display:block;cursor:zoom-in}
.welcome-laptop img{width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 24px 24px #32144525)}
.welcome-page{width:29%;top:2%;right:0;transform:rotate(3deg)}
@media(min-width:701px){.web-case-welcome .case-heading{text-align:right}.welcome-scene{justify-content:flex-end}.welcome-scene .welcome-laptop{margin-left:auto;transform:rotate(3deg)}.welcome-scene .welcome-page{left:0;right:auto;transform:rotate(-3deg)}.web-case-welcome .case-bottom{flex-direction:row-reverse}.web-case-welcome .case-bottom p{text-align:right}}
.murom-scene{height:clamp(540px,43vw,640px);min-height:540px;justify-content:flex-start;padding-left:0;padding-right:0}
.murom-scene .device{width:78%;margin:0;align-self:center}
.murom-scene .device-screen{aspect-ratio:1690/741}
.murom-scene .device-screen img{object-fit:contain}
.murom-details{position:absolute;right:0;top:10%;width:48%;display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:2;align-items:start}
.murom-page{margin:0;border:1px solid #eee6f5;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 20px 40px #32144533;transform:rotate(3deg)}
.murom-page:nth-child(2){margin-top:75px;transform:rotate(-3deg)}
.murom-page a{display:block;cursor:zoom-in}
.murom-page img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.murom-page figcaption{padding:12px 10px;font-size:12px;line-height:1.4;color:#583570;letter-spacing:0}
@media(max-width:700px){.murom-scene{display:block;height:auto;min-height:0;padding:30px 0 15px}.murom-scene .device{width:90%;margin:auto}.murom-details{position:relative;top:auto;right:auto;width:86%;margin:25px auto 0;gap:25px;grid-template-columns:1fr}.murom-page:nth-child(2){margin:0 0 0 5%;width:95%}.murom-page:first-child{width:95%}.murom-page figcaption{font-size:13px}.murom-scene .scene-orbit{inset:0 0 8%}}
@media(max-width:700px){.welcome-scene{display:block;height:auto;min-height:0;padding:25px 0 15px}.welcome-laptop{width:100%;transform:rotate(-2deg)}.welcome-page{position:relative;top:auto;right:auto;width:70%;margin:10px 3% 0 auto;transform:rotate(3deg)}.welcome-scene .scene-orbit{inset:2% 0 7%}}