.render-scene{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f7f7f7;isolation:isolate}
.render-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.render-stack{position:absolute;left:3%;top:38%;width:94%;height:58%;overflow:hidden;touch-action:pan-y}
.render-card{position:absolute;left:50%;top:50%;max-width:none;width:auto;height:85%;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer;transform-origin:center;will-change:transform;box-shadow:none}
.render-card img{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.render-card:focus-visible{outline:2px solid #00aeef;outline-offset:4px}
.is-render-visible .render-background{animation:render-heading-enter .8s ease both}
.is-render-visible .render-card img{animation:render-card-enter .85s cubic-bezier(.2,.7,.2,1) var(--enter-delay,200ms) both}
.render-arrow{position:absolute;top:calc(67% - 22px);z-index:30;min-width:44px;min-height:44px;border:0;background:#f7f7f7cc;color:#6c7d88;font:32px system-ui;cursor:pointer;border-radius:50%}
.render-prev{left:1%}.render-next{right:1%}
@keyframes render-card-enter{from{opacity:0;transform:translateY(55px) scale(.92)}to{opacity:1;transform:none}}
@keyframes render-heading-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){.render-scene{aspect-ratio:4/5}.render-background{object-fit:contain;object-position:top}.render-stack{top:30%;height:62%;left:4%;width:92%}.render-arrow{top:58%}}
@media(prefers-reduced-motion:reduce){.is-render-visible .render-background,.is-render-visible .render-card img{animation:none;opacity:1}}