/* ABG: two-page fidelity rebuild (Case Studies + Distributed Power only).
   Deliberately uses standalone sections so old Durable/Next CSS cannot mutate them.
   All backgrounds, gallery images, icons, and videos use local files.
*/
body.abg-reference-locked {
  --abg-ink:#111827; --abg-teal:#1A6568; --abg-gallery:#E7E4E5;
  --abe-orange:#DD7F1F; --abe-card:#C56502; --abe-icon:#EC8C28;
}
body.abg-reference-locked #main-body {overflow-x:hidden!important;}
body.abg-reference-locked #main-body>section,
body.abg-reference-locked #main-body>.abg-footer {flex:0 0 auto!important;}
body.abg-reference-locked .abg-page-inner{width:82%;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;}
/* Header: city photo before scrolling; solid teal after scrolling. */
body.abg-reference-locked #website-header {
  position:sticky!important;top:0!important;z-index:2000!important;
  background:linear-gradient(rgba(16,31,37,.26),rgba(16,31,37,.26)),url('images/getty/f5Kqg33UhrEZ8S3zq8XkLSWOXsURsvUzkGIgk6TrzwXnaVSTgTxIy038lQIMOJ6X.jpeg') center 54%/cover no-repeat!important;
  color:#fff!important;transition:background .2s linear!important;
}
body.abg-reference-locked #website-header.abg-reference-scrolled{background:#1A6568!important;}
body.abg-reference-locked #website-header>.container,
body.abg-reference-locked #website-header>div.container {
  width:82%!important;max-width:1200px!important;box-sizing:border-box!important;
  margin:0 auto!important;padding:6px 0!important;min-height:76px!important;
}
body.abg-reference-locked #website-header a,
body.abg-reference-locked #website-header button,
body.abg-reference-locked #website-header svg {color:#fff!important;stroke:currentColor!important;}
body.abg-reference-locked #website-header img.hidden.lg\:block {max-height:62px!important;height:62px!important;width:auto!important;object-fit:contain!important;}
/* Keep current teal drawer; no stray vertical line. */
body.abg-reference-locked #abg-global-submenu,body.abg-reference-locked #abg-global-menu ul ul {border-left:0!important;box-shadow:none!important;}

/* Reference hero sections replace fragile saved Next.js hydration markup. */
body.abg-reference-locked .abg-reference-hero {display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:clamp(228px,22vw,335px);width:100%;}
body.abg-reference-locked .abg-reference-case {background:#dedbd8;}
body.abg-reference-locked .abg-reference-power {background:#e8e4e1;min-height:clamp(385px,39vw,530px);}
body.abg-reference-locked .abg-hero-photo,
body.abg-reference-locked .abg-hero-film {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;}
body.abg-reference-locked .abg-hero-photo {background-image:url('images/getty/21XY96bfz9K9SdDOxYaG52m9Z1OGjJJP2V8vZZwXrOZ9ShIAY1piGssVspYdRLAt.jpeg');background-position:center center;background-size:cover;}
body.abg-reference-locked .abg-hero-film {object-position:center 52%;}
body.abg-reference-locked .abg-hero-wash {position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(255,255,255,.77);}
body.abg-reference-locked .abg-hero-content{position:relative;z-index:2;padding:48px 0 51px;max-width:none;}
body.abg-reference-locked .abg-hero-content>* {max-width:640px!important;}
body.abg-reference-locked .abg-hero-tagline {font:600 13px/1.5 var(--body-fontFamily,Poppins,Arial,sans-serif)!important;color:#1A6568!important;margin:0 0 7px!important;}
body.abg-reference-locked .abg-hero-content h1 {font:700 clamp(30px,3vw,39px)/1.2 var(--heading-fontFamily,Poppins,Arial,sans-serif)!important;letter-spacing:-.028em!important;color:#111827!important;margin:0 0 14px!important;}
body.abg-reference-locked .abg-hero-description {font:400 14px/1.58 var(--body-fontFamily,Poppins,Arial,sans-serif)!important;color:#192533!important;margin:0!important;letter-spacing:0!important;}
body.abg-reference-locked .abg-hero-description.abg-followup{margin-top:20px!important;}
/* Case Studies: original pale Project Highlights and centered four-picture slideshow. */
body.abg-case-studies #abg-reference-highlights{background:#E7E4E5!important;color:#111827!important;display:block!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important;align-self:stretch!important;height:auto!important;min-height:unset!important;}
body.abg-case-studies #abg-reference-highlights .abg-reference-copy{max-width:1200px!important;width:82%!important;padding:0!important;margin:0 auto!important;}
body.abg-case-studies #abg-reference-highlights .abg-reference-copy h2{color:#111827!important;font-size:25px!important;}
body.abg-case-studies #abg-reference-highlights .abg-reference-copy p{font-size:14px!important;line-height:1.6!important;}
body.abg-case-studies #abg-reference-highlights .abg-reference-gallery{display:block!important;width:100%!important;opacity:1!important;}
body.abg-case-studies #abg-reference-highlights .abg-reference-dots{display:flex!important;}
/* Keep original worklist HTML/data, with original teal and aligned large white headings. */
body.abg-case-studies #abg-case-accordion{background:#1A6568!important;color:#fff!important;position:relative!important;min-height:0!important;}
body.abg-case-studies #abg-case-accordion .container{width:82%!important;max-width:1200px!important;margin:0 auto!important;padding:55px 0 66px!important;}
body.abg-case-studies #abg-case-accordion .opacity-0{opacity:1!important;transform:none!important;}
body.abg-case-studies #abg-case-accordion h2{color:#fff!important;font-size:24px!important;line-height:1.3!important;}
body.abg-case-studies #abg-case-accordion .cursor-pointer.py-10> .flex>p.heading-medium{
  color:#fff!important;font-family:var(--heading-fontFamily,Poppins,Arial,sans-serif)!important;
  font-size:21px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.02em!important;margin:0!important;
}
body.abg-case-studies #abg-case-accordion .cursor-pointer.py-10{box-shadow:inset 0 -1px 0 rgba(255,255,255,.23)!important;}
body.abg-case-studies #abg-case-accordion .cursor-pointer.py-10 svg{color:#fff!important;stroke:currentColor!important;}
body.abg-case-studies #abg-case-accordion .rich-text-block,body.abg-case-studies #abg-case-accordion .rich-text-block *{color:#fff!important;}
body.abg-case-studies #abg-case-accordion .abg-accordion-row[aria-expanded="false"]>.grid{grid-template-rows:0fr!important;visibility:hidden!important;}
body.abg-case-studies #abg-case-accordion .abg-accordion-row[aria-expanded="true"]>.grid{grid-template-rows:1fr!important;visibility:visible!important;}
/* Distributed Power: orange band, cards, and supplied white icons. NEVER teal here. */
body.abg-distributed-power #abg-power-services {background:#DD7F1F!important;background-image:none!important;width:100%;min-height:0!important;padding:48px 0 42px!important;}
body.abg-distributed-power .abg-power-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px!important;align-items:stretch;}
body.abg-distributed-power .abg-power-card{position:relative;background:#C56502!important;color:#fff!important;min-height:265px;border-radius:5px;box-sizing:border-box;padding:52px 31px 27px;}
body.abg-distributed-power .abg-power-icon{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:5px;background:#EC8C28!important;display:grid;place-items:center;}
body.abg-distributed-power .abg-power-icon img{width:34px;height:34px;object-fit:contain;display:block;}
body.abg-distributed-power .abg-power-card h2{font:700 23px/1.22 var(--heading-fontFamily,Poppins,Arial,sans-serif)!important;color:#fff!important;margin:0 0 17px!important;}
body.abg-distributed-power .abg-power-card p,body.abg-distributed-power .abg-power-card li{font:400 14px/1.55 var(--body-fontFamily,Poppins,Arial,sans-serif)!important;color:#fff!important;}
body.abg-distributed-power .abg-power-card p{margin:0 0 18px!important;}
body.abg-distributed-power .abg-power-card ul{margin:0!important;padding-left:21px!important;list-style:disc outside!important;}
body.abg-distributed-power .abg-power-card li{margin:3px 0!important;}
/* Shared closing call to action — photograph intentionally blurred just like Durable. */
body.abg-reference-locked .abg-reference-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:#343434!important;color:#fff!important;min-height:300px!important;width:100%;}
body.abg-reference-locked .abg-cta-photo{position:absolute;inset:-18px;z-index:0;background:url('images/getty/21XY96bfz9K9SdDOxYaG52m9Z1OGjJJP2V8vZZwXrOZ9ShIAY1piGssVspYdRLAt.jpeg') center/cover no-repeat;filter:blur(9px);}
body.abg-reference-locked .abg-cta-shade{position:absolute;inset:0;z-index:1;background:rgba(14,13,16,.58);}
body.abg-reference-locked .abg-cta-copy{position:relative;z-index:1;padding:45px 0 50px;}
body.abg-reference-locked .abg-cta-copy h2{font:700 clamp(26px,2.6vw,37px)/1.22 var(--heading-fontFamily,Poppins,Arial,sans-serif)!important;max-width:540px!important;color:#fff!important;margin:0 0 15px!important;}
body.abg-reference-locked .abg-cta-copy p{font:400 14px/1.5 var(--body-fontFamily,Poppins,Arial,sans-serif)!important;max-width:640px!important;color:#fff!important;margin:0 0 23px!important;}
body.abg-reference-locked .abg-cta-button{display:inline-block;border:1px solid #fff!important;padding:10px 18px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font:400 13px/1.3 var(--body-fontFamily,Poppins,Arial,sans-serif)!important;}
body.abg-reference-locked .abg-cta-button:hover{background:rgba(255,255,255,.13)!important;}
/* Footer replaces the huge Wget-only blank flex-grow spacer. */
body.abg-reference-locked .abg-footer{display:block!important;background:#1A6568!important;color:#fff!important;min-height:94px;}
body.abg-reference-locked .abg-footer>.abg-page-inner{font:400 12px/1.5 var(--body-fontFamily,Poppins,Arial,sans-serif);padding:25px 0 30px;}
@media(max-width:750px){
 body.abg-reference-locked .abg-page-inner{width:88%!important;}
 body.abg-reference-locked .abg-reference-hero{min-height:285px!important;}
 body.abg-reference-locked .abg-reference-power{min-height:485px!important;}
 body.abg-reference-locked .abg-hero-content{padding:45px 0!important;}
 body.abg-reference-locked .abg-hero-content h1{font-size:32px!important;}
 body.abg-reference-locked .abg-hero-description{font-size:14px!important;}
 body.abg-distributed-power .abg-power-grid{grid-template-columns:1fr!important;gap:49px!important;}
 body.abg-distributed-power #abg-power-services{padding:45px 0 42px!important;}
 body.abg-distributed-power .abg-power-card{min-height:unset!important;padding:52px 25px 31px!important;}
 body.abg-case-studies #abg-case-accordion .container{width:88%!important;padding:36px 0 46px!important;}
 body.abg-case-studies #abg-case-accordion .cursor-pointer.py-10 > .flex>p.heading-medium{font-size:18px!important;}
 body.abg-case-studies #abg-reference-highlights .abg-reference-copy{width:88%!important;}
 body.abg-reference-locked .abg-reference-cta{min-height:290px!important;}
 body.abg-reference-locked .abg-cta-copy{padding:42px 0!important;}
 body.abg-reference-locked .abg-cta-copy h2{font-size:27px!important;}
}
/* Explicit typography avoids font-shorthand fallback differences on local files. */
body.abg-reference-locked .abg-hero-content h1{
 font-family:Poppins,Arial,sans-serif!important;font-weight:700!important;
 font-size:36px!important;line-height:1.2!important;
}
body.abg-reference-locked .abg-hero-tagline{font-family:Poppins,Arial,sans-serif!important;font-weight:600!important;font-size:13px!important;}
body.abg-reference-locked .abg-hero-description{font-family:Poppins,Arial,sans-serif!important;font-size:14px!important;line-height:1.58!important;}
body.abg-reference-locked .abg-cta-copy h2{font-family:Poppins,Arial,sans-serif!important;font-size:32px!important;font-weight:700!important;line-height:1.22!important;}
body.abg-distributed-power .abg-power-card h2{font-family:Poppins,Arial,sans-serif!important;font-size:23px!important;font-weight:700!important;line-height:1.22!important;}
@media(max-width:750px){
 body.abg-reference-locked .abg-hero-content h1{font-size:31px!important;}
 body.abg-reference-locked .abg-cta-copy h2{font-size:27px!important;}
}
