.shot-scene{--scene-scale:.7;width:calc(440px * var(--scene-scale));height:calc(var(--scene-h) * var(--scene-scale));border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #4c2f1824}@media (min-width:640px){.shot-scene{--scene-scale:.78}}@media (min-width:1024px){.shot-scene{--scene-scale:.82}}.shot-scene__inner{transform-origin:0 0;transform:scale(var(--scene-scale)) translateY(calc(var(--scene-crop) * -1));position:absolute;top:0;left:0}
.ember-intro{z-index:100;pointer-events:none;background:#ff993b;place-items:center;animation:.25s ease-out 1.3s both ember-intro-fade;display:grid;position:fixed;inset:0;overflow:hidden}.ember-intro--skipping{animation:.22s ease-out both ember-intro-fade}.ember-intro__mark{width:88px;animation:.3s ease-out .86s both ember-intro-mark-out;position:relative}.ember-intro__mark .ember-mark--grow ellipse{animation-duration:.36s;animation-delay:calc(.1s + var(--i) * .15s)}.ember-intro__light{aspect-ratio:1;background:var(--page);border-radius:50%;width:40px;margin:-20px 0 0 -20px;animation:.5s cubic-bezier(.6,0,.3,1) .86s both ember-intro-light;position:absolute;top:50%;left:50%;transform:scale(0)}@keyframes ember-intro-light{to{transform:scale(100)}}@keyframes ember-intro-mark-out{to{opacity:0}}@keyframes ember-intro-fade{to{opacity:0;visibility:hidden}}
