/* ============ 13 STORY EXCERPT — wind-driven rain + branching lightning, hero colors ============ */
.ex{position:relative;--dfont:'Bebas Neue','Noto Sans JP',Impact,sans-serif;--dmono:'DM Mono','IBM Plex Mono',ui-monospace,monospace;--lac:#9b5cff}
.ex .cast-tag{color:var(--lac)}.ex .cast-tag::before{background:var(--lac)}
.ex .lore-head h2 .out{color:transparent;-webkit-text-stroke:2px #ff4f8b}
.ex-bg{position:sticky;top:0;height:100vh;overflow:hidden;z-index:0}
#exStorm{position:absolute;inset:0;width:100%;height:100%;display:block}
.ex-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(6,5,11,.85) 100%)}
.ex-body{position:relative;z-index:1;margin-top:-100vh;padding-bottom:22vh}
.ex-meta{margin-top:1.2rem;font:400 .72rem var(--dmono);letter-spacing:.16em;text-transform:uppercase;color:#3ee0c5}
.ex-page{max-width:40rem;margin:4vh auto 0;padding:clamp(1.8rem,5vw,3.4rem);background:rgba(8,6,16,.72);border:1px solid rgba(155,92,255,.28);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 60px rgba(155,92,255,.12)}
.ex-p{font:400 clamp(.98rem,1.5vw,1.08rem)/1.9 'Noto Serif JP',Georgia,serif;color:#e6e1f5;margin:0 0 1.15em;
  opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.ex-p.in{opacity:1;transform:none}
.ex-p em{color:#c9b4ff}
.ex-p:first-child::first-letter{float:left;font:400 3.6em/.85 var(--dfont);padding:.08em .12em 0 0;color:#ff4f8b;text-shadow:0 0 18px rgba(255,79,139,.55)}
.ex-end{text-align:center;color:#e0b25a;margin-top:2rem;animation:glow 2s infinite ease-in-out}
#exwash{background:radial-gradient(60vw 50vh at 20% 10%,rgba(155,92,255,.24),transparent 70%),linear-gradient(180deg,#0d0718,#06050b)}
@media (prefers-reduced-motion:reduce){.ex-p{opacity:1;transform:none;transition:none}}