.story,.cinema-mode .story{display:flex;flex-direction:column}.story-panel{width:min(100%,790px);margin:auto;align-self:center;padding:30px 44px 28px;background:rgba(35,26,20,.84);border:1px solid #c4a78350;border-top:2px solid #a67a55;color:#f0e1c8;text-align:center;backdrop-filter:blur(4px)}.story-kicker{font:400 10px/1.6 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:#d5ba94;margin:0 0 22px}.story .story-panel h2,.cinema-mode .story .story-panel h2{font:400 clamp(48px,5.5vw,80px)/1 var(--serif);letter-spacing:.12em;text-transform:uppercase;margin:0;color:#f0e1c8;text-shadow:none}.story-panel h2>span{display:block}.story .story-panel h2 em,.cinema-mode .story .story-panel h2 em{display:block;font:400 clamp(21px,2.5vw,36px)/1.3 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#dbb38d;margin-top:14px}.story-rule{width:45px;height:1px;background:#bb855c;margin:24px auto}.story .story-panel .synopsis,.cinema-mode .story .story-panel .synopsis{font:400 17px/1.7 var(--serif);letter-spacing:.005em;text-transform:none;color:#f0e1c8;text-shadow:none;margin:0 auto;max-width:610px}.story-link{display:inline-flex;gap:24px;align-items:center;font:400 10px/1.6 var(--serif);letter-spacing:.15em;text-transform:uppercase;color:#e7c4a2;border-bottom:1px solid #bd906c80;padding-bottom:8px;margin-top:25px}.story-link:hover{color:#fff0d6;border-color:#fff0d6}
@media(max-width:700px){.story-panel{padding:25px 21px 23px;margin:auto 0;width:100%}.story-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:22px}.story .story-panel h2,.cinema-mode .story .story-panel h2{font-size:clamp(40px,11vw,65px);letter-spacing:.08em}.story .story-panel h2 em,.cinema-mode .story .story-panel h2 em{font-size:20px;letter-spacing:.035em;line-height:1.35;margin-top:12px}.story-rule{margin:23px auto}.story .story-panel .synopsis,.cinema-mode .story .story-panel .synopsis{font-size:16px;line-height:1.65}.story-link{font-size:9px;margin-top:23px}}
@media(max-height:650px){.story-panel{margin:35px auto}}
/* Let the moving picture carry the chapter; no card, fill, border, or blur. */
.story-panel{background:none;border:0;backdrop-filter:none;box-shadow:none}.story-kicker,.story .story-panel h2,.cinema-mode .story .story-panel h2,.story .story-panel h2 em,.cinema-mode .story .story-panel h2 em,.story .story-panel .synopsis,.cinema-mode .story .story-panel .synopsis,.story-link{text-shadow:0 2px 7px #120c08,0 0 22px #120c0890}.story-rule{background:#d1a77b}.story-kicker{color:#e3c9a6}.story-link{color:#efd5b2}
/* Edge-free contrast across the scene rather than a panel behind the copy. */
.story{isolation:isolate;position:relative}.story:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 65% at 50% 54%,rgba(18,12,8,.68) 0%,rgba(18,12,8,.42) 58%,transparent 100%)}.story-panel{padding-top:20px;padding-bottom:20px}.story .story-panel .synopsis,.cinema-mode .story .story-panel .synopsis{font-size:19px;font-weight:600;line-height:1.65;max-width:560px;color:#fff0d8;text-shadow:0 2px 4px #120c08,0 0 14px #120c08b3}.story .story-panel h2,.cinema-mode .story .story-panel h2{color:#fff0d8}.story-kicker{margin-bottom:17px;color:#efdab9}.story-rule{margin:19px auto}.story-link{margin-top:20px;color:#f4d9b5}
@media(max-width:700px){.story:before{background:radial-gradient(ellipse 95% 65% at 50% 53%,rgba(18,12,8,.72) 0%,rgba(18,12,8,.46) 60%,transparent 100%)}.story .story-panel .synopsis,.cinema-mode .story .story-panel .synopsis{font-size:18px;font-weight:600;line-height:1.65;max-width:32ch}.story-panel{padding:22px 12px}.story-kicker{margin-bottom:18px}.story-rule{margin:20px auto}.story-link{margin-top:22px}}