/* Native scrolling. All content is readable before JavaScript or with motion off. */
.story-page .site-header{position:relative}
.story-nav{position:sticky;top:0;z-index:25;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.story-nav>.container{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:15px}
.story-nav-name{font-size:18px;font-weight:700;letter-spacing:-.6px}.story-nav-name span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:9px}
.story-nav-actions{display:flex;align-items:center;gap:22px;font-size:12px}.story-nav-actions>a{background:var(--blue-dark);color:white;padding:9px 18px;border-radius:25px}.motion-toggle{border:0;background:none;color:var(--muted);font-size:11px;padding:10px 0}.motion-toggle[hidden]{display:none}
.story-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--blue);transform:scaleX(var(--reading,0));transform-origin:left}
.story-page main{overflow:clip}.story-page section[id]{scroll-margin-top:76px}
.story-opening{padding:80px 0 45px;background:var(--wash)}
.story-heading{position:relative;z-index:1;text-align:center}.story-heading .eyebrow{justify-content:center;font-size:11px;margin-bottom:24px}.story-heading .eyebrow::before{display:none}
.story-heading h1,.story-heading h2{font-size:clamp(45px,5.8vw,80px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0}.story-heading em{color:var(--blue-dark);font-style:normal}
.story-lead{color:var(--muted);font-size:19px;line-height:1.6;margin:26px auto 20px;max-width:590px}.story-scroll{color:var(--blue-dark)}
.story-hero-art,.story-support-art{margin:35px auto 0;max-width:1100px;transform-origin:center}.story-hero-art img,.story-support-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.story-hero-art img{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.motion-enabled [data-drift]{transform:translateY(var(--drift,0px)) scale(var(--zoom,1))}
.burden-chapter{background:#dae6ee;padding:85px 0 60px}.burden-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1050px;margin:45px auto 0}.burden-objects{position:relative;height:370px;isolation:isolate}
.timepiece{position:absolute;width:235px;height:235px;left:50%;top:50%;margin:-117px 0 0 -117px;border:19px solid #50799b;border-radius:50%;background:linear-gradient(135deg,#fff,#dce6ed);box-shadow:inset 3px 4px 8px #31495a44,12px 20px 0 #345773,18px 27px 28px #34577330;transform:rotate(-10deg)}
.clock-shadow{position:absolute;width:230px;height:30px;border-radius:50%;background:#34577326;filter:blur(12px);top:87%;left:25%}.clock-hand{position:absolute;width:6px;background:#223e54;left:calc(50% - 3px);bottom:50%;transform-origin:50% 100%;border-radius:5px}.clock-hand.hour{height:53px;transform:rotate(-55deg)}.clock-hand.minute{height:76px;transform:rotate(60deg)}.motion-enabled .clock-hand.minute{transform:rotate(var(--spin,60deg))}.clock-pin{width:17px;height:17px;border-radius:50%;background:#223e54;position:absolute;left:calc(50% - 8.5px);top:calc(50% - 8.5px)}
.clock-tick{position:absolute;background:#50799b;width:4px;height:13px;left:calc(50% - 2px)}.tick-12{top:12px}.tick-6{bottom:12px}.tick-3{top:calc(50% - 7px);left:auto;right:16px;transform:rotate(90deg)}.tick-9{top:calc(50% - 7px);left:16px;transform:rotate(90deg)}
.cost-object{position:absolute;width:102px;height:112px;border-radius:17px;background:#fff;color:var(--blue-dark);box-shadow:0 15px 30px #34577324;border:1px solid #fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.cost-object svg{width:54px;height:54px}.cost-object span{font-size:12px;font-weight:600}.object-people{left:4%;top:4%;transform:rotate(-12deg)}.object-tools{right:0;top:15%;transform:rotate(10deg)}.object-followup{left:10%;bottom:0;transform:rotate(-5deg)}
.motion-enabled .object-people{transform:translate(var(--people-x,0px),var(--people-y,0px)) rotate(-12deg)}.motion-enabled .object-tools{transform:translate(var(--tools-x,0px),var(--tools-y,0px)) rotate(10deg)}.motion-enabled .object-followup{transform:translateY(var(--follow-y,0px)) rotate(-5deg)}
.burden-copy article+article{margin-top:35px}.chapter-count{font:11px 'Courier New',monospace;letter-spacing:1.5px;color:var(--blue-dark);margin:0 0 20px}.burden-copy h3{font-size:clamp(28px,3.2vw,43px);font-weight:600;letter-spacing:-1.5px;line-height:1.08;margin:0 0 22px}.burden-copy article>p:last-child{font-size:16px;line-height:1.8;color:#4c6476;margin:0}.burden-end{text-align:center;color:var(--blue-dark);font-size:14px;margin:50px 0 0}
.story-resolution{padding:105px 0 90px;color:#fff;background:var(--ink)}.story-resolution .eyebrow,.story-resolution em{color:#a9c6dc}.story-support-art{margin-top:-60px}.story-support-art img{mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 85%,transparent 100%)}
.support-principles{display:flex;justify-content:center;gap:65px;margin-top:15px}.support-principles p{font-size:26px;color:#bac5ce;letter-spacing:-.7px;margin:0}.support-principles strong{color:white;font-weight:500}
.coverage-chapter{padding:100px 0 90px;background:#fff}.support-map{position:relative;width:min(100%,900px);height:500px;margin:35px auto 20px}.map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9eb6c9;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}.motion-enabled .map-lines{stroke-dashoffset:var(--line-progress,1)}
.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--blue-dark);color:white;width:164px;height:164px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 18px #eff4f7,0 0 0 19px #dce3e8}.map-center>span{font-size:49px;letter-spacing:-3px}.map-center small{font-size:11px;margin-top:5px}
.map-node{position:absolute;text-align:center;background:#fff;padding:10px 15px;width:240px}.node-devices{left:0;top:0}.node-accounts{right:0;top:0}.node-systems{left:0;bottom:0}.node-vendors{right:0;bottom:0}.node-symbol{font-size:45px;color:var(--blue);line-height:1.2}.map-node h3{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:10px 0}.map-node p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.coverage-note{text-align:center;color:var(--muted);font-size:17px;line-height:1.7;margin:25px 0 0}
.story-start{padding:100px 0 60px;background:var(--wash)}.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;max-width:1020px;margin:65px auto 55px;padding:0}.start-steps>li{border-top:1px solid #bfced9;padding-top:25px}.start-steps span{font-size:32px;color:var(--blue);letter-spacing:-2px}.start-steps h3{font-size:19px;letter-spacing:-.5px;margin:20px 0 10px;font-weight:600}.start-steps p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}
.story-enquiry{text-align:center}.story-page .button{border-radius:28px;padding-inline:26px}.story-small{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}.story-small a{text-decoration:underline;text-underline-offset:3px}
.story-scope{max-width:1020px;margin:60px auto 0;border-top:1px solid #bfced9;padding-top:20px}.story-scope summary{cursor:pointer;font-size:14px;padding:6px 0}.story-scope>div{max-width:780px;color:var(--muted);font-size:14px;line-height:1.8}.story-scope .text-link{color:var(--blue-dark)}
@media(min-width:850px) and (min-height:700px){
 .motion-enabled .burden-chapter{height:280svh;padding:0}.motion-enabled .burden-stage{position:sticky;top:58px;height:calc(100svh - 58px);display:flex;align-items:center}.motion-enabled .burden-stage h2{font-size:clamp(44px,4.4vw,64px)}.motion-enabled .burden-stage .eyebrow{margin-bottom:16px}.motion-enabled .burden-scenes{position:relative;height:370px;margin-top:24px}.motion-enabled .burden-step{position:absolute;inset:0;margin:0;opacity:var(--step-opacity,0);transform:translateY(var(--step-y,25px))}.motion-enabled .burden-end{margin-top:24px}
}
@media(max-width:849px){
 .story-opening{padding-top:50px}.story-heading h1,.story-heading h2{font-size:clamp(35px,6.8vw,57px)}.story-lead{font-size:17px}.burden-chapter{padding:60px 0}.burden-scene{gap:25px;grid-template-columns:1fr;max-width:550px;margin-top:30px}.burden-objects{width:min(100%,430px);margin:auto}.burden-copy{display:grid;gap:32px}.burden-copy article{padding-top:24px;border-top:1px solid #b0c5d5}.burden-copy article+article{margin-top:0}.burden-copy h3{font-size:33px}.burden-copy h3 br{display:none}.burden-copy article>p:last-child{font-size:15px}.chapter-count{margin-bottom:15px}.burden-end{margin-top:35px}.story-resolution,.coverage-chapter,.story-start{padding-top:65px;padding-bottom:55px}.story-support-art{margin-top:-15px}.support-principles{gap:25px}.support-principles p{font-size:20px}.map-node{width:190px}.map-node h3{font-size:16px}.map-node p{font-size:12px}.map-center{width:140px;height:140px}.start-steps{gap:20px;margin-top:40px}.start-steps h3{font-size:17px}
}
@media(max-width:550px){
 .story-nav-name{font-size:16px}.story-nav-name span{font-size:11px;margin-left:6px}.story-nav-actions{gap:13px}.story-nav-actions>a{padding:9px 14px}.motion-toggle{font-size:10px}.story-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:22px}.story-heading h1,.story-heading h2{font-size:clamp(29px,7.8vw,43px)}.story-lead{font-size:16px}.story-hero-art{margin-top:25px}.burden-objects{height:310px;transform:scale(.9)}.cost-object{width:84px;height:96px}.cost-object svg{width:44px;height:44px}.cost-object span{font-size:11px}.timepiece{width:200px;height:200px;margin:-100px 0 0 -100px;border-width:16px}.clock-hand.minute{height:63px}.clock-hand.hour{height:44px}.burden-copy h3{font-size:28px}.burden-end{font-size:13px}.support-principles{flex-direction:column;gap:13px;text-align:center;margin-top:20px}.support-principles p{font-size:26px}.story-support-art{margin-top:0}.support-map{height:450px;margin-top:30px}.map-node{width:145px;padding:8px 3px}.map-node h3{font-size:14px;letter-spacing:-.3px;margin:7px 0}.map-node p{font-size:11px}.node-symbol{font-size:33px}.map-center{width:112px;height:112px;box-shadow:0 0 0 10px #eff4f7,0 0 0 11px #dce3e8}.map-center>span{font-size:36px}.map-center small{font-size:9px}.coverage-note{font-size:15px}.start-steps{grid-template-columns:1fr;gap:25px;margin:35px 0}.start-steps>li{padding-top:22px;display:grid;grid-template-columns:48px 1fr;gap:0 15px}.start-steps span{grid-row:1/3;font-size:28px}.start-steps h3{margin:0 0 8px}.start-steps p{font-size:13px}.story-small{max-width:270px;margin-inline:auto}.story-scope{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.story-progress{display:none}.motion-enabled [data-drift],.motion-enabled .cost-object{transform:none}}
@media print{.story-nav{display:none}.story-page .burden-chapter{height:auto!important;padding:40px 0!important}.story-page .burden-stage{position:static!important;height:auto!important}.story-page .burden-copy{height:auto!important}.story-page .burden-copy article{position:static!important;opacity:1!important;transform:none!important;margin-bottom:25px!important}}

/* Each cost has its own illustration, in every responsive and motion mode. */
.burden-scenes{max-width:1050px;margin:45px auto 0}
.burden-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:45px 0 70px}
.burden-step:last-child{margin-bottom:0}
.burden-copy{display:block}
.burden-description{font-size:16px;line-height:1.8;color:#4c6476;margin:0}
.step-art{position:relative;height:370px;isolation:isolate;perspective:850px}
.art-plinth{position:absolute;bottom:37px;left:4%;width:92%;height:45px;border-radius:50%;background:#50799b24;filter:blur(15px);z-index:-1}
.art-label{position:absolute;bottom:0;width:100%;text-align:center;font:10px 'Courier New',monospace;letter-spacing:1.7px;color:#355d7d}
.profile-card{position:absolute;width:150px;height:207px;top:62px;border-radius:15px;background:linear-gradient(135deg,#fff,#e7eff5);border:1px solid #fff;box-shadow:7px 12px 0 #b9cbd8,12px 24px 30px #34577326;padding:24px 22px;transform-origin:center bottom}
.profile-back{left:7%;transform:rotate(-17deg) translateY(8px)}.profile-middle{right:7%;transform:rotate(17deg) translateY(8px)}.profile-front{left:calc(50% - 75px);top:42px;transform:rotate(-2deg);background:#fff}
.profile-avatar{display:block;position:relative;width:74px;height:74px;border-radius:50%;background:#dce8f0;margin:0 auto 24px;overflow:hidden}
.profile-avatar::before{content:'';position:absolute;width:27px;height:30px;left:24px;top:12px;border-radius:50%;background:#50799b}
.profile-avatar::after{content:'';position:absolute;width:62px;height:42px;left:6px;top:43px;border-radius:50% 50% 0 0;background:#50799b}
.profile-card>i{display:block;height:5px;border-radius:4px;background:#a6bdce;margin-top:11px}.profile-card>i:last-of-type{width:68%}
.profile-check{position:absolute;bottom:-18px;right:-18px;width:48px;height:48px;border-radius:50%;background:#355d7d;color:white;border:5px solid #dae6ee;display:grid;place-items:center;font-size:23px}
.laptop-object{position:absolute;width:290px;left:calc(50% - 145px);top:76px;transform:rotate(-6deg);z-index:1}
.laptop-screen{height:184px;background:#eaf1f6;border:12px solid #355d7d;border-bottom-width:18px;border-radius:12px 12px 6px 6px;box-shadow:5px 5px 0 #6f94b0;overflow:hidden}
.screen-top{height:23px;background:#d1dfe9;display:flex;gap:5px;padding:8px}.screen-top i{width:5px;height:5px;background:#7b9bb3;border-radius:50%}
.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:19px 28px}.screen-grid span{height:35px;border-radius:5px;background:#abc3d5}.screen-grid span:nth-child(2){background:#50799b}.screen-grid span:nth-child(3){background:#8aaac2}
.laptop-base{height:20px;width:335px;margin-left:-23px;background:linear-gradient(#eef4f8,#9cb4c6);border-radius:2px 2px 18px 18px;box-shadow:0 7px 0 #6d8ca3}
.software-tile{position:absolute;width:78px;height:84px;border-radius:18px;background:#fff;color:#50799b;display:grid;place-items:center;box-shadow:7px 10px 0 #b8cdda,10px 16px 20px #34577320;font-size:36px}.tile-one{left:6%;top:15px;transform:rotate(-13deg)}.tile-two{right:5%;top:35px;transform:rotate(14deg)}
.tool-router{position:absolute;right:8%;bottom:49px;width:130px;height:44px;background:linear-gradient(#fff,#d1dfe9);border-radius:7px;box-shadow:5px 7px 0 #93adc1;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-6deg)}.tool-router i{width:17px;height:14px;border:3px solid #355d7d;background:#152f44}
.motion-enabled .profile-back{transform:rotate(-17deg) translateY(var(--people-y,8px))}.motion-enabled .profile-middle{transform:rotate(17deg) translateY(var(--tools-y,8px))}.motion-enabled .tile-one{transform:translateY(var(--people-y,0px)) rotate(-13deg)}.motion-enabled .tile-two{transform:translateY(var(--tools-y,0px)) rotate(14deg)}
@media(max-width:849px){
 .burden-scenes{max-width:600px;margin-top:25px}.burden-step{grid-template-columns:1fr;gap:35px;margin:0 0 70px}.burden-step+.burden-step{padding-top:38px;border-top:1px solid #b0c5d5}.burden-step .step-art,.burden-step .burden-objects{width:min(100%,430px);margin:auto}.burden-copy{text-align:center}.burden-description{font-size:15px}.burden-copy h3 br{display:initial}
}
@media(max-width:550px){.step-art{height:310px;transform:scale(.9)}.profile-card{width:125px;height:183px;padding:18px;top:48px}.profile-front{left:calc(50% - 62.5px);top:26px}.profile-avatar{width:70px;height:70px;margin-bottom:18px}.profile-back{left:0}.profile-middle{right:0}.laptop-object{width:235px;left:calc(50% - 117.5px);top:64px}.laptop-screen{height:158px;border-width:10px;border-bottom-width:15px}.laptop-base{width:273px;margin-left:-19px}.screen-grid{padding:13px 19px;gap:9px}.screen-grid span{height:28px}.software-tile{width:62px;height:66px;font-size:28px}.tile-one{left:0;top:7px}.tile-two{right:0;top:23px}.tool-router{width:110px;bottom:44px;right:3%}.art-label{font-size:9px}.burden-step{gap:20px;margin-bottom:50px}.burden-copy h3{font-size:28px}.burden-description br{display:none}}
@media print{.story-page .burden-scenes{height:auto!important}.story-page .burden-step{position:static!important;opacity:1!important;transform:none!important;margin:30px 0!important;break-inside:avoid}}