*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0a;--surface:#101010;--rule:#222220;--rule-mid:#2c2c2a;--t1:#f0ece4;--t2:#c8c2b8;--t3:#7a7570;--t4:#48453f;--t5:#2e2c28;--gold:#c9a84c;--gold-dim:#342b14;--gold-tint:#c9a84c12;--gold-line:#c9a84c40}html{background:var(--bg)}body{background:var(--bg);color:var(--t1);font-family:var(--font-mono), monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.serif{font-family:var(--font-serif), serif}.pill-inner{-webkit-backdrop-filter:blur(20px);border:1px solid var(--rule-mid);background:#0e0e0df2;border-radius:100px;align-items:center;gap:14px;padding:7px 20px;display:flex}.ambient{color:#0000;-webkit-text-stroke:1px #1c1c1a;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.04em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(220px,32vw,400px);line-height:1}.transform-vis{border:1px solid var(--rule);background:var(--surface);border-radius:4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 24px;padding:24px 28px;display:grid}.source-window{height:126px;position:relative;overflow:hidden}.source-column{flex-direction:column;gap:8px;display:flex}.source-pill{letter-spacing:.06em;color:var(--t4);align-items:center;gap:7px;font-size:10px;line-height:1;display:inline-flex}.source-pill-dot{background:var(--rule-mid);border-radius:50%;flex-shrink:0;width:3px;height:3px}.source-pill.active{color:var(--t2)}.source-pill.active .source-pill-dot{background:var(--gold)}.arrow-track{flex-direction:column;align-items:center;gap:4px;display:flex}.arrow-line{background:var(--rule-mid);width:1px;height:40px;position:relative}.arrow-line:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--rule-mid);position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.output-col{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.output-label{letter-spacing:.14em;text-transform:uppercase;color:var(--t4);margin-bottom:4px;font-size:10px}.output-number{letter-spacing:-.03em;color:var(--gold);font-family:DM Serif Display,Georgia,serif;font-size:52px;font-weight:400;line-height:1}.output-sub{color:var(--t4);letter-spacing:.06em;font-size:10px}.events-track{padding-left:40px;position:relative}.events-track:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--rule) 8%, var(--rule) 92%, transparent 100%);width:1px;position:absolute;top:0;bottom:0;left:7px}.theme-section{position:relative}.theme-header{border-top:1px solid var(--rule);margin-top:8px;padding:44px 0 4px}.theme-header-first{border-top:none;margin-top:0;padding-top:8px}.theme-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:500}.theme-title{letter-spacing:-.012em;color:var(--t1);max-width:580px;margin:12px 0 10px;font-size:clamp(19px,2.6vw,23px);font-weight:400;line-height:1.35}.theme-overview{color:var(--t3);letter-spacing:.01em;max-width:580px;font-size:13px;line-height:1.78}.ev{border-top:1px solid var(--rule);position:relative}.theme-header-first+div .ev:first-child,.theme-section:first-child .ev:first-child{border-top:none}.ev:before{content:"";border:1px solid var(--rule-mid);background:var(--bg);z-index:1;border-radius:50%;width:7px;height:7px;transition:border-color .2s,background .2s;position:absolute;top:54px;left:-40px}.ev:hover:before{border-color:var(--gold);background:var(--gold-dim)}.ev-lead .ev-title{letter-spacing:-.022em!important;font-size:clamp(24px,3.6vw,34px)!important}.matters{background:var(--gold-tint);border:1px solid var(--gold-dim);border-left:2px solid var(--gold);border-radius:0 2px 2px 0;padding:20px 22px}.src-link{color:var(--t3);border-bottom:1px solid var(--rule-mid);letter-spacing:.03em;padding-bottom:1px;font-size:11px;text-decoration:none}.src-link:hover{color:var(--gold);border-color:var(--gold)}.lede-section{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:end;gap:32px;padding:56px 0 48px;display:grid}@media (max-width:600px){.transform-vis{grid-template-columns:1fr;gap:20px}.arrow-track{flex-direction:row}.arrow-line{width:40px;height:1px}.arrow-line:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--rule-mid);border-right:none;inset:50% -4px auto auto;transform:translateY(-50%)}.lede-section{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
