:root{
  --canvas:#e8ecee;--paper:#f7f7f3;--ink:#102027;--muted:#66747a;
  --line:#cfd9dc;--dark:#102b31;--dark-2:#183b43;
  --blue:#d9f3ff;--blue-mid:#9fcfe3;--blue-deep:#5f9fba;
  --red:#ff695f;--yellow:#ffd84f;--green:#65d49b;
  --radius:30px;--pad-x:48px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden}
.deck{display:flex;flex-direction:column;align-items:center;gap:34px;padding:34px 0 90px}
.slide{
  width:min(94vw,1440px);aspect-ratio:16/9;position:relative;overflow:hidden;
  padding:32px var(--pad-x) 44px;border-radius:var(--radius);background:var(--paper);
  box-shadow:0 20px 58px rgba(23,45,53,.16);
}
.slide.dark{background:var(--dark);color:#f8fbfa}
.slide::after{
  content:attr(data-slide);position:absolute;right:var(--pad-x);bottom:20px;
  color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;
}
.dark::after{color:#81a0a7}
.topbar{height:44px;display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dark .topbar{border-color:#31515a}
.topbar::before{content:"";width:34px;height:34px;aspect-ratio:1/1;flex:0 0 34px;background:url("21rd2xEA6+L.png") center/contain no-repeat}
.eyebrow{display:none}
.topbar::before{margin-right:auto}
.member{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.section-label{margin:0 0 14px;color:var(--blue-deep);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dark .section-label{color:var(--blue-mid)}
h1{margin:0;font-size:clamp(48px,4.35vw,68px);line-height:.98;font-weight:450;letter-spacing:-.055em;outline:none}
h1 em{color:var(--blue-mid);font-style:normal}
.lede{margin:0;font-size:20px;line-height:1.42}
.muted{color:var(--muted)}
.source{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.45}
figure{margin:0}
figcaption{margin-top:8px;color:var(--muted);font-size:10px;letter-spacing:.04em}
[hidden]{display:none!important}
[contenteditable="true"]:focus{border-radius:4px;outline:none;box-shadow:0 0 0 2px rgba(95,159,186,.35)}

.activity-stage{height:calc(100% - 44px);display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:1fr auto;gap:30px 56px;align-items:center;padding-top:26px}
.activity-copy h1{font-size:62px}
.activity-note{margin:20px 0 0;color:#a9bdc1;font-size:17px}
.stroop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 34px}
.stroop-grid span{font-size:64px;line-height:1;font-weight:750;letter-spacing:-.04em}
.ink-red{color:var(--red)}.ink-yellow{color:var(--yellow)}.ink-green{color:var(--green)}.ink-blue{color:var(--blue-mid)}
.activity-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #31515a}
.activity-bottom p{margin:0;color:#d3e1e3;font-size:20px}
.reveal-button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--blue-mid);border-radius:12px;padding:12px 17px;background:var(--blue);color:var(--ink);font:700 13px inherit;cursor:pointer}
.arrow-icon{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cover-stage{height:calc(100% - 44px);display:grid;grid-template-columns:1.46fr .54fr;gap:56px;align-items:center}
.cover-title h1{font-size:72px}
.cover-title .lede{max-width:850px;margin-top:28px;color:#b9c9cc}
.team-panel{padding:26px;border-radius:25px;background:var(--blue);color:var(--ink)}
.panel-heading{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #b4d4df;font-size:11px;font-weight:800;letter-spacing:.14em}
.team-grid{display:grid;grid-template-columns:30px 1fr;gap:13px 10px}
.team-grid span{color:var(--blue-deep);font-size:11px}
.team-grid b{font-size:16px;font-weight:650}

.question-layout{height:calc(100% - 44px);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr auto;gap:30px 70px;padding-top:60px}
.question-title h1{max-width:760px;font-size:78px}
.question-lede{align-self:end;max-width:510px;font-size:25px}
.impact-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.impact-list div{display:flex;justify-content:space-between;align-items:baseline;padding:22px 20px 8px 0;border-right:1px solid var(--line)}
.impact-list div+div{padding-left:20px}
.impact-list div:last-child{border-right:0}
.impact-list strong{font-size:26px;font-weight:500}
.impact-list span{color:var(--muted);font-size:15px}

.photo-editorial{height:calc(100% - 44px);display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}
.photo-editorial.reverse{grid-template-columns:1.12fr .88fr}
.photo-editorial.reverse .photo-frame{order:2}
.photo-frame{height:76%}
.photo-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:26px;filter:saturate(.76) contrast(1.03)}
.editorial-copy h1{font-size:58px}
.editorial-copy>.lede{margin-top:20px}
.ruled-list{margin-top:22px;border-top:1px solid var(--line)}
.ruled-list div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.ruled-list span{color:var(--blue-deep);font-size:12px;font-weight:800}
.ruled-list b{font-size:18px;font-weight:520}
.sequence-list{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;border-block:1px solid var(--line)}
.sequence-list div{padding:14px 12px;border-right:1px solid var(--line)}
.sequence-list div:last-child{border-right:0}
.sequence-list span,.sequence-list b{display:block}
.sequence-list span{color:var(--blue-deep);font-size:11px}
.sequence-list b{margin-top:5px;font-size:18px;font-weight:600}

.myth-layout{height:calc(100% - 44px);display:grid;grid-template-columns:1.03fr .97fr;gap:56px;align-items:center}
.myth-stat{color:var(--blue);font-size:310px;line-height:.72;font-weight:380;letter-spacing:-.1em}
.myth-stat span{font-size:.36em;letter-spacing:-.05em}
.myth-copy h1{font-size:58px}
.myth-copy .lede{margin-top:22px;color:#c1d0d3}
.myth-verdict{margin:28px 0 0;padding:20px 0 0;border-top:1px solid #31515a;color:var(--blue-mid);font-size:24px;line-height:1.3}

.metric-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}
.metric-intro h1{font-size:58px}
.metric-intro .lede{margin-top:22px}
.metric-bands{display:grid;gap:10px}
.metric-bands div{display:grid;grid-template-columns:170px 1fr;align-items:center;min-height:112px;padding:12px 24px;border-radius:20px;background:var(--blue)}
.metric-bands div:nth-child(even){background:#e6eef0}
.metric-bands strong{font-size:82px;line-height:.9;font-weight:400;letter-spacing:-.07em}
.metric-bands span{font-size:16px;line-height:1.25}

.chart-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.chart-copy h1{font-size:60px}
.chart-copy .lede{margin-top:22px}
.switch-chart{height:72%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;padding:34px 28px 24px;border-radius:26px;background:var(--blue)}
.chart-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.chart-value{margin-bottom:10px;font-size:24px;font-weight:600}
.chart-bar{width:100%;border-radius:18px 18px 4px 4px;background:var(--dark)}
.bar-2004{height:72%}.bar-later{height:42%;background:var(--blue-deep)}.bar-recent{height:28%;background:#79b9d1}
.chart-year{margin-top:10px;color:#536970;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.loop-layout{height:calc(100% - 44px);display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding-top:42px}
.loop-heading{display:grid;grid-template-columns:.62fr 1.38fr;gap:40px;align-items:start}
.loop-heading h1{font-size:58px}
.flow-track{display:grid;grid-template-columns:180px 54px 180px 54px 180px 54px 180px;justify-content:center;align-items:center;align-self:center}
.flow-track div{width:180px;aspect-ratio:1/1;display:grid;place-items:center;padding:22px;border:1px solid #41616a;border-radius:50%;background:var(--dark-2);text-align:center}
.flow-track b{display:block;font-size:19px;font-weight:600}
.flow-track i{display:grid;place-items:center;color:var(--blue-mid);font-style:normal}
.flow-track i .arrow-icon{width:30px;height:30px}
.loop-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}
.loop-bottom .lede{color:#c2d0d3}
.loop-bottom blockquote{margin:0;padding:22px;border-left:5px solid var(--blue-mid);background:#173940;color:var(--blue);font-size:25px;line-height:1.28}

.reward-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr auto;gap:38px 60px;align-items:center}
.reward-heading h1{font-size:60px}
.reward-heading .lede{margin-top:22px}
.reward-rows{display:grid;gap:18px}
.reward-row{padding:22px;border-radius:22px;background:#edf0ed}
.reward-row:first-child{background:var(--blue)}
.reward-label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}
.reward-label strong{font-size:25px;font-weight:550}
.reward-label span{color:var(--muted);font-size:14px}
.reward-line{height:42px;position:relative;border-top:2px solid var(--ink)}
.reward-line i{position:absolute;top:-8px;width:14px;height:14px;border-radius:50%;background:var(--ink)}
.reward-line b{position:absolute;top:13px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.reward-line.immediate i{left:4%}.reward-line.immediate b{left:4%}
.reward-line.delayed i{left:88%;background:var(--blue-deep)}.reward-line.delayed b{right:0;color:var(--blue-deep)}
.reward-layout>.source{grid-column:1/-1;margin:0}

.compare-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.74fr 1.26fr;grid-template-rows:1fr auto;gap:28px 52px;align-items:center}
.compare-heading h1{font-size:58px}
.number-bands{display:grid;gap:10px}
.number-bands>div{display:grid;grid-template-columns:1fr 150px;align-items:center;min-height:142px;padding:16px 28px;border-radius:22px}
.number-bands strong{font-size:94px;line-height:.82;font-weight:380;letter-spacing:-.08em}
.number-bands span{font-size:15px;line-height:1.25}
.band-light{background:#eef0e9;color:var(--ink)}
.band-blue{background:var(--blue-mid);color:var(--ink)}
.band-dark{border:1px solid #42616a;background:#183940;color:#f6fbfa}
.compare-conclusion{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid #31515a;color:var(--blue);font-size:30px}

.types-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:1fr auto;gap:30px 50px;align-items:center}
.types-heading h1{font-size:61px}
.type-panels{display:grid;grid-template-columns:repeat(3,1fr);border-radius:24px;overflow:hidden}
.type-panels article{min-height:340px;padding:24px;background:#e9f0ed}
.type-panels article:nth-child(2){background:var(--blue)}
.type-panels article:nth-child(3){background:var(--dark);color:#f8fbfa}
.type-panels span{font-size:11px;font-weight:800;color:var(--blue-deep)}
.type-icon{display:grid;place-items:center;width:48px;height:48px;margin:72px 0 20px;border-radius:50%;background:rgba(95,159,186,.18);font-size:25px}
.type-panels h2{margin:0 0 12px;font-size:26px;font-weight:550;letter-spacing:-.03em}
.type-panels p{margin:0;color:var(--muted);font-size:14px;line-height:1.4}
.type-panels article:nth-child(3) p{color:#b9c9cc}
.types-conclusion{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid var(--line)}

.answer-layout{height:calc(100% - 44px);display:grid;grid-template-columns:.7fr 1.3fr;grid-template-rows:1fr auto;gap:30px 54px;align-items:center}
.answer-heading h1{font-size:62px}
.answer-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.answer-panels>div{min-height:360px;padding:26px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between}
.answer-no{background:#e6ece9}
.answer-but{background:var(--blue)}
.answer-panels span{font-size:110px;line-height:.8;font-weight:370;letter-spacing:-.08em}
.answer-panels b{font-size:23px;line-height:1.25;font-weight:550}
.answer-conclusion{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid var(--line)}

.closing-layout{height:calc(100% - 44px);display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr auto;gap:28px 48px;align-items:center;padding-top:30px}
.closing-copy h1{font-size:52px;line-height:1.02}
.closing-line{margin-top:28px;color:var(--blue-mid)}
.closing-photo{height:75%}
.closing-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:24px;filter:saturate(.7)}
.closing-photo figcaption{color:#8eaaaf}
.research-source{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid #31515a;color:#8eaaaf;font-size:12px}

.controls{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;gap:8px;padding:8px;border-radius:18px;background:rgba(16,43,49,.88);backdrop-filter:blur(12px);transition:opacity .24s ease}
.controls button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:10px 14px;background:#f5f7f6;color:var(--ink);font:650 13px "Helvetica Neue",sans-serif;cursor:pointer}
.controls .arrow-icon{width:18px;height:18px}.arrow-left{transform:none}
.fullscreen-icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.edit-note{display:none}
[contenteditable]{outline:none!important;box-shadow:none!important}
body.presentation-mode{background:var(--dark);overflow:hidden}
body.presentation-mode .deck{display:block;position:relative;width:100vw;height:100vh;padding:0}
body.presentation-mode .slide{
  display:none;position:absolute;left:50%;top:50%;width:1440px;height:810px;aspect-ratio:16/9;
  margin:0;border-radius:0;box-shadow:none;
  transform:translate(-50%,-50%) scale(var(--presentation-scale,1));transform-origin:center center;
}
body.presentation-mode .slide.is-active{display:block}
body.presentation-mode .controls{right:auto;left:50%;top:18px;bottom:auto;transform:translateX(-50%)}
body.presentation-mode .controls.controls-hidden{opacity:0;pointer-events:none}

body.export-mode{margin:0;overflow:hidden;background:var(--dark)}
body.export-mode .deck{display:block;padding:0}
body.export-mode .slide{display:none;width:1440px;height:810px;aspect-ratio:16/9;margin:0;border-radius:0;box-shadow:none}
body.export-mode .slide.is-active{display:block}
body.export-mode .controls{display:none}

@media(max-width:900px){
  body:not(.presentation-mode){--pad-x:28px}
  body:not(.presentation-mode) .slide{min-height:780px;aspect-ratio:auto;padding-top:26px}
  body:not(.presentation-mode) :is(.activity-stage,.cover-stage,.question-layout,.photo-editorial,.photo-editorial.reverse,
  .myth-layout,.metric-layout,.chart-layout,.reward-layout,.compare-layout,.types-layout,
  .answer-layout,.closing-layout){grid-template-columns:1fr;grid-template-rows:auto;gap:24px;padding-top:26px}
  body:not(.presentation-mode) .activity-stage{height:auto}
  body:not(.presentation-mode) .stroop-grid span{font-size:42px}
  body:not(.presentation-mode) .activity-bottom{grid-column:auto}
  body:not(.presentation-mode) :is(.cover-title h1,.question-title h1,h1){font-size:46px}
  body:not(.presentation-mode) .team-panel{padding:20px}
  body:not(.presentation-mode) .question-lede{align-self:auto}
  body:not(.presentation-mode) .impact-list{grid-column:auto;grid-template-columns:1fr}
  body:not(.presentation-mode) .impact-list div{border-right:0}
  body:not(.presentation-mode) .photo-editorial.reverse .photo-frame{order:0}
  body:not(.presentation-mode) :is(.photo-frame,.closing-photo){height:270px}
  body:not(.presentation-mode) .myth-stat{font-size:190px}
  body:not(.presentation-mode) .metric-bands div{grid-template-columns:120px 1fr}
  body:not(.presentation-mode) .switch-chart{height:360px}
  body:not(.presentation-mode) .loop-layout{height:auto}
  body:not(.presentation-mode) :is(.loop-heading,.loop-bottom){grid-template-columns:1fr}
  body:not(.presentation-mode) .flow-track{grid-template-columns:180px;justify-content:center;gap:10px}
  body:not(.presentation-mode) .flow-track i{transform:rotate(90deg)}
  body:not(.presentation-mode) :is(.reward-layout>.source,.compare-conclusion,.types-conclusion,.answer-conclusion,.research-source){grid-column:auto}
  body:not(.presentation-mode) .number-bands>div{grid-template-columns:1fr 120px}
  body:not(.presentation-mode) :is(.type-panels,.answer-panels){grid-template-columns:1fr}
  body:not(.presentation-mode) .type-panels article{min-height:230px}
  body:not(.presentation-mode) .type-icon{margin:35px 0 18px}
  body:not(.presentation-mode) .answer-panels>div{min-height:250px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{
  body{background:white}.deck{gap:0;padding:0}
  .slide{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;box-shadow:none;page-break-after:always}
  .controls,.edit-note,.reveal-button{display:none}
}