/* One fictional campaign: promotion, people, perspective. */
.open-lab #event-desk.ec-demo{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:auto;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;color:#e6e3eb;gap:14px}
.ec-demo *{box-sizing:border-box}.ec-demo button{font-family:var(--sans);cursor:pointer}.ec-demo button:focus-visible{outline:2px solid #d5fa49;outline-offset:5px}.ec-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;flex:none}.ec-chapters{display:flex;gap:28px}.ec-chapters button,.ec-play{padding:11px 0;background:none;border:0;border-bottom:1px solid transparent;color:#9ca6b5;font:14px/1.5 var(--sans)}.ec-chapters button[aria-selected=true]{color:#d5fa49;border-color:#d5fa49}.ec-play{font-size:12px;min-width:48px}.ec-stage{flex:1;min-height:0;position:relative}.ec-visual{width:100%;height:100%;min-height:0}.ec-visual>svg{width:100%;height:100%;display:block;overflow:visible;font-family:var(--sans);fill:#ddd8e5}.ec-visual[hidden]{display:none}.ec-mono{font-family:var(--mono);letter-spacing:.03em;fill:#b8a8ca}.ec-muted{fill:#a2aaba}.ec-ink{fill:#302639}.ec-heavy{font-weight:600;letter-spacing:-.05em}.ec-lime{fill:#d5fa49}.ec-channel-outline{fill:#171a1b;stroke:#49434f;stroke-width:1}.ec-mini-lines{stroke:#9787a8;stroke-width:3;opacity:.55}.ec-trail{fill:none;stroke:#ad97cc;stroke-width:1.3;stroke-dasharray:4 9;animation:ec-flow 2s linear infinite;animation-delay:var(--delay)}.ec-channel{opacity:clamp(.22,calc(var(--progress)*4 - var(--order)*.6),1)}.ec-guest{fill:#292b2e;stroke:#55515e;stroke-width:.6;transition:fill .2s}.ec-guest.is-arrived{fill:#c5b0e0;stroke:#c5b0e0}.ec-arrival-path{stroke:#d5fa49;fill:none;stroke-dasharray:3 7}.ec-arrival-dot{animation:ec-arrive 1.4s ease-in-out infinite}.ec-coverage{opacity:clamp(.15,calc(var(--progress)*2),1)}.ec-takeaway{border-top:1px solid #35363b;padding-top:16px;min-height:65px;flex:none}.ec-takeaway p{font:400 clamp(17px,1.45vw,23px)/1.45 var(--sans);letter-spacing:-.02em;color:#cbb8df;margin:0;max-width:80ch}.ec-footer{display:flex;justify-content:space-between;gap:20px;color:#858e9b;font:9px/1.5 var(--mono);flex:none}.ec-demo[data-running=false] *{animation-play-state:paused!important}.ec-report{height:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,80px);align-content:center;padding:20px 30px}.ec-report-head h4{font:400 clamp(24px,2.5vw,36px)/1.15 var(--sans);letter-spacing:-.04em;margin:0 0 20px}.ec-metric{display:flex;gap:18px;margin-bottom:24px}.ec-metric button{border:0;border-bottom:1px solid transparent;background:none;color:#9ca6b5;font:13px/1.5 var(--sans);padding:8px 0}.ec-metric button[aria-pressed=true]{color:#d5fa49;border-color:#d5fa49}.ec-bar-row{margin-bottom:22px}.ec-bar-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;font-size:16px}.ec-bar-row strong{font-weight:500;color:#eee8f5}.ec-bar-track{height:8px;background:#282b2b;border-radius:2px;overflow:hidden}.ec-bar-track span{display:block;height:100%;background:var(--channel);transition:width .65s ease}.ec-bar-row small{display:block;font-size:11px;color:#9fa8b7;margin-top:7px}.ec-chart-note{font:11px/1.6 var(--sans);color:#939eaf;max-width:48ch;margin:10px 0 0}.ec-total{margin-bottom:36px}.ec-total>strong{font:400 clamp(45px,5vw,68px)/1 var(--sans);color:#c9b5df;letter-spacing:-.06em}.ec-total>strong>span{font-size:.45em;color:#7e8799;letter-spacing:-.04em;margin-left:9px}.ec-total p{font:13px/1.5 var(--sans);color:#acb5c5;margin:12px 0 0}.ec-coverage-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#acb5c5}.ec-coverage-title strong{color:#cbb8df;font-weight:400}.ec-coverage-bars{display:flex;gap:12px;align-items:end;height:126px;border-bottom:1px solid #44414b;padding-top:24px}.ec-coverage-bars>div{flex:1;position:relative;height:100%;display:flex;align-items:end;justify-content:center}.ec-coverage-bars>div>span{display:block;background:#625478;height:calc(var(--bar)*100%);width:55%;position:relative}.ec-coverage-bars b{position:absolute;top:-21px;width:100%;text-align:center;font:12px var(--mono);color:#cbb8df}.ec-coverage-bars small{position:absolute;top:calc(100% + 9px);font:10px var(--sans);color:#aab1bf;white-space:nowrap}.ec-coverage-report>.ec-chart-note{margin-top:36px}
@keyframes ec-flow{to{stroke-dashoffset:-52}}@keyframes ec-arrive{0%{transform:translateY(13px);opacity:0}35%{opacity:1}100%{transform:translateY(-20px);opacity:0}}
@media(min-width:1001px) and (max-height:800px){#lab-event{gap:12px}.ec-demo .ec-report{padding:0 15px;gap:35px}.ec-report-head h4{font-size:26px;margin-bottom:8px}.ec-metric{margin-bottom:13px}.ec-bar-row{margin-bottom:13px}.ec-total{margin-bottom:24px}.ec-total>strong{font-size:48px}.ec-coverage-bars{height:90px}.ec-takeaway{min-height:54px;padding-top:12px}}
@media(max-width:1000px){.open-lab #event-desk.ec-demo{flex:none;height:730px}.ec-report{padding-inline:5px}.ec-chapters{gap:20px}}
@media(max-width:760px){.open-lab #event-desk.ec-demo{height:820px}.ec-report{grid-template-columns:1fr;gap:24px;padding:15px 5px;align-content:start;overflow:auto}.ec-coverage-report{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.ec-total>strong{font-size:45px}.ec-total{margin:0}.ec-coverage-report>.ec-chart-note{grid-column:1/-1;margin-top:12px}.ec-coverage-bars{height:80px}.ec-report-head h4{font-size:29px;margin-bottom:10px}.ec-metric{margin-bottom:15px}.ec-bar-row{margin-bottom:16px}.ec-takeaway{min-height:88px}}
@media(max-width:640px){.ec-controls{gap:10px;align-items:start}.ec-chapters{gap:14px;flex:1}.ec-chapters button{font-size:12px;max-width:85px;text-align:left;line-height:1.4;min-height:48px}.ec-play{font-size:11px;padding-top:11px}.open-lab #event-desk.ec-demo{height:740px;gap:10px}.ec-takeaway p{font-size:18px}.ec-footer{display:block;font-size:8px}.ec-footer>span{display:block;margin-top:5px}.ec-coverage-report{grid-template-columns:1fr 1.2fr}.ec-total>strong{font-size:39px}.ec-total p{font-size:11px}.ec-coverage-title{font-size:11px}.ec-chart-note{font-size:10px}.ec-coverage-bars small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ec-demo *{animation:none!important;transition:none!important}}html[data-motion=off] .ec-demo *{animation:none!important;transition:none!important}
/* On phones, let the report read in the page instead of a nested scroll box. */
@media(max-width:760px){
 .open-lab #event-desk.ec-demo{height:auto;flex:none}
 .ec-demo .ec-stage{flex:none;height:clamp(450px,130vw,650px)}
 .ec-demo:has([data-ec-scene="2"]:not([hidden])) .ec-stage{height:auto}
 .ec-demo .ec-report{height:auto;overflow:visible}
 .ec-demo .ec-takeaway{min-height:0;margin-top:8px;padding-bottom:12px}
}