/* Intelligence follows the shared type, palette, image bleeds and compact rhythm. */
.data-page{--page-gutter:clamp(24px,6vw,112px);--small-accent:var(--orange-small)}
.data-page h1,.data-page h2,.data-page h3{text-wrap:balance}
.data-page p{text-wrap:pretty}
.data-page .kicker{font-size:12px;line-height:1.6;letter-spacing:.12em}
.data-page h2{font-size:clamp(42px,4.5vw,66px);line-height:1.04;letter-spacing:-.015em;margin:0}
.data-page h2 span,.data-page h1 span{display:block}
.data-page .paper h1 span,.data-page .paper h2 span{color:var(--orange-paper)}
.data-page .dark h2 span{color:var(--orange-brand)}
.data-page .paper .kicker{color:var(--small-accent)}
.data-page .dark .kicker{color:var(--orange-brand)}
.md-skip{position:fixed;top:8px;left:16px;z-index:1200;transform:translateY(-160%);padding:14px 18px;background:var(--paper);color:var(--ink);font:800 17px/1.2 'Barlow Condensed',Impact,sans-serif}
.md-skip:focus{transform:none;outline:3px solid var(--orange-brand)}
.md-section{padding:clamp(48px,5.5vw,80px) var(--page-gutter)}
.md-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,6vw,88px);align-items:center;margin-bottom:40px}
.md-intro-copy{font-size:16px;line-height:1.75;max-width:56ch;margin:0}
.md-intro-copy p{margin-bottom:14px}.md-intro-copy p:last-child{margin-bottom:0}
.md-text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font:800 17px/1.35 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;text-underline-offset:5px;text-decoration-thickness:1px;color:var(--ink)}
.md-text-link:hover{color:var(--orange-small)}
.data-page :is(a,button):focus-visible{outline:3px solid var(--orange-brand);outline-offset:5px}

/* The art reaches the right edge; the full image remains under the parallax crop. */
.md-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:4vw;padding-left:var(--page-gutter);align-items:stretch}
.md-hero-copy{padding:clamp(48px,4.8vw,68px) 0;align-self:center;min-width:0}
.data-page .md-hero h1{font-size:clamp(52px,5.5vw,88px);line-height:.98;letter-spacing:-.02em;margin:0 0 22px}
.md-hero-copy>p{max-width:53ch;font-size:16px;line-height:1.75;margin-bottom:22px}
.md-hero-copy>.kicker{font-size:12px;line-height:1.6;margin-bottom:18px}
.md-hero-copy>.md-lead{font-size:19px;font-weight:700;line-height:1.5;margin-bottom:16px}
.md-hero-art{position:relative;min-height:560px;isolation:isolate;box-shadow:-14px 24px 36px -24px #08253280}
.md-hero-art .art-fill{background-image:url('assets/more-than-data-hero.webp');background-position:52% 50%;inset:-64px -5%;height:calc(100% + 128px)}
.md-hero-art::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:1;background:none;mix-blend-mode:normal;box-shadow:inset 0 0 0 1px #08253225,inset 0 0 26px #08253235}

/* The sources and decisions stay as legible HTML around the animated diagram. */
.md-interpretation{background-color:var(--ink);position:relative}
.md-interpretation .md-section-intro{margin-bottom:22px}
.md-network{position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:0;height:380px;align-items:center;isolation:isolate}
.md-network-lines{position:absolute;width:100%;height:100%;inset:0;z-index:0;overflow:visible}
.md-network-orbits{stroke:var(--blue-muted);stroke-opacity:.3;stroke-width:1}
.md-network-paths{stroke:var(--blue-muted);stroke-width:1.5;stroke-opacity:.7}
.md-network-flow{stroke:var(--orange-brand);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 95}
.md-network-flow path{animation:md-signal 7s linear infinite;animation-play-state:paused}
.md-network-flow path:nth-child(2){animation-delay:-2.2s}.md-network-flow path:nth-child(3){animation-delay:-4.8s}
.md-network-flow path:nth-child(n+4){animation-duration:6s}.md-network-flow path:nth-child(5){animation-delay:-1.8s}.md-network-flow path:nth-child(6){animation-delay:-3.6s}
.md-network-dots{fill:var(--orange-brand)}
.md-network-sources,.md-network-actions{list-style:none;padding:0;margin:0;position:relative;z-index:2}
.md-network-sources{display:grid;grid-template-rows:repeat(5,1fr);height:322px;padding-right:10px}
.md-network-sources li{display:flex;align-items:center;max-width:100%;font-size:14px;font-weight:600;line-height:1.4;border-bottom:1px solid #7b98a830;padding:10px 0}
.md-network-sources li:last-child{border-bottom:0}
.md-network-center{position:relative;z-index:2;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:172px;height:172px;border-radius:50%;background:var(--ink);border:1px solid #7b98a8a0;box-shadow:0 12px 28px #0004;text-align:center}
.md-network-center img{width:56px;height:56px;display:block;margin-bottom:8px}
.md-network-center strong{font:800 28px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.03em}
.md-network-center span{font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.09em;margin-top:7px;color:var(--orange-brand)}
.md-network-actions{display:grid;grid-template-rows:repeat(3,1fr);height:300px;padding-left:12px}
.md-network-actions li{display:flex;align-items:center;font:700 clamp(23px,2.25vw,32px)/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;padding:12px 0 12px 12px;border-bottom:1px solid #7b98a830}
.md-network-actions li:last-child{border-bottom:0}
.md-thinking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #7b98a860;padding-top:24px;margin-top:6px}
.md-thinking p{font:700 24px/1.2 'Barlow Condensed',Impact,sans-serif;margin:0}
.md-thinking span{font:700 11px/1.6 Inter,Arial,sans-serif;color:var(--orange-brand);margin-right:10px;vertical-align:middle}
.md-network.is-visible .md-network-flow path{animation-play-state:running}
@keyframes md-signal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* Five questions replace a wall of generic capability cards. */
.md-question-list{border-top:2px solid var(--ink)}
.md-question-list article{display:grid;grid-template-columns:40px minmax(0,.85fr) minmax(0,1fr);gap:26px;align-items:center;padding:26px 0;border-bottom:1px solid #08253240}
.md-question-number{font:700 12px/1.5 Inter,Arial,sans-serif;color:var(--small-accent);align-self:start;padding-top:3px}
.md-question-list .kicker{font-size:10px;letter-spacing:.08em;line-height:1.5;margin-bottom:8px}
.md-question-list h3{font-size:clamp(28px,2.8vw,38px);line-height:1.08;letter-spacing:-.005em;margin:0}
.md-question-list article>p{font-size:16px;line-height:1.7;margin:0;max-width:58ch}

/* Layered source panels add depth and separate the toolbox from the questions. */
.md-toolbox{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start;background-color:#e7ddca;border-block:1px solid #08253225}
.md-toolbox-copy h2{font-size:clamp(42px,4vw,60px);margin-bottom:24px}
.md-toolbox-copy>p:not(.kicker){font-size:16px;line-height:1.75;max-width:46ch}
.md-source-wall{display:grid;gap:0;background:var(--paper);padding:12px 28px 0;box-shadow:12px 16px 0 #08253212,0 22px 28px -22px #08253255}
.md-tool-group{padding:22px 0;border-bottom:1px solid #08253235}
.md-tool-label{display:flex;gap:14px;align-items:center;margin-bottom:8px}
.md-tool-label>span{font:700 11px/1.6 Inter,Arial,sans-serif;color:var(--small-accent)}
.md-tool-label h3{font-size:27px;line-height:1.1;letter-spacing:.005em;margin:0}
.md-tool-group>p{font-size:14px;line-height:1.6;max-width:50ch;margin-bottom:16px}
.md-tool-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.md-tool-tags li{display:inline-flex;align-items:center;min-height:32px;border:1px solid #08253255;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.4;max-width:100%}
.md-source-foundation{font-size:13px;line-height:1.65;margin:0;padding:20px 0 24px}
.md-source-foundation strong{display:block;margin-bottom:4px}

/* The examples are readable without JavaScript; enhancement adds keyboard tabs. */
.md-case-tabs[hidden],.md-case-panel[hidden]{display:none!important}
.md-case-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.md-case-tabs button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font:700 23px/1.15 'Barlow Condensed',Impact,sans-serif;text-align:left;transition:background-color .2s,color .2s}
.md-case-tabs button span{font-size:24px;flex:none;color:var(--small-accent)}
.md-case-tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.md-case-tabs button[aria-selected="true"] span{color:var(--orange-brand)}
.md-case-tabs button:hover{background:#08253212}.md-case-tabs button[aria-selected="true"]:hover{background:var(--ink)}
.md-case-panel{padding:clamp(24px,3vw,40px);border:1px solid #08253250;border-top:4px solid var(--orange-brand);background:#fffaf0;box-shadow:0 20px 26px -24px #08253280}
.md-case-panel+.md-case-panel:not([hidden]){margin-top:24px}
.md-case-switcher.is-enhanced .md-case-panel{margin-top:0;animation:md-case-in .25s ease both}
.md-case-panel h3{font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.005em;margin:0 0 28px;max-width:34ch}
.md-case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px)}
.md-case-steps>div+div{border-left:1px solid #08253235;padding-left:clamp(20px,3vw,42px)}
.md-step-label{font:800 17px/1.35 'Barlow Condensed',Impact,sans-serif;margin:0 0 12px;letter-spacing:.04em}
.md-step-label span{display:block;color:var(--small-accent);font:700 11px/1.6 Inter,Arial,sans-serif;margin-bottom:8px}
.md-case-steps p:not(.md-step-label){font-size:15px;line-height:1.7;margin:0}
@keyframes md-case-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.md-delivery{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,88px);align-items:center;background-color:var(--ink)}
.md-delivery-copy h2{margin-bottom:24px;font-size:clamp(42px,4.4vw,64px)}
.md-delivery-copy>p:not(.kicker){font-size:16px;line-height:1.75;max-width:54ch}
.md-delivery-copy .btn{margin-top:4px}
.md-proof{padding:32px;border:1px solid #7b98a850;box-shadow:0 20px 30px -22px #0008;background:var(--ink)}
.md-proof .kicker{font-size:10px;letter-spacing:.09em;margin-bottom:14px}
.md-proof-number{display:block;color:var(--orange-brand);font:900 clamp(76px,9vw,126px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em;margin-bottom:18px}
.md-proof h3{font-size:29px;line-height:1.1;letter-spacing:.01em;margin:0 0 18px;max-width:19ch}
.md-proof p:not(.kicker){font-size:15px;line-height:1.65;margin-bottom:14px}
.md-proof .md-proof-note{font-size:12px!important;line-height:1.5;color:var(--paper)}
.md-proof .md-text-link{color:var(--paper);margin-top:2px}.md-proof .md-text-link:hover{color:var(--orange-brand)}
.data-page .md-contact{padding:clamp(44px,5vw,64px) var(--page-gutter);gap:clamp(32px,5vw,76px);align-items:flex-start}
.data-page .md-contact h2{font-size:clamp(44px,4.4vw,66px);line-height:1.05;margin-bottom:20px}
.data-page .md-contact>div>p:not(.kicker){max-width:43ch;font-size:17px;line-height:1.7;margin-bottom:0}
.data-page .contact-form label{font-size:12px;line-height:1.6}.data-page .contact-form .contact-email{font-size:14px}

@media(max-width:1100px){
 .md-network-center{width:152px;height:152px}.md-network-center img{width:48px;height:48px}
 .md-network-actions li{font-size:26px}.md-network-sources li{font-size:13px}
 .md-question-list article{grid-template-columns:30px minmax(0,.9fr) minmax(0,1fr);gap:20px}
 .md-delivery{gap:36px}.md-proof{padding:28px}
}
@media(max-width:900px){
 .md-hero{grid-template-columns:1fr;gap:0;padding:0}.md-hero-copy{padding:48px var(--page-gutter) 40px}
 .data-page .md-hero h1{font-size:clamp(52px,8vw,72px);max-width:15ch}
 .md-hero-copy>p{max-width:64ch}.md-hero-art{min-height:0;height:clamp(300px,49vw,440px)}
 .md-section-intro{grid-template-columns:1fr;gap:22px;align-items:start;margin-bottom:30px}
 .md-intro-copy{max-width:70ch}.data-page h2{font-size:clamp(42px,6vw,58px)}
 .md-toolbox{grid-template-columns:1fr;gap:30px}.md-toolbox-copy>p:not(.kicker){max-width:68ch}.md-toolbox-copy h2{max-width:19ch}
 .md-toolbox-copy h2 span{display:inline}.md-toolbox-copy h2 span::before{content:' '}
 .md-source-wall{padding-inline:28px}
 .md-delivery{grid-template-columns:1fr;gap:32px}.md-delivery-copy>p:not(.kicker){max-width:66ch}
 .md-proof{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:8px 30px;align-items:center}
 .md-proof .kicker{grid-column:1/-1;margin:0 0 10px}.md-proof-number{grid-row:2/5;margin:0;font-size:104px}
 .md-proof h3{margin:0;font-size:29px;max-width:26ch}.md-proof p:not(.kicker){margin:0}.md-proof .md-text-link{grid-column:2}
 .md-case-tabs button{font-size:21px;padding-inline:16px}
}
@media(max-width:680px){
 .md-section{padding-block:44px}.data-page h2{font-size:clamp(38px,9.5vw,52px)}
 .md-network{height:auto;grid-template-columns:1fr;gap:26px;margin-top:32px}
 .md-network-lines{display:none}
 .md-network-sources{height:auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
 .md-network-sources li{font-size:12px;line-height:1.4;padding:9px 12px;border:1px solid #7b98a860;background:var(--ink);max-width:100%}
 .md-network-center{width:164px;height:164px;margin-block:12px}
 .md-network-center::before,.md-network-center::after{content:'';position:absolute;left:50%;width:1px;height:35px;background:var(--orange-brand)}
 .md-network-center::before{top:-36px}.md-network-center::after{bottom:-36px}
 .md-network-actions{height:auto;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
 .md-network-actions li{padding:12px 16px;min-height:50px;font-size:24px;line-height:1.12;text-align:center;justify-content:center;background:#7b98a812;border:1px solid #7b98a860}
 .md-thinking{gap:16px;margin-top:28px;padding-top:20px}.md-thinking p{font-size:21px;line-height:1.25}.md-thinking span{display:block;margin:0 0 7px}
 .md-question-list article{grid-template-columns:28px minmax(0,1fr);gap:14px;padding:24px 0}
 .md-question-number{grid-row:1/3}.md-question-list article>p{grid-column:2}.md-question-list h3{font-size:32px}
 .md-question-list h3 br{display:none}
 .md-case-tabs button{font-size:19px;line-height:1.2;min-height:62px;padding:12px 10px;gap:5px}
 .md-case-tabs button span{font-size:19px}
 .md-case-steps{grid-template-columns:1fr;gap:20px}
 .md-case-steps>div+div{padding:20px 0 0;border-left:0;border-top:1px solid #08253235}
 .md-step-label span{display:inline;margin:0 10px 0 0}.md-step-label{margin-bottom:10px}
 .md-case-panel h3{font-size:31px;margin-bottom:24px}.md-case-panel{padding:24px}
 .md-proof{grid-template-columns:1fr;gap:16px;padding:28px}
 .md-proof .kicker,.md-proof-number,.md-proof .md-text-link{grid-column:auto;grid-row:auto}
 .md-proof-number{font-size:clamp(82px,24vw,102px)}.md-proof h3{max-width:23ch}
 .data-page .md-contact h2{font-size:clamp(40px,10.6vw,56px)}
}
@media(max-width:420px){
 .data-page .md-hero h1{font-size:clamp(43px,12.7vw,53px)}
 .md-hero-copy>.md-lead{font-size:18px}.md-hero-copy>.md-lead br{display:none}
 .md-network-actions{gap:6px}.md-network-actions li{font-size:22px;padding-inline:12px}
 .md-thinking{gap:12px}.md-thinking p{font-size:20px}
 .md-source-wall{padding-inline:20px;box-shadow:7px 10px 0 #08253212,0 20px 24px -22px #08253255}
 .md-tool-label{gap:10px}.md-tool-label h3{font-size:25px}
 .md-case-tabs button span{display:none}.md-case-tabs button{font-size:19px;justify-content:center;text-align:center}
 .md-case-panel{padding:22px 20px}.md-case-panel h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
 .md-network-flow{display:none}.md-case-switcher.is-enhanced .md-case-panel{animation:none}
 .md-case-tabs button{transition:none}.md-hero-art .art-fill{transform:none;will-change:auto}
}