/* Between the ambient backdrop and readable, interactive content. */
body>.liquid-surface{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.spatial-lines{display:none}
.story-interlude{position:relative;isolation:isolate;overflow:hidden;background:#c71920;color:#fff4e9;margin:65px 0 100px;border-radius:4px;padding:35px 0;min-height:540px;display:flex;flex-direction:column;justify-content:space-between}
.story-interlude>.liquid-surface{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.story-message,.story-marquee{position:relative;z-index:1}
.story-message{text-align:center;padding:38px 18px 45px}
.story-message p{font:italic 19px Georgia,serif;margin:8px 0 4px;color:inherit}
.story-message h2{font:500 clamp(48px,7.5vw,112px)/.96 Manrope,sans-serif;letter-spacing:-.065em;margin:0;color:inherit}
.story-message h2 em{display:inline-block;font:italic 1.14em/.98 Georgia,serif;letter-spacing:-.06em}
.story-star{display:inline-block;font-size:36px;margin-bottom:18px;animation:story-star-turn 18s linear infinite}
.story-message a{display:inline-flex;gap:30px;margin-top:30px;padding:10px 0;border-bottom:1px solid #fff6;font-size:12px;color:inherit}
.story-message a:hover{border-color:#fff}
.story-marquee{overflow:hidden;white-space:nowrap;font:700 clamp(30px,4.5vw,68px)/1.15 Manrope,sans-serif;letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px #fff5}
.story-marquee>div{display:flex;width:max-content;animation:story-marquee 36s linear infinite}
.story-marquee span{flex-shrink:0;padding-right:.3em}
.story-marquee em{font-family:Georgia,serif;color:#fff4e9;-webkit-text-stroke:0;font-weight:400}
.story-marquee-bottom>div{animation-direction:reverse;animation-duration:42s}
@keyframes story-marquee{to{transform:translateX(-25%)}}
@keyframes story-star-turn{to{transform:rotate(360deg)}}
.motion-off .story-interlude *{animation-play-state:paused!important}
.motion-off .liquid-surface{visibility:hidden}
@media(max-width:700px){.story-interlude{min-height:420px;margin:40px 0 60px;padding:24px 0}.story-message{padding:28px 14px}.story-message h2{font-size:clamp(42px,10vw,64px)}.story-message p{font-size:16px}.story-star{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.liquid-surface{display:none}.story-interlude *{animation:none!important}}
.ambient-field{z-index:-2}