:root{--night:#0f0d0b;--surface:#171512;--device:#1d1a17;--rule:#2a2622;--rule-2:#3a352f;--ink:#efe6d6;--soft:#b9b0a2;--meta:#8f877b;--faint:#6f685e;--gold:#e8b062;--gold-hi:#f3c98a;--serif:"Newsreader", Georgia, serif;--hand:"Caveat", cursive;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--max:1200px;--gutter:clamp(16px, 5vw, 64px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.night{background:var(--night);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6;overflow-x:clip}.night a{color:var(--gold);text-decoration:none}.night a:hover{color:var(--gold-hi)}.night :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:200;background:var(--device);padding:8px 14px;top:16px;left:16px}.cf{font-family:var(--hand);color:var(--gold);line-height:1}.night-head{max-width:var(--max);padding:28px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 28px;margin:0 auto;display:flex}.night-head--over{z-index:5;position:absolute;top:0;left:0;right:0}.night-head__name{font-size:22px;font-weight:500;color:var(--ink)!important}.night-head nav{gap:28px;font-size:18px;display:flex}.night-head nav a{color:var(--soft);border-bottom:1px solid #0000;padding-bottom:2px}.night-head nav a:hover{color:var(--ink)}.night-head nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--gold)}.night-foot{max-width:var(--max);padding:36px var(--gutter) 48px;border-top:1px solid var(--rule);color:var(--meta);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px 32px;margin:0 auto;font-size:17px;display:flex}.night-foot div{flex-wrap:wrap;gap:10px 28px;display:flex}.prev-link{border-bottom:1px dotted var(--gold);color:var(--ink)!important}.prev-link:hover{color:var(--gold-hi)!important}.mark-btn{all:unset;cursor:help;font-family:var(--hand);color:var(--gold);line-height:1}.mark-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pop{z-index:100;background:var(--device);border:1px solid var(--rule-2);color:var(--soft);font-family:var(--serif);text-align:left;border-radius:8px;font-size:16px;line-height:1.5;position:absolute;box-shadow:0 24px 48px #0009}.pop__bar{border-bottom:1px solid var(--rule);color:var(--meta);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 16px;font-size:14px;display:flex}.pop__right{align-items:baseline;gap:14px;display:inline-flex}.pop__right .cf{font-size:18px}.pop__in{padding:14px 16px 16px;display:block}.pop__title{color:var(--ink);margin-bottom:6px;font-size:20px;font-weight:500;line-height:1.25;display:block}.pop__text{display:block}.pop__html p{margin:0 0 8px}.pop__html p:last-child{margin-bottom:0}.pop__html a{color:var(--ink);border-bottom:1px dotted var(--gold)}.pop__meta{color:var(--meta);margin-top:10px;font-size:14px}.pop__scale{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 14px;display:grid}.pop__scale .cf{font-size:20px}.pop__scale .on{color:var(--ink)}.prose{font-size:20px;line-height:1.7}.prose p,.prose ul,.prose ol,.prose blockquote,.prose details,.prose pre{margin:0 0 24px}.prose h2{letter-spacing:-.01em;margin:28px 0 18px;scroll-margin-top:24px;font-size:32px;font-weight:500;line-height:1.2}.prose h3{margin:24px 0 12px;font-size:24px;font-weight:500;line-height:1.25}.prose a{color:var(--ink);border-bottom:1px dotted var(--gold)}.prose a:hover{color:var(--gold-hi)}.prose a[href^=http]:after{content:"↗";vertical-align:super;color:var(--meta);margin-left:2px;font-size:.6em}.prose li::marker{color:var(--faint)}.prose blockquote{border-left:2px solid var(--gold);color:var(--soft);padding:4px 0 4px 20px}.prose code{font-family:var(--mono);background:var(--surface);border-radius:3px;padding:1px 5px;font-size:.82em}.prose pre{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:18px 20px;font-size:14px;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0}.prose summary{cursor:pointer;color:var(--soft);font-size:18px}.prose summary:hover{color:var(--ink)}.prose details[open] summary{margin-bottom:14px}.prose img{border-radius:6px;max-width:100%;height:auto}.sn-ref{line-height:0}.sn-ref a{font-family:var(--hand);padding:0 1px;font-size:1.1em;color:var(--gold)!important;border:0!important}.sidenote{color:var(--meta);border-left:1px solid var(--rule);padding:4px 0 0 14px;font-size:16px;line-height:1.5;transition:color .15s,border-color .15s}.sidenote p{margin:0 0 8px}.sidenote a{border-bottom:1px dotted var(--gold);color:var(--soft)}.sidenote__n{font-family:var(--hand);color:var(--gold);margin-right:6px;font-size:20px}.sidenote:target,.sidenote.is-lit{color:var(--ink);border-left-color:var(--gold)}body.night.cover{isolation:isolate;background:0 0}html:has(body.night.cover){background:var(--night)}body.night.cover:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, #0f0d0b8c 0%, #0f0d0bb3 45%, var(--night) 100%), linear-gradient(90deg, #0f0d0be6 0%, #0f0d0b80 55%, #0f0d0b33 100%), url(/opening-film/hero.jpg) right 30% / cover no-repeat;height:78vh;position:absolute;top:0;left:0;right:0}