:root{--night:#22303a;--linen:#f5efe4;--amber:#e8b45c;--rust:#9b4d32;--graphite:#4d5a63;--hairline:#d9cfbf;--cream:#fffaf2;--wash:#ece4d6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--night);font:17px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--rust)}
img{max-width:100%;height:auto}
.reelbar{background:var(--night);color:var(--linen);position:sticky;top:0;z-index:5}
.reelbar-in,.scene-in,.endroll-in{max-width:1000px;margin:0 auto;padding:0 18px}
.reelbar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;padding-bottom:10px}
.wordmark{display:flex;align-items:center;gap:9px;color:var(--linen);text-decoration:none;font:600 1.05rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em}
.chapters{display:flex;flex-wrap:wrap;gap:4px 14px;font:.88rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.chapters a{color:var(--amber);text-decoration:none}
.chapters a:hover{text-decoration:underline}
.lede{background:var(--linen);border-bottom:1px solid var(--hairline);padding:46px 0}
.lede .scene-in{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:center}
.slug{font:700 .78rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--rust);margin:0 0 10px}
h1{font-size:2.3rem;line-height:1.15;margin:0 0 16px}
h2{font-size:1.6rem;line-height:1.25;margin:0 0 14px}
h3{font-size:1.15rem;margin:22px 0 8px}
.scene{padding:42px 0;border-bottom:1px solid var(--hairline)}
.scene-alt{background:var(--wash)}
.scene .scene-in{max-width:760px}
.cuts{padding-left:1.2em}
.cuts li{margin-bottom:8px}
.callout{border-left:4px solid var(--amber);background:var(--cream);padding:12px 16px;margin:20px 0;color:var(--graphite)}
.asks details{border:1px solid var(--hairline);border-radius:8px;background:#fff;margin-bottom:10px}
.asks summary{cursor:pointer;padding:13px 16px;font-weight:700;list-style:none}
.asks summary::-webkit-details-marker{display:none}
.asks summary::after{content:"+";float:right;color:var(--rust)}
.asks details[open] summary::after{content:"\2212"}
.asks details p{margin:0;padding:0 16px 14px}
.endroll{background:var(--night);color:var(--linen);padding:26px 0;font:.88rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.endroll a{color:var(--amber)}
@media (max-width:720px){
  body{font-size:16px}
  .lede{padding:30px 0}
  .lede .scene-in{grid-template-columns:1fr}
  h1{font-size:1.85rem}
  h2{font-size:1.4rem}
  .reelbar{position:static}
}