/* Existing CB imagery; flow overlays explain resource distribution, not pipe design. */
.deployment-lab.national-infrastructure{display:block;scroll-margin-top:140px}
.national-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:7%;margin-bottom:34px}
.national-heading h2{font-size:clamp(38px,4.5vw,66px)}
.national-heading .section-lead{margin:0;max-width:520px;font-size:clamp(20px,2vw,27px);line-height:1.45}
.national-story{min-width:0;--cycle:8.5s}
.national-slides{display:grid}
.national-slide{grid-area:1/1;min-width:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s,visibility .65s}
.national-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto}
.national-picture{position:relative;background:var(--blue);overflow:hidden;border:1px solid var(--line)}
.national-picture img{display:block;width:100%;height:auto;aspect-ratio:1586/992}
.national-picture:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(0,46,98,.2)}
.national-picture svg{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;filter:drop-shadow(0 0 5px var(--blue))}
.national-route{stroke:var(--light);stroke-width:6;stroke-linecap:round;stroke-dasharray:14 30;animation:national-flow 2s linear infinite}
.national-route.power{stroke:var(--white);stroke-dasharray:6 20;animation-duration:1.25s}
.national-route.heat{stroke-width:3;stroke-dasharray:10 18;animation-duration:2.7s}
.national-orbit{stroke:var(--light);stroke-width:4;stroke-dasharray:16 24;animation:national-flow 3s linear infinite;opacity:.8}
.national-node{fill:var(--white);stroke:var(--blue);stroke-width:3}
.national-ripple{stroke:var(--light);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:national-ripple 3.6s ease-out infinite}
.national-ripple:nth-child(3n){animation-delay:-1.2s}.national-ripple:nth-child(3n+1){animation-delay:-2.4s}
.national-slide figcaption{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;padding:26px 0 22px}
.national-slide h3{font-size:clamp(28px,2.8vw,42px);line-height:1.12;letter-spacing:-.025em}
.national-slide figcaption p{font-size:19px;line-height:1.55;color:var(--light);margin:0;max-width:580px}
.national-slide .eyebrow{margin-bottom:12px;font-size:10px}
.national-controls{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 0}
.national-controls[hidden]{display:none}
.national-steps{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.national-controls button{min-height:48px;min-width:44px;background:transparent;border:1px solid var(--line);color:var(--light);font:14px Calibri,sans-serif;padding:10px 12px;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}
.national-controls button[aria-pressed=true],.national-controls button:hover{border-color:var(--light);color:var(--white)}
.national-controls button:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.national-controls button:disabled{opacity:.65;cursor:default}
.national-playback{display:flex;gap:8px}
.national-proof{display:flex;justify-content:space-between;gap:28px;align-items:start;border-top:1px solid var(--line);padding-block:22px;margin-bottom:20px}
.national-proof .copy-details{margin:0;max-width:660px}.national-proof>p{margin:0;font-size:17px;color:var(--light);line-height:1.5}
.national-scale{border-top:1px solid var(--line);padding-top:24px}
.national-scale>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;min-height:48px;align-items:center;font-size:17px;list-style:none}
.national-scale>summary::-webkit-details-marker{display:none}
.national-scale[open]>summary span{transform:rotate(45deg)}
.deployment-scale{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;margin-top:25px}
.national-story[data-running=false] *,.national-slide[data-active=false] *{animation-play-state:paused!important}
@keyframes national-flow{to{stroke-dashoffset:-176}}
@keyframes national-ripple{0%{transform:scale(.65);opacity:0}25%{opacity:1}100%{transform:scale(2.3);opacity:0}}
@media(min-width:1001px){.national-slides{max-width:1180px;margin-inline:auto}.national-picture{max-height:580px;aspect-ratio:1586/992;max-width:928px;margin-inline:auto}}
@media(max-width:1000px){.national-heading{grid-template-columns:1fr;gap:24px}.national-heading .section-lead{max-width:740px}.national-slide figcaption{gap:25px}.national-controls{display:block}.national-playback{margin-top:12px}.national-proof{flex-direction:column;gap:20px}}
@media(max-width:700px){.national-infrastructure{scroll-margin-top:120px}.national-slide figcaption{grid-template-columns:1fr;gap:14px;padding-top:22px}.national-slide figcaption p{font-size:17px}.national-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.national-controls button{font-size:15px}.deployment-scale{grid-template-columns:1fr;gap:24px}.national-heading .section-lead{font-size:20px}.national-picture{margin-inline:-24px;border-inline:0}}
@media(prefers-reduced-motion:reduce){.national-story *{animation:none!important;transition:none!important}.national-ripple{opacity:.75}}
