:root{--paper:#f4f1e8;--ink:#172c2a;--muted:#51635d;--teal:#176b5b;--rust:#a94b30}
*{box-sizing:border-box}html,body{width:1920px;height:1080px;margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}
#film{width:100%;height:100%;position:relative}.clip{position:absolute;inset:0;width:100%;height:100%}.scene{padding:54px 80px 0}
.film-header{height:62px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #bac5ba;font-size:24px;letter-spacing:2px}.collection{font-weight:700}.separator{margin:0 20px;color:#51635d}#chapter-label{font-size:23px;letter-spacing:1px;color:var(--muted)}
.film-body{display:grid;grid-template-columns:730px 970px;gap:60px;height:790px;padding-top:38px}.editorial{position:relative}.phase{position:absolute;inset:0;opacity:0;padding-top:8px}.eyebrow{font-size:25px;letter-spacing:3px;color:var(--muted);margin:0 0 28px}h1,h2{font-size:66px;font-weight:700;line-height:1.28;letter-spacing:-2px;margin:0 0 24px}h1{font-size:82px}p{margin:0}.body-copy{font-size:32px;line-height:1.65;margin-top:28px}.annotation{font-size:25px;line-height:1.6;color:var(--muted);max-width:615px;border-left:3px solid #aebdae;padding-left:22px;margin-top:20px}.citation{font-family:'Source Serif 4','Noto Sans SC',serif;font-size:25px;line-height:1.5;color:var(--muted);margin-top:22px}.formula,.fraction,.axis-name,.tick,.zero-value{font-family:'Source Serif 4','Noto Sans SC',serif}.hero-fractions{display:flex;gap:54px;align-items:center;margin:28px 0 14px}.fraction{display:inline-flex;flex-direction:column;text-align:center;font-size:116px;line-height:1.12;vertical-align:middle;min-width:100px}.fraction>span:first-child{border-bottom:3px solid;padding:0 10px 5px}.fraction>span:last-child{padding-top:6px}.hero-fractions .fraction{font-size:120px}.between{font-size:40px;color:var(--muted)}.teal{color:var(--teal)}.rust{color:var(--rust)}.medium{font-size:70px;margin:20px 0}.series{font-size:44px;display:flex;align-items:center;gap:12px;margin-top:22px}.small{font-size:41px;min-width:40px}.small>span:first-child{border-bottom-width:2px;padding:0 3px 2px}.small>span:last-child{padding-top:2px}.small sup{font-size:26px}.formula-condition{font-size:24px;color:var(--muted);margin-top:22px}.statement{font-size:83px;display:flex;align-items:center;gap:18px;margin:32px 0}.statement .fraction{font-size:103px;min-width:85px}.bounds{display:flex;align-items:center;gap:42px;margin:32px 0}.bounds .fraction{font-size:96px}.interval{display:flex;align-items:center;gap:12px;font-size:65px;margin-top:20px}.interval .fraction{font-size:78px;min-width:72px}.result-label{font-size:25px;color:var(--muted);margin-top:30px}
.visual{position:relative;min-width:0;height:752px}.plot-heading{display:flex;align-items:center;justify-content:space-between;font-size:24px;color:var(--muted);padding:8px 16px 0}.plot-key{display:flex;gap:12px;align-items:center;font-size:22px}.plot-key i{height:3px;width:26px;background:var(--teal)}.plot{width:960px;height:700px;display:block;overflow:visible}.grid path{stroke:#d6dbd1;stroke-width:1;fill:none}.axis{stroke:#63776e;stroke-width:2;fill:none}.axis-name{font-size:35px;fill:var(--ink)}.strip-edge{stroke:#a4b2a5;stroke-width:1.5;stroke-dasharray:5 8;fill:none}#critical{stroke:var(--teal);stroke-width:3;stroke-dasharray:7 9;fill:none}#boundary,#mirror-boundary{stroke:var(--rust);stroke-width:3;stroke-dasharray:6 6;fill:none}.tick{font-size:31px;text-anchor:middle;fill:var(--muted)}.teal-fill{fill:var(--teal)}.rust-fill{fill:var(--rust)}.band-label{fill:var(--muted);text-anchor:middle;font-size:26px}.y-ticks text{fill:var(--muted);font-size:24px;text-anchor:end}.zero{fill:var(--teal);stroke:var(--paper);stroke-width:3;opacity:0}.zero-value{font-size:28px;fill:var(--teal)}.callout-line{fill:none;stroke:var(--teal);stroke-width:1.5}.rust-stroke{stroke:var(--rust)}.pole-label{font-size:24px;fill:var(--rust)}.region-text{font-size:27px;fill:var(--rust);text-anchor:middle}.region-sub{font-size:24px;fill:var(--rust);text-anchor:middle}#interval-bracket{stroke:var(--teal);stroke-width:2;fill:none}.interval-label{font-size:27px;fill:var(--teal);text-anchor:middle}.plot-foot{display:flex;justify-content:space-between;font-size:21px;color:var(--muted);position:absolute;bottom:1px;left:15px;right:5px}.proof{position:absolute;top:105px;left:95px;width:800px;opacity:0}.proof-kicker{font-size:23px;letter-spacing:3px;margin-bottom:36px;color:var(--muted)}.proof-step{display:flex;align-items:center;gap:28px;background:var(--paper);border:1px solid #c4cdbf;padding:22px 30px;min-height:125px}.proof-number{font-size:35px;color:var(--teal);padding-right:26px;border-right:1px solid #b8c6b8}.proof-step h3{font-size:38px;margin:0 0 5px}.proof-step p{font-size:26px;color:var(--muted)}.proof-arrow{display:block;width:800px;height:58px}.proof-arrow path{fill:none;stroke:var(--teal);stroke-width:2}
.film-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c2cbbf;height:58px;font-size:21px;color:var(--muted);margin-top:20px}.captions{position:absolute;bottom:36px;left:60px;right:60px;display:flex;justify-content:center;text-align:center;font-size:34px;line-height:1.55;color:var(--ink)}.captions span{background:#e6e9dd;padding:10px 30px;max-width:1770px;border-radius:4px}.film-progress{position:absolute;bottom:0;left:0;right:0;height:5px;background:#dae0d3}#film-progress-fill{width:100%;height:100%;background:var(--teal);transform:scaleX(0);transform-origin:left center}#film-time{font-variant-numeric:tabular-nums}