/* The visual story: a place, a measurable pattern, a business question. */
#intelligence{scroll-margin-top:112px;padding-top:75px}
#intelligence>.wrap>.section-heading{margin-bottom:35px}
#intelligence-title{font-size:clamp(36px,3.7vw,55px);outline:none}
.visual-story{background:#081324;border:1px solid #294562;color:#e6f1ff;color-scheme:dark;box-shadow:0 30px 90px #0002;--text:#e6f1ff;--muted:#9cb0cd;--accent:#7bdef5;--line:#294562}
.story-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #263d58;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.7px;color:#b1cce5}
.story-topline>span{display:flex;align-items:center;gap:8px}.story-topline i{width:5px;height:5px;border-radius:50%;background:#7bdef5;box-shadow:0 0 12px #7bdef566}
.story-tools{display:flex;gap:20px;flex-shrink:0}.story-tools button{min-height:36px;padding:6px 0;border:0;border-bottom:1px solid #47668588;background:transparent;color:#a6bfd8;font:inherit;font-size:9px;cursor:pointer}.story-tools button:hover{color:#dbf8ff;border-color:#84dff6}.story-tools button:disabled{opacity:.65;cursor:default}
.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #2a415f}
.story-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;padding:17px 15px;min-height:59px;border:0;border-right:1px solid #29405b;background:transparent;color:#849fbe;font-size:12px;line-height:1.5;cursor:pointer}
.story-tabs button:last-child{border-right:0}.story-tabs button>span{font:9px/1 monospace;color:#6683a8}.story-tabs button[aria-selected="true"]{background:linear-gradient(0deg,#2786b41a,transparent);color:#c5f2ff}.story-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:linear-gradient(90deg,#73dbf6,#a796ff)}
.story-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);align-items:stretch}
.story-visual{position:relative;min-width:0;background:radial-gradient(ellipse at 55% 47%,#16436c30,transparent 70%),#071321;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.story-scene-caption{display:flex;justify-content:space-between;gap:15px;padding:22px 24px 0;font:8px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;color:#91aecb}
.story-sample-tag{color:#6e8bab;white-space:nowrap}
#visual-story{scroll-margin-top:0}#story-scene{width:100%;min-height:320px;display:flex;align-items:center;flex:none}#story-scene>svg{display:block;width:100%;height:auto;max-height:550px;overflow:visible}
.story-visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 24px;padding:17px 0 19px;border-top:1px solid #25405a;font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;color:#7c9bbd}.story-visual-bottom>span:first-child{display:flex;gap:8px;align-items:center}.story-visual-bottom i{width:4px;height:4px;background:#b5a1ff;border-radius:50%}
.story-tour-track{height:2px;background:#1d3249;overflow:hidden}.story-tour-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#64c8ef,#a596ff);transform:scaleX(0);transform-origin:left}
.story-explanation{border-left:1px solid #29425e;background:linear-gradient(150deg,#102138,#0b1628);padding:29px 28px;min-width:0}
.story-kicker{font:8px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#8bd2ed;margin:0 0 16px}
.story-explanation h3{font-size:clamp(23px,2.05vw,30px);line-height:1.27;font-weight:400;letter-spacing:-.7px;white-space:pre-line;margin:0 0 21px;color:#e2edfb;min-height:76px}
.story-metric{display:flex;align-items:center;gap:17px;padding-bottom:19px;border-bottom:1px solid #29415d}
.story-metric>strong{font-size:47px;line-height:1;letter-spacing:-2px;font-weight:400;color:#8bdff7;white-space:nowrap;font-variant-numeric:tabular-nums}.story-metric>strong span{font-size:19px;margin-left:3px;color:#9caff0}.story-metric>p{font-size:11px;line-height:1.75;color:#a9bbd4;margin:0;max-width:180px}
.story-chart{padding:17px 0 18px;border-bottom:1px solid #29415d;min-height:134px;box-sizing:border-box}.story-chart-unit{font:7px/1.6 monospace;letter-spacing:.8px;color:#7e9cbd;display:block;margin-bottom:12px}.story-chart-row{display:grid;grid-template-columns:110px 1fr 27px;gap:10px;align-items:center;margin-bottom:9px;font-size:10px;color:#a8bdd9}.story-chart-row strong{font-size:11px;font-weight:400;text-align:right;color:#e5f0ff}.story-bar-track{height:7px;background:#1c324c;border-radius:2px;overflow:hidden}.story-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#4b9bc4,#79ddf6);border-radius:2px}.story-chart-row:nth-child(3) .story-bar-track i{background:linear-gradient(90deg,#6c62bd,#b39aff)}.story-chart>small{display:block;font-size:8px;line-height:1.7;color:#8ca3c1;margin-top:12px}
.story-measure{padding-top:19px}.story-measure>span,.story-decision>span{display:block;font:8px/1.6 monospace;letter-spacing:.8px;color:#799cbf;margin-bottom:7px}.story-measure p{font-size:11px;line-height:1.85;color:#9eb4d1;margin:0}.story-decision{margin-top:17px;padding-left:14px;border-left:1px solid #a99bff66}.story-decision>span{color:#b3a8f3}.story-decision p{font-size:12px;line-height:1.8;color:#d1dff1;margin:0}
.story-enquiry{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:44px;margin-top:18px;color:#9cdef4;font-size:11px;border-top:1px solid #29425e;padding-top:12px}.story-enquiry:hover{color:#d5f5ff}
.story-disclosure{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:18px 24px;border-top:1px solid #29425e;background:#091627}.story-disclosure>span{font:8px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px;color:#91afcf}.story-disclosure p{font-size:10px;line-height:1.8;color:#7f9cbc;margin:0;max-width:820px}
.story-to-data{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:53px 0 32px}.story-to-data .eyebrow{margin-bottom:13px}.story-to-data h3{font-size:29px;letter-spacing:-.8px;font-weight:400;margin:0 0 12px}.story-to-data p:last-child{font-size:13px;color:var(--muted);line-height:1.8;max-width:650px;margin:0}.story-to-data>a{flex-shrink:0}
.visual-story button:focus-visible,.visual-story a:focus-visible{outline:2px solid #a0e9ff;outline-offset:-4px}
@media(max-width:1100px){.story-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr)}.story-explanation{padding:25px 21px}.story-metric{gap:13px}.story-metric>strong{font-size:40px}.story-chart-row{grid-template-columns:102px 1fr 24px;gap:7px}.story-scene-caption{padding-inline:19px;font-size:7px}.story-sample-tag{display:none}.story-explanation h3{font-size:25px}}
@media(max-width:850px){.story-layout{grid-template-columns:1fr}.story-explanation{border-left:0;border-top:1px solid #29425e;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:28px}.story-kicker{grid-column:1/-1}.story-explanation h3{grid-column:1;grid-row:2;font-size:28px;min-height:0}.story-metric{grid-column:2;grid-row:2}.story-chart{grid-column:2;grid-row:3/5}.story-measure{grid-column:1;grid-row:3}.story-decision{grid-column:1;grid-row:4}.story-enquiry{grid-column:1/-1}.story-disclosure{grid-template-columns:180px 1fr}.story-topline{font-size:8px}.story-tabs button{font-size:12px}.story-to-data{align-items:start}.story-to-data h3{font-size:27px}}
@media(max-width:560px){#intelligence{padding-top:48px;scroll-margin-top:92px}.story-topline{display:block;padding:16px 17px;font-size:8px}.story-tools{margin-top:11px;gap:24px}.story-tools button{font-size:9px;min-height:35px}.story-tabs button{display:block;padding:13px 12px;font-size:11px;min-height:75px}.story-tabs button>span{display:block;margin-bottom:6px;font-size:8px}.story-scene-caption{padding:18px 16px 0;font-size:7px;letter-spacing:.3px}#story-scene{min-height:250px}.story-visual-bottom{margin-inline:17px;font-size:7px;letter-spacing:.2px;padding-block:15px}.story-explanation{display:block;padding:25px 21px}.story-explanation h3{font-size:28px;line-height:1.3;margin-bottom:23px}.story-metric{gap:20px}.story-metric>strong{font-size:49px}.story-metric>p{font-size:12px;max-width:185px}.story-chart{min-height:141px}.story-chart-row{grid-template-columns:119px 1fr 25px;font-size:10px;margin-bottom:12px}.story-chart>small{font-size:9px}.story-chart-unit{font-size:8px}.story-measure p{font-size:12px}.story-measure>span,.story-decision>span{font-size:9px}.story-decision p{font-size:13px}.story-enquiry{font-size:12px;margin-top:22px}.story-disclosure{display:block;padding:17px}.story-disclosure>span{font-size:8px}.story-disclosure p{font-size:10px;margin-top:9px}.story-to-data{display:block;padding-top:36px}.story-to-data>a{margin-top:17px}.story-to-data h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.story-tour-track i,.story-bar-track i{transition:none}}

/* The scene and timeline run as a continuous presentation. */
.story-tools,#data-motion,#chart-playback,#replay-arrival{display:none!important}
.chart-playback-row{grid-template-columns:1fr;margin-top:0}
.story-topline{min-height:51px;box-sizing:border-box}
#motion-toggle{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip-path:inset(50%);padding:0;margin:-1px;border:0;white-space:nowrap}
#motion-toggle:focus-visible{position:fixed;left:20px;bottom:20px;width:auto;height:auto;min-height:44px;clip-path:none;margin:0;padding:12px 18px;z-index:10000;background:#132941;color:#d4f3ff;border:1px solid #86d6f1;outline:2px solid #b7eaff;outline-offset:3px}
