/* The supplied five-second rain shot is shared by every chapter. */
html{background:#0b1727}
body{background:transparent}
.rain-video-background,.rain-video-tint{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.rain-video-background{z-index:0;object-fit:cover;object-position:center center}
.rain-video-tint{z-index:1;background:linear-gradient(90deg,rgba(7,17,31,.34),rgba(7,17,31,.18) 55%,rgba(7,17,31,.3))}
.site-bar,main,.footer{position:relative;z-index:2}
.site-bar{position:sticky;z-index:20;background:rgba(13,28,47,.87)}
.chapter{position:relative}
.intro{background:linear-gradient(90deg,rgba(11,29,51,.83),rgba(24,48,74,.63))}
.what-if{background:rgba(20,40,65,.72)}
.metaphor{background:rgba(16,34,57,.76)}
.answer{background:linear-gradient(180deg,rgba(16,39,66,.74),rgba(59,63,64,.68))}
.development{background:rgba(232,230,224,.86)}
.story{background:rgba(25,48,75,.75)}
.final{background:radial-gradient(circle at 50% 20%,rgba(115,75,49,.38),transparent 56%),rgba(17,34,54,.75)}
.footer{background:rgba(10,25,43,.82)}
@media(prefers-reduced-motion:reduce){body{background:#0b1727 url('../assets/what-happens/rain-background.webp') center/cover fixed}.rain-video-background{display:none}}