.story-transition{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 65%,#493149,#201a26 75%);color:#f7e8cf;animation:story-curtain-in .46s cubic-bezier(.22,.7,.25,1) both;pointer-events:all}
.story-transition>span:not(.story-transition-jewel){font:400 clamp(38px,8vw,64px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em}
.story-transition .story-transition-jewel{font-size:42px;line-height:1;color:#dfbc7d}
.story-transition small{font:400 10px/1.5 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:2px;color:#dbc69e}
@keyframes story-curtain-in{from{opacity:0;transform:translateY(3%)}to{opacity:1;transform:translateY(0)}}
html.story-arriving:after{content:'';position:fixed;inset:0;z-index:10000;background:#201a26;pointer-events:none;animation:story-curtain-out .75s ease-out both}
@keyframes story-curtain-out{from{opacity:1}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.story-transition,html.story-arriving:after{display:none;animation:none}}