@font-face{font-family:DemoSerif;src:url('assets/fonts/PlayfairDisplay.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:DemoSans;src:url('assets/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
.editorial-demo{--demo-ink:#272727;--demo-muted:#58616d;--demo-blue:#456486;--demo-pink:#ad576f;font-family:DemoSans,Arial,sans-serif;color:var(--demo-ink);font-size:15px;line-height:1.6;padding:76px 0}
.demo-container{width:min(100% - 48px,1200px);margin:auto}
.editorial-demo h2,.editorial-demo h3,.editorial-demo h4{font-family:DemoSerif,Georgia,serif;font-weight:600;letter-spacing:-.03em}
.editorial-demo h2{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:0}
.editorial-demo a{color:var(--demo-blue);text-underline-offset:4px}
.editorial-demo button,.editorial-demo input{font-family:DemoSans,Arial,sans-serif}
.demo-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--demo-muted);margin-bottom:23px}
.demo-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.demo-section-heading>p{max-width:420px;margin:0;color:var(--demo-muted);font-size:15px}
.demo-film{background:#fff}
.presentation-film{margin:0;border:1px solid #d5dbe4;background:#f6f7fa}
.presentation-film video{display:block;width:100%;aspect-ratio:16/9;background:#e3e9f1}
.presentation-film figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--demo-muted);padding:13px 18px}
.film-chapters{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border-bottom:1px solid #bcc5d0}
.film-chapters button{background:none;border:0;border-top:2px solid transparent;padding:11px 8px 13px;text-align:left;font-size:13px;color:var(--demo-ink)}
.film-chapters button:hover,.film-chapters button.active{border-top-color:var(--demo-ink);background:#f1f3f7}
.film-chapters span{display:block;color:var(--demo-muted);font-size:10px;margin-bottom:4px;font-variant-numeric:tabular-nums}
.demo-resource-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:23px;font-size:12px}
.demo-examples{background:#eaedf4 url('assets/demo-background.png') center/cover}
.event-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.event-example{background:#ffffffa8;border-top:1px solid #272727;padding:24px 24px 20px;display:flex;flex-direction:column;min-width:0}
.event-example .event-number{font:600 21px DemoSerif,Georgia,serif;display:flex;justify-content:space-between;margin-bottom:24px}
.event-number span{font:10px DemoSans,Arial,sans-serif;letter-spacing:.05em;color:var(--demo-muted);align-self:center}
.event-example h3{font-size:26px;line-height:1.22;min-height:94px;margin:0 0 15px;white-space:pre-line}
.event-example .event-stat{font:500 49px/1.2 DemoSerif,Georgia,serif;letter-spacing:-.05em}
.event-example .event-unit{font-size:11px;color:var(--demo-muted);margin:8px 0 16px}
.event-example .event-fact{font-size:12px;min-height:78px;margin-bottom:14px}
.event-example .event-source{font-size:10px;display:block;padding-top:12px;border-top:1px solid #b5bfcb}
.event-example .event-spark{width:100%;height:100px;display:block;margin:16px 0 3px}
.event-example .spark-caption{font-size:10px;color:var(--demo-muted);margin-bottom:22px}
.event-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto}
.editorial-demo .demo-button{border:1px solid var(--demo-ink);background:var(--demo-ink);color:#fff;padding:10px 15px;font-size:12px;border-radius:0;white-space:nowrap}
.editorial-demo .demo-button:hover{background:#456486;border-color:#456486}
.editorial-demo .text-button{border:0;background:none;padding:8px 0;color:var(--demo-blue);font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.editorial-demo button:disabled{opacity:.38;cursor:default}

.event-location{font-size:10px;color:var(--demo-muted);margin:-12px 0 12px}
.denoising-figure{margin:22px -12px 10px}
.denoising-loop{display:block;width:100%;aspect-ratio:56/39;background:#f7f8fb;border:1px solid #cad0d9}
.denoising-figure figcaption{font-size:10px;color:var(--demo-muted);padding:7px 12px}
.event-downloads{display:flex;align-items:center;gap:18px;font-size:10px;border-top:1px solid #bdc6d2;margin-top:12px;padding-top:10px}
.event-downloads .text-button{font-size:10px;padding:0;margin-left:auto}
.event-actions{gap:8px 20px}
.event-actions .text-button{font-size:11px}
.event-example h3{min-height:65px}
.event-example .event-fact{min-height:100px;margin-bottom:10px}
.provenance-note{font-size:11px;line-height:1.8;color:var(--demo-muted);max-width:940px;margin:25px 0 0}
.clip-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94vh;border:1px solid #b2bbc7;padding:24px;background:#f4f5fa}
.clip-dialog::backdrop{background:#171b26c9}
.clip-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.clip-dialog h2{font-size:28px}
.clip-dialog-header button{border:1px solid #272727;background:none;padding:8px 14px;white-space:nowrap}
.clip-dialog video{display:block;width:100%;max-height:75vh;background:#e5e9f2}
.editorial-demo button:focus-visible,.editorial-demo a:focus-visible{outline:2px solid #456486;outline-offset:5px}
@media(min-width:1500px){.demo-examples .demo-container{width:min(100% - 80px,1440px)}}
@media(max-width:950px){.event-examples{grid-template-columns:1fr}.event-example{padding:24px}.event-example h3{min-height:0}.event-example .event-fact{min-height:0}.denoising-figure{margin:22px 0 10px}.event-number{margin-bottom:16px!important}.event-actions{justify-content:space-between}.event-example .event-stat{font-size:42px}}
@media(max-width:700px){.editorial-demo{padding:48px 0}.demo-container{width:calc(100% - 32px)}.demo-section-heading{display:block;margin-bottom:28px}.demo-section-heading>p{margin-top:22px;font-size:14px}.presentation-film figcaption{display:block;font-size:10px}.presentation-film figcaption span{display:block}.film-chapters button{font-size:10px;padding:10px 4px}.film-chapters span{font-size:9px}.demo-resource-links{gap:20px}.clip-dialog{padding:14px}.clip-dialog h2{font-size:21px}}


/* Compact, aligned examples with one shared legend. */
.demo-examples{padding:48px 0}
.demo-examples h2{font-size:34px}.demo-examples .demo-section-heading{margin-bottom:20px}.demo-examples .demo-section-heading>p{font-size:13px}
.demo-examples .demo-eyebrow{margin-bottom:15px}
.examples-legend{display:flex;flex-wrap:wrap;gap:9px 22px;margin:0 0 18px;font-size:11px;color:var(--demo-muted)}
.examples-legend span{display:inline-flex;align-items:center;gap:7px}
.examples-legend i{display:inline-block;width:20px;border-top:2px solid #272727}
.examples-legend .key-baseline{border-color:#929ba7;border-top-style:dashed}
.examples-legend .key-forecast{border-color:#456486}
.examples-legend .key-truth{border-color:#287957;border-top-style:dashed}
.examples-legend .key-anchor{height:10px;width:13px;border:1px solid #ad576f;background:#ebccda}
.event-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.event-example{display:flex;flex-direction:column;gap:0;padding:17px 16px 12px}
.event-copy,.event-visual{min-width:0;padding:0}
.event-example .event-number{font-size:20px;margin-bottom:12px!important}
.event-example h3{font-size:23px;line-height:1.2;min-height:56px;margin:0 0 7px;white-space:normal}
.event-location{font-size:10px;line-height:1.4;margin:0 0 12px;min-height:28px}
.event-impact{font-size:11px;line-height:1.45;color:var(--demo-muted);margin:0 0 10px;min-height:32px}
.denoising-figure{margin:0}
.denoising-loop{aspect-ratio:56/39}
.denoising-figure figcaption{font-size:10px;padding:7px 0;min-height:39px}
.event-example .event-source{font-size:10px;line-height:1.45;padding-top:9px;margin:0;min-height:40px}
.event-actions{justify-content:space-between;gap:6px;margin-top:6px}
.event-actions .text-button{font-size:10px;padding:5px 0}
.provenance-note{margin-top:16px;font-size:10px;line-height:1.6}
@media(max-width:760px){.event-examples{grid-template-columns:1fr}.event-example{padding:16px}.event-example h3{min-height:0;font-size:25px}.event-location,.event-impact{min-height:0}.denoising-figure figcaption,.event-example .event-source{min-height:0}.event-actions .text-button{font-size:12px}.examples-legend{gap:8px 15px}.demo-examples{padding:36px 0}}