/* Integrated photographic facilities. Approved page structure and typography retained. */
.hero-art{inset:0 0 0 37%;display:flex;align-items:center}
.hero-scene{display:block;width:100%;height:100%;overflow:hidden}
.hero-shade{background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 31%,rgba(0,46,98,.96) 36%,rgba(0,46,98,.5) 43%,transparent 53%),linear-gradient(0deg,var(--blue),transparent 13%)}
.hero-pipes{fill:none;stroke-linejoin:round;stroke-linecap:round}
.hero-gas-glow{stroke:var(--light);stroke-width:16;opacity:.7;filter:url(#hero-flow-glow)}
.hero-gas-track{stroke:var(--blue);stroke-width:7;opacity:.7}
.hero-gas-flow{stroke:var(--light);stroke-width:4;stroke-dasharray:22 80;animation:hero-gas 2.5s linear infinite}
.hero-electricity{fill:none;stroke:var(--white);stroke-width:2;stroke-dasharray:7 14;opacity:.8;animation:hero-electricity 2s linear infinite}
.hero-data{fill:none;stroke:var(--blue);stroke-width:2}
.hero-data-path{stroke-dasharray:4 10;opacity:.55}
.hero-cloud{fill:rgba(255,255,255,.25);stroke-width:2.2}
.hero-binary text{font:600 22px var(--font);fill:var(--blue);stroke:none;animation:hero-binary 3s linear infinite;animation-delay:var(--delay);opacity:0}
.hero-furnace{fill:var(--white);mix-blend-mode:soft-light;opacity:.25;animation:hero-furnace 4s ease-in-out infinite}
.hero-art[data-running="false"] *{animation-play-state:paused!important}
.capability-strip .capability-divider{width:1px;height:20px;background:var(--line);flex-shrink:0}
.panel-top>span:only-child{font-size:inherit}
.advantage-grid article:before{content:none}
.sovereign-art{left:0}
.sovereign-art .sovereign-landscape{object-position:66% center;opacity:.95}
@keyframes hero-gas{to{stroke-dashoffset:-102}}
@keyframes hero-electricity{to{stroke-dashoffset:-63}}
@keyframes hero-binary{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}80%{opacity:.8}100%{opacity:0;transform:translateY(-135px)}}
@keyframes hero-furnace{50%{opacity:.55}}
html[data-motion="off"] .hero-art *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:701px){
 .hero-content{padding-top:62px;padding-bottom:95px}
 .hero h1{font-size:clamp(65px,8vw,88px);max-width:51%}
 .hero-description{max-width:38%;font-size:16px}
 .hero .hero-values{max-width:44%;font-size:23px}
 .hero-values+.hero-lead{max-width:40%;font-size:22px}
 .hero-actions{max-width:42%;gap:18px}
 .hero-copy{max-width:36%}
 .hero-art{left:37%;right:0}
 .hero-shade{background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 31%,rgba(0,46,98,.85) 40%,transparent 53%),linear-gradient(0deg,var(--blue),transparent 15%)}
}
@media(max-width:700px){
 .hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;order:1;z-index:0;margin:0}
 .hero-scene{width:100%;height:auto;aspect-ratio:1}
 .hero-shade{display:none}
 .hero-bottom{position:relative;order:2;inset:auto;padding-top:8px;padding-bottom:16px;background:var(--blue)}
 .hero-content{padding-bottom:38px}
 .sovereign-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1672/941;order:1;z-index:0}
 .sovereign-art .sovereign-landscape{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}
 .sovereign-shade{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-art *{animation:none!important}.hero-binary text{opacity:1}.hero-gas-flow{stroke-dasharray:16 14}}

/* Wide overview: copy and uncropped campus share one continuous composition. */
#overview{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.8fr);column-gap:24px;row-gap:28px;align-items:center;max-width:1800px;margin-inline:auto;padding:48px clamp(24px,4.7vw,82px) 24px;min-height:0;overflow:visible;direction:ltr}
#overview .hero-content{grid-area:1/1;min-width:0;width:100%;max-width:none;margin:0;padding:0;z-index:1}
#overview .hero-content h1{font-size:clamp(46px,4.5vw,68px);line-height:1;max-width:100%}
#overview .eyebrow{margin-bottom:20px}
#overview .hero-values{max-width:100%;font-size:22px;margin-top:22px}
#overview .hero-lead{max-width:100%;font-size:21px;line-height:1.35;margin-top:14px}
#overview .hero-description{max-width:100%;font-size:17px;line-height:1.5;margin-top:18px}
#overview .hero-copy{max-width:100%;margin-top:12px}
#overview .hero-actions{max-width:100%;gap:18px 24px;margin-top:24px}
#overview .hero-art{grid-area:1/2;position:relative;inset:auto;width:calc(100% + 24px);max-width:none;height:auto;aspect-ratio:16/9;margin:0 0 0 -24px;justify-self:stretch;z-index:0;border:0;isolation:isolate}
#overview .hero-art::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,var(--blue),transparent 9%,transparent 98%,var(--blue)),linear-gradient(0deg,var(--blue),transparent 8%,transparent 97%,var(--blue))}
#overview .hero-scene{width:100%;height:auto;aspect-ratio:16/9;overflow:visible}
#overview .hero-shade{display:none}
#overview .hero-bottom{grid-area:2/1/3/3;position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line)}
#overview .hero-data-path{stroke:var(--blue);stroke-width:2;stroke-dasharray:3 13;opacity:.2}
#overview .hero-cloud{fill:rgba(218,238,255,.72);stroke:var(--blue);stroke-width:3.5}
#overview .hero-binary text{font-family:Calibri,Arial,sans-serif;font-size:37px;font-weight:700;text-anchor:middle;fill:var(--blue);stroke:#d6edff;stroke-width:1.5px;paint-order:stroke fill;animation:overview-binary 4.5s linear infinite;animation-delay:var(--delay);opacity:.9;will-change:transform,opacity}
#overview .hero-gas-flow{stroke:#d7efff;stroke-width:5;stroke-dasharray:22 55}
@keyframes overview-binary{0%{opacity:0;transform:translateY(0)}12%,82%{opacity:.95}100%{opacity:0;transform:translateY(-178px)}}
@media(max-width:1000px){
 #overview{grid-template-columns:minmax(0,1fr);padding-top:40px;row-gap:28px}
 #overview .hero-content h1{font-size:clamp(46px,8vw,64px)}
 #overview .hero-art{grid-area:2/1;width:calc(100% + 32px);margin:0 -16px;max-width:none;justify-self:center}
 #overview .hero-bottom{grid-area:3/1}
 #overview .hero-values{font-size:clamp(19px,4.5vw,24px)}
 #overview .hero-lead{font-size:21px}
 #overview .hero-description,#overview .hero-copy{max-width:560px}
}
@media(max-width:600px){#overview .hero-binary text{font-size:48px;stroke-width:2.5px}#overview .hero-cloud{stroke-width:5}}
@media(prefers-reduced-motion:reduce){#overview .hero-binary text{animation:none!important;opacity:.9}#overview .hero-binary text:nth-child(3n + 1){transform:translateY(-40px)}#overview .hero-binary text:nth-child(3n + 2){transform:translateY(-100px)}#overview .hero-binary text:nth-child(3n){transform:translateY(-160px)}}