

.story-root *{box-sizing:border-box}
.story-root{background:#0d1d3c;color:white;font-family:Inter,system-ui,sans-serif}
.story-root{margin:0;background:linear-gradient(145deg,#0d1d3c,#102449);min-height:100vh}
.story-root button,.story-root a{touch-action:manipulation}.story-root a{color:inherit;text-decoration:none}
.story-root a:focus-visible,.story-root button:focus-visible{outline:2px solid #F26A21;outline-offset:5px}
.story-root .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.story-root .story,.story-root .sticky{position:relative}.story-root .visual{display:none}
.story-root .chapters{max-width:1200px;margin:auto}
.story-root article{padding:28px 24px 64px;scroll-margin-top:100px}
.story-root article picture{display:block}
.story-root article img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.story-root .copy{max-width:38rem}
.story-root .eyebrow{font-size:12px;letter-spacing:.16em;color:#b8cbe1}
.story-root h2{font-size:clamp(44px,3.2vw,54px);line-height:1.05;letter-spacing:-.04em;margin:18px 0}
.story-root p{font-size:18px;line-height:1.6;margin:0;color:#d4deea}
.story-root .rail{position:sticky;top:0;z-index:8;background:#0d1d3ce8;padding:15px 24px}
.story-root .rail ol{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap}
.story-root .rail a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:#b8cbe1}
.story-root .rail a span{color:#7d91aa}.story-root .rail a[aria-current="step"]{color:white}
.story-root .rail a[aria-current="step"] span{color:#F26A21}
.story-root .progress{height:2px;background:#ffffff16;margin-bottom:12px}
.story-root .progress i{display:block;height:100%;background:#F26A21;width:var(--progress,0%)}
.story-root .status,.story-root .part,.story-root .panel{display:none}
.live .story-root .story{height:1700vh}
.live .story-root .sticky{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}
.live .story-root .visual{display:block;position:absolute;inset:0}
.story-root .visual canvas,.story-root .visual>picture,.story-root .visual>picture img,.story-root .labels{position:absolute;inset:0;width:100%;height:100%}
.story-root .visual>picture img{object-fit:contain}
.story-root .visual canvas{opacity:0;transition:opacity .55s}
.story-root .visual>picture{opacity:1;transition:opacity .55s;pointer-events:none}
.ready .story-root .visual canvas{opacity:1}.ready .story-root .visual>picture{opacity:0}
.story-root .scrim{display:none}
.live .story-root .scrim{display:block;position:absolute;inset:0;pointer-events:none;opacity:0;
 transition:opacity .55s;
 background:linear-gradient(97deg,#0d1d3c52 0%,#0d1d3c4b 20%,#0d1d3c00 47%),
 linear-gradient(0deg,#0d1d3c40 0%,#0d1d3c00 26%)}
.ready .story-root .scrim{opacity:1}
.story-root .labels{pointer-events:none;overflow:hidden}
.story-root .labels path{fill:none;stroke:#FDC07A;stroke-width:.8;opacity:.65}
.story-root .labels circle{fill:#FDC07A}
.story-root .labels text{fill:#ecf3fa;font:14px Inter,system-ui,sans-serif}
.story-root .labels rect{fill:#0d1d3c;fill-opacity:.88;rx:3}
.story-root .labels .service{stroke:#b8cbe1;fill:#b8cbe1}
.story-root .labels rect.active-spare{stroke:#F26A21;stroke-width:1.5}
.live .story-root article{position:absolute;left:4vw;top:7vh;width:26vw;padding:0;opacity:0;pointer-events:none}
.live .story-root .copy{background:linear-gradient(90deg,#0d1d3cd6,#0d1d3c91 85%,#0d1d3c00);padding:14px;margin:-14px;border-radius:4px}
.live .story-root article:first-child{opacity:1}.live .story-root article picture{display:none}
.live .story-root .rail{position:absolute;top:auto;left:4vw;bottom:4vh;width:28vw;background:linear-gradient(90deg,#0d1d3cbe,#0d1d3c70 85%,#0d1d3c00);padding:0}
.live .story-root .rail ol{display:flex;flex-direction:column;gap:1px}
.live .story-root .rail a{border-left:1px solid #ffffff20;padding-left:12px}
.live .story-root .rail a[aria-current="step"]{border-color:#F26A21}
.live .story-root .status{display:block;position:absolute;right:24px;bottom:20px;font-size:12px;color:#b8cbe1}
.live .story-root .part{display:block;position:absolute;right:4vw;bottom:5vh;max-width:33rem;
 padding:10px 14px;font-size:13px;line-height:1.5;background:#0d1d3ce8;border-left:2px solid #F26A21}
.live .story-root .part:empty{display:none}.ready .story-root .status{display:none}
.story-root .facts{list-style:none;margin:20px 0 0;padding:0}
.story-root .facts li{font-size:15px;line-height:1.5;color:#c3d3e6;padding:6px 0 6px 15px;
 border-left:1px solid #ffffff1f}
.live .story-root .facts li{opacity:0;transform:translateY(6px);
 transition:opacity .38s ease,transform .38s ease;
 transition-delay:calc(var(--row) * 60ms)}
.live .story-root article.shown .facts li{opacity:1;transform:none}
.story-root .minimap{display:none}
.live .story-root .minimap{display:block;position:absolute;right:26px;bottom:78px;width:228px;
 height:112px;opacity:0;transition:opacity .5s}
.ready .story-root .minimap{opacity:.92}
.live .story-root .story.resilience-view .minimap{display:none}
.story-root .minimap rect{fill:#ffffff2e;stroke:#ffffff3d;stroke-width:.5;
 transition:fill .4s,stroke .4s}
.story-root .minimap .plan-pad{fill:#0b1730e8;stroke:#ffffff40;stroke-width:.8}
.story-root .minimap rect.lit{fill:#F26A21;stroke:#FDC07A}
.story-root .tools{display:none}
.live .story-root .tools{display:flex;gap:8px;position:absolute;right:26px;top:24px;z-index:9}
.story-root .tools button{font:500 12px Inter,system-ui,sans-serif;color:#d6e2f0;
 min-width:112px;text-align:center;
 background:#0d1d3cd9;border:1px solid #ffffff2b;border-radius:3px;
 padding:8px 12px;cursor:pointer}
.story-root .tools button[aria-pressed="true"]{border-color:#F26A21;color:white}
.story-root .tools button:hover{border-color:#ffffff55}
.story-root .subtitle{margin-top:18px;color:#FDC07A;font-size:18px;line-height:1.4}
.story-root .position,.story-root .label-switch{display:none}
.live .story-root .position{display:block;position:absolute;right:26px;bottom:26px;width:228px;
 font-size:22px;letter-spacing:.10em;color:#FDC07A}
.story-root .position small{font-size:15px;color:#b8cbe1}
.story-root .position .progress{height:4px;margin:10px 0 0}
.live .story-root .label-switch{position:absolute;right:14px;top:100px;z-index:9;
 font:14px Inter,system-ui,sans-serif;color:white;background:#0d1d3cdd;
 border:1px solid #F26A21;border-radius:3px;min-height:44px;padding:8px 12px}
@media(min-width:820px){
 .live .story-root .rail ol{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
 .live .story-root .rail a{justify-content:center;padding:0;border-left:none;border-top:2px solid #ffffff26;font-size:0}
 .live .story-root .rail a span{font-size:15px}
}
@media(max-width:819px){
 .live .story-root .minimap{right:14px;left:auto;bottom:auto;top:59px;width:90px;height:62px}
 .live .story-root .tools{left:14px;right:auto;top:12px;bottom:auto;gap:6px}
 .story-root .tools button{padding:10px;font-size:12px;min-width:100px;min-height:44px}
 .story-root .facts li{font-size:15px;line-height:1.3;padding:4px 0 4px 12px}
 .story-root .facts{margin-top:10px}
 .live .story-root .sticky{--stage-height:50%}
 .live .story-root .visual{inset:0 0 auto 0;height:var(--stage-height)}
 .live .story-root article{left:16px;top:calc(var(--stage-height) + 12px);bottom:auto;width:calc(100% - 32px)}
 .live .story-root h2{font-size:28px;line-height:1.04;margin:8px 0 10px}
 .live .story-root p{font-size:18px;line-height:1.38;max-width:38rem}
 .live .story-root .eyebrow{font-size:11px}
 .live .story-root .panel{display:block;position:absolute;inset:var(--stage-height) 0 0 0;
  background:#0d1d3c;border-top:1px solid #ffffff14}
 .live .story-root .rail{left:8px;right:8px;bottom:10px;width:auto;background:none}
 .live .story-root .rail ol{display:grid;grid-template-columns:repeat(8,1fr);gap:1px}
 .live .story-root .rail a{min-height:44px;padding:0;border-left:none;font-size:0}
 .live .story-root .rail a span{display:flex;align-items:center;justify-content:center;width:100%;height:44px;
  border-top:3px solid #ffffff26;font-size:15px;color:#b8cbe1}
 .live .story-root .rail a[aria-current="step"] span{border-color:#F26A21;color:#FDC07A}
 .story-root .rail .progress{margin-bottom:2px}
 .live .story-root .part{bottom:auto;top:calc(var(--stage-height) - 62px);right:16px;left:16px;font-size:13px}
 .live .story-root .status{bottom:auto;top:calc(var(--stage-height) - 34px);right:16px}
 .story-root .rail{padding:8px}.story-root .rail ol{display:grid;grid-template-columns:repeat(8,1fr);gap:1px}
 .story-root .rail a{font-size:0;justify-content:center;min-height:44px}.story-root .rail a span{font-size:15px}
 .live .story-root .scrim{background:linear-gradient(0deg,#0d1d3c42 0%,#0d1d3c00 22%)}
 .live .story-root .position{display:none}
 .live .story-root .label-switch.shown{display:block;top:12px}
 .live .story-root .story.block-view .minimap{display:none}
 .live .story-root .copy{background:none;padding:0;margin:0}
 .live .story-root .subtitle{font-size:18px;margin-top:12px}
}
@media(max-width:819px) and (max-height:760px){
 .live .story-root .sticky{--stage-height:40%}.live .story-root article{top:calc(var(--stage-height) + 6px)}
 .live .story-root h2{font-size:23px}.live .story-root p{font-size:15px;line-height:1.25}.story-root .facts{margin-top:6px}.story-root .facts li{font-size:13.5px;line-height:1.2;padding:3px 0 3px 12px}
}
@media(max-aspect-ratio:1/1){.story-root article img{aspect-ratio:1170/1392}}
@media(prefers-reduced-motion:reduce){.story-root *{scroll-behavior:auto!important;transition:none!important}}
