/* Decoration stays inside the original frames; reveal transforms and copy are untouched. */
body[data-design='ink'] .mm-scene>img{z-index:0;transition:none!important;will-change:auto;transform-origin:50% 50%}
body[data-design='ink'] .mm-epilogue{overflow:hidden}
body[data-design='ink'] .mm-scene[data-mm-active='true']>img{will-change:transform}
body[data-design='ink'] .mm-devices>img.mm-device-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;display:block;pointer-events:none;opacity:0}
body[data-design='ink'] .mm-devices>img.mm-device-slide[data-mm-slide='phone']{object-position:58% 50%}
body[data-design='ink'] .mm-devices>img.mm-device-slide[data-mm-slide='laptop']{object-position:45% 50%}
body[data-design='ink'] .mm-devices[data-mm-active='true']>img{will-change:transform,opacity}
body[data-design='ink'] .mm-devices>img{pointer-events:none}
body[data-design='ink'] .mm-devices>.mm-light-devices{display:none}
body[data-design='ink'] .mm-light{position:absolute;left:0;top:0;width:1536px;height:1024px;z-index:1;pointer-events:none;transform-origin:0 0;--mm-warm:.46;--mm-accent:.395}
body[data-design='ink'] .mm-light:before,body[data-design='ink'] .mm-light:after{content:'';position:absolute;inset:0;pointer-events:none}
body[data-design='ink'] .mm-light:before{opacity:var(--mm-warm)}
body[data-design='ink'] .mm-light:after{opacity:var(--mm-accent)}
body[data-design='ink'] .mm-light-room:before{background:radial-gradient(ellipse 123px 86px at 612px 393px,#ffe2a45c,transparent 79%),radial-gradient(ellipse 360px 125px at 790px 687px,#f6d5a046,transparent 78%);mix-blend-mode:screen}
body[data-design='ink'] .mm-light-room:after{background:radial-gradient(ellipse 345px 270px at 1190px 258px,#ddd3c829,transparent 80%);mix-blend-mode:soft-light}
body[data-design='ink'] .mm-light-portrait:before{background:radial-gradient(ellipse 390px 373px at 988px 395px,transparent 54%,#e9b56b38 78%,transparent 97%);mix-blend-mode:soft-light}
body[data-design='ink'] .mm-light-portrait:after{background:radial-gradient(ellipse 151px 210px at 845px 418px,#fff0c92e,transparent 75%);mix-blend-mode:screen}
body[data-design='ink'] .mm-light-epilogue:before{background:radial-gradient(ellipse 240px 155px at 1012px 493px,#ffd29348,transparent 80%),radial-gradient(ellipse 680px 85px at 1048px 538px,#fff0c532,transparent 88%);mix-blend-mode:screen}
body[data-design='ink'] .mm-light-epilogue:after{background:radial-gradient(ellipse 570px 110px at 830px 668px,#f3d1a422,transparent 89%);mix-blend-mode:soft-light}
body[data-design='ink'] .mm-atmosphere{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
body[data-design='ink'] .mm-scene :is(figcaption,.i-comic-note,.i-speech,.m-scene-balloon,.m-scene-foot,.m-last-paper,.m-to-be-continued){z-index:3}
body[data-design='ink'] .mm-scene[data-mm-active='true'] .mm-light{will-change:transform}
body[data-design='ink'] .mm-scene[data-mm-active='true'] .mm-light:before,body[data-design='ink'] .mm-scene[data-mm-active='true'] .mm-light:after{will-change:opacity}
body[data-design='ink'] .mm-scene [hidden]{display:none!important}
/* The ray centre and its pivot coincide; the paper, number and labels never rotate. */
body[data-design='ink'] .m-trial-cover.mm-trial-rays:before{transform-origin:50% 55%;animation:mm-trial-rays-turn 108s linear infinite;animation-play-state:paused;transform:rotate(-5deg) scale(2)}
body[data-design='ink'] .m-trial-cover.mm-trial-rays[data-mm-rays-active='true']:before{animation-play-state:running;will-change:transform}
@keyframes mm-trial-rays-turn{from{transform:rotate(-5deg) scale(2)}to{transform:rotate(355deg) scale(2)}}
@media(prefers-reduced-motion:reduce){body[data-design='ink'] .m-trial-cover.mm-trial-rays:before{animation-play-state:paused!important;animation-duration:108s!important;animation-iteration-count:infinite!important;will-change:auto}}
@media(max-width:700px){body[data-design='ink'] .mm-devices>img.mm-device-slide{object-position:75% 50%}}
@media(prefers-reduced-motion:reduce){body[data-design='ink'] .mm-atmosphere,body[data-design='ink'] .mm-device-slide{display:none!important}body[data-design='ink'] .mm-devices>img:not(.mm-device-slide){opacity:1!important}body[data-design='ink'] .mm-scene>img,body[data-design='ink'] .mm-light,body[data-design='ink'] .mm-light:before,body[data-design='ink'] .mm-light:after{will-change:auto!important}}