@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#07182b;--blue:#165ea8;--cyan:#56b9d6;--ink:#102235;--muted:#667688;--soft:#f2f6f8;--line:#dfe8ed;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - var(--max))/2));position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid rgba(7,24,43,.08)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px}.brand span{display:grid;line-height:1}.brand b{font-family:Manrope;font-size:18px;letter-spacing:.08em}.brand small{text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{font-size:14px;font-weight:600;color:#304154;position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:.25s}.site-header nav a:hover:after{right:0}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:calc(100vh - 82px);position:relative;background:var(--navy);color:white;display:grid;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,24,43,.93) 0%,rgba(7,24,43,.68) 52%,rgba(7,24,43,.32) 100%),url('assets/site-jetty-view.jpg') center 55%/cover;transform:scale(1.03);transition:transform 8s ease}
.hero:hover .hero-bg{transform:scale(1.08)}.hero-content{position:relative;z-index:2;width:min(var(--max),calc(100% - 52px));margin:auto;padding:80px 0 150px}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.2em;color:#8ad7ec}.eyebrow.dark{color:var(--blue)}h1,h2,h3{font-family:Manrope;margin:0 0 20px;line-height:1.12}h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.055em;max-width:950px}h1 em{font-style:normal;color:#75cce4}.hero p,.page-hero p{font-size:19px;max-width:690px;color:#d7e4ec}.actions{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;font-weight:700;border:1px solid transparent;transition:.25s;cursor:pointer;font-family:inherit}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#0f4d8c;transform:translateY(-2px)}.btn.ghost{border-color:rgba(255,255,255,.4);color:white}.btn.ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}.btn.light{background:white;color:var(--navy)}.btn.light:hover{background:#dfeaf2;transform:translateY(-2px)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}.hero-stats{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(var(--max),calc(100% - 52px));margin:auto;border-top:1px solid rgba(255,255,255,.22)}.hero-stats div{padding:24px 28px;border-right:1px solid rgba(255,255,255,.2)}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;font:700 28px Manrope}.hero-stats span{font-size:12px;color:#c7d5de;text-transform:uppercase;letter-spacing:.12em}.section{width:min(var(--max),calc(100% - 52px));margin:auto;padding:110px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.045em}.lead{font-size:21px;color:#31475a}.text-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:700}.dark-panel{width:min(1320px,calc(100% - 32px));background:var(--navy);color:#fff;border-radius:12px;padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.panel-copy{padding:80px}.panel-copy p{color:#c9d6df}.panel-image{min-height:500px;background:#10283e}.panel-image img{width:100%;height:100%;object-fit:cover}.mini-stats{display:flex;gap:28px;margin:30px 0}.mini-stats b{display:block;font:700 20px Manrope}.mini-stats span{font-size:12px;color:#9db0be}.section-head{max-width:720px;margin-bottom:48px}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{padding:34px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(21,61,95,.1)}.card>span{color:var(--blue);font-weight:800;letter-spacing:.12em}.card h3{font-size:22px;margin-top:20px}.card p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.image-frame{background:var(--soft);border-radius:10px;padding:35px;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-frame img{max-height:430px;object-fit:contain}.image-frame.map img{width:100%}.layout-frame{background:#fff;border:1px solid var(--line);min-height:auto;padding:18px}.layout-frame img{max-height:none;width:100%;border-radius:4px}.layout-legend{margin-top:28px}
.gallery{display:grid;gap:20px}.gallery.three{grid-template-columns:repeat(3,1fr)}.gallery figure{margin:0;border-radius:10px;overflow:hidden;position:relative;background:var(--soft)}.gallery img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .5s ease}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 12px;background:linear-gradient(to top,rgba(7,24,43,.85),transparent);color:#fff;font-size:13px;font-weight:600}.community-frame{padding:0;overflow:hidden;min-height:auto}.community-frame img{width:100%;height:100%;max-height:none;object-fit:cover;min-height:340px}
body.contact-page{background:#1f2a47}
body.contact-page .contact-grid .eyebrow.dark{color:#8ad7ec}
body.contact-page .contact-grid h2{color:#fff}
body.contact-page .contact-details p{color:#c9d6df}
body.contact-page .contact-details b{color:#fff}
body.contact-page .contact-details a{color:#8ad7ec}
.technology-hero{background:linear-gradient(90deg,rgba(7,24,43,.72) 0%,rgba(7,24,43,.45) 55%,rgba(7,24,43,.25) 100%),url('assets/plant-rendering.jpg') center 38%/cover}
.contact-hero{background:linear-gradient(90deg,rgba(7,24,43,.55),rgba(7,24,43,.4)),url('assets/contact-hero-bg.jpg') center/cover}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.chips span{padding:8px 12px;background:var(--soft);border-radius:999px;font-size:13px}.cta{background:linear-gradient(120deg,#0d4c86,#122b48);color:white;padding:70px max(26px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(32px,4vw,50px);margin-top:10px}.page-hero{background:var(--navy);color:#fff;padding:120px max(26px,calc((100vw - var(--max))/2));min-height:520px;display:flex;flex-direction:column;justify-content:center}.sustainability-hero{background:linear-gradient(90deg,rgba(7,24,43,.94),rgba(7,24,43,.55)),url('assets/community-landscape.jpg') center 65%/cover}.about-hero{background:linear-gradient(90deg,rgba(7,24,43,.93),rgba(7,24,43,.72)),url('assets/about-hero-solar.jpg') center/cover}.page-hero h1{font-size:clamp(48px,6vw,78px);margin-top:22px}.project-hero{background:linear-gradient(90deg,rgba(7,24,43,.96),rgba(7,24,43,.72)),url('assets/site-layout.jpg') center/cover;background-size:cover}.soft{width:100%;padding-left:max(26px,calc((100vw - var(--max))/2));padding-right:max(26px,calc((100vw - var(--max))/2));background:var(--soft)}.org{text-align:center;margin-top:50px}.org-top{display:inline-block;padding:16px 30px;background:var(--navy);color:#fff;border-radius:6px;font-weight:700}.org-top.accent{background:var(--blue)}.org-line{height:35px;width:2px;background:var(--line);margin:auto}.org-branches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:35px}.org-branches div{padding:18px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:14px}.center{text-align:center}.muted{color:var(--muted)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);width:min(var(--max),calc(100% - 52px));margin:-45px auto 0;position:relative;z-index:2;background:white;box-shadow:0 20px 60px rgba(9,31,50,.12);border-radius:10px}.stats-strip div{padding:28px;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip b{display:block;font:700 25px Manrope;color:var(--blue)}.stats-strip span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.clean-list{padding:0;list-style:none}.clean-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline article{padding:30px;border-top:3px solid var(--blue);background:var(--soft)}.timeline b{color:var(--blue)}.timeline h3{font-size:20px;margin-top:24px}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.milestones div{background:#fff;padding:28px;border-radius:8px}.milestones b{font:800 25px Manrope;color:var(--blue)}.feature-list,.benefit{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:30px}.feature-list div,.benefit div{padding:22px;background:var(--soft);border-radius:8px}.feature-list b,.benefit b{display:block;font:800 26px Manrope;color:var(--blue)}.feature-list span,.benefit span{font-size:13px;color:var(--muted)}.benefit{grid-template-columns:repeat(3,1fr)}.benefit div{text-align:center;padding:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-details{margin-top:35px}.contact-details a{color:var(--blue)}form{background:var(--soft);padding:38px;border-radius:10px}label{display:grid;gap:8px;font-weight:700;font-size:13px;margin-bottom:18px}input,textarea{width:100%;padding:13px;border:1px solid #cad7df;border-radius:4px;background:#fff;font:inherit}form small{display:block;margin-top:14px;color:var(--muted)}footer{background:#051421;color:#d5e0e7;padding:70px max(26px,calc((100vw - var(--max))/2)) 28px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer-brand{font:800 24px Manrope;color:#fff}.footer-grid h4{color:#fff}.footer-grid p{color:#9eb0bd}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:22px;color:#78909f;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:22px 26px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero-content{padding-bottom:210px}.hero-stats{grid-template-columns:1fr}.hero-stats div{padding:13px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.hero-stats strong{font-size:21px}.intro-grid,.split,.dark-panel,.contact-grid{grid-template-columns:1fr;gap:45px}.panel-copy{padding:45px 30px}.cards.three,.timeline,.milestones,.benefit,.org-branches,.stats-strip,.gallery.three{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.section{padding:75px 0}.cards.three,.timeline,.milestones,.benefit,.org-branches,.stats-strip,.feature-list,.gallery.three{grid-template-columns:1fr}.stats-strip{margin-top:0;border-radius:0;width:100%;box-shadow:none}.stats-strip div{border-right:0;border-bottom:1px solid var(--line)}.mini-stats{flex-direction:column}.page-hero{min-height:430px;padding-top:90px;padding-bottom:90px}.dark-panel{width:100%;border-radius:0}.panel-image{min-height:340px}.hero-content{width:calc(100% - 36px)}h1{font-size:47px}.section{width:calc(100% - 36px)}.soft{width:100%}.contact-grid{gap:35px}}


/* ===== 2026 client revision pass ===== */
:root{--green:#4b9b6a;--green-soft:#eef7f1}

/* Larger, clearer shared navigation */
.site-header{height:98px;padding-left:max(30px,calc((100vw - var(--max))/2));padding-right:max(30px,calc((100vw - var(--max))/2));}
.brand{gap:14px;min-width:max-content}.brand img{width:58px;height:58px;border-radius:10px}.brand-copy{display:grid;line-height:1}.brand-copy b{font-family:Manrope;font-size:21px;letter-spacing:.08em}.brand-copy small{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--muted);margin-top:6px}.brand-frontier{font-family:Manrope;font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--blue);padding-left:16px;margin-left:2px;border-left:1px solid #cddbe4;white-space:nowrap}.site-header nav{gap:30px}.site-header nav a{font-size:16px}
.hero{min-height:calc(100vh - 98px)}

/* Green-energy accents while preserving the original blue visual identity */
.about-visuals .gallery figure:first-child:after,.sustainability-hero:after{content:'';position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--green),var(--cyan));z-index:3}
.about-hero{background:linear-gradient(90deg,rgba(7,24,43,.94),rgba(7,24,43,.72)),url('assets/about-hero-solar.jpg') center/cover;}
.about-hero,.sustainability-hero{position:relative;overflow:hidden}
.about-visuals{padding-top:75px}
.about-visuals .gallery img{height:300px}

/* Clean Galaxy treatment: pure white background and official blue artwork */
.galaxy-logo-frame{background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(21,61,95,.08)}
.galaxy-logo-frame img{width:100%;max-width:720px;max-height:230px;object-fit:contain}

/* Footer columns start on exactly the same baseline */
.footer-grid{align-items:start}.footer-grid>div{align-self:start}.footer-brand,.footer-grid h4{margin:0 0 14px;line-height:1.25}.footer-grid p{margin-top:0}

/* Technology hero industrial skyline */
.page-hero.with-industrial-silhouette,.page-hero.with-grass-silhouette{position:relative;overflow:hidden;padding-bottom:175px}
.page-hero.with-industrial-silhouette>* , .page-hero.with-grass-silhouette>*{position:relative;z-index:2}
.page-hero.with-industrial-silhouette:after{content:'';position:absolute;left:0;right:0;bottom:0;height:185px;background:url('assets/technology-silhouette.svg') bottom center/cover no-repeat;pointer-events:none;z-index:1}
.technology-hero{background:linear-gradient(115deg,#07182b 0%,#0d3b68 54%,#145e8a 100%)}

/* Contact hero: subtle grass edge with one plant silhouette */
.page-hero.with-grass-silhouette:after{content:'';position:absolute;left:0;right:0;bottom:0;height:150px;background:url('assets/contact-silhouette.svg') bottom center/cover no-repeat;pointer-events:none;z-index:1}
.contact-hero{background:linear-gradient(115deg,#07182b 0%,#123b63 60%,#225c72 100%)}

/* Make requested project map readable in the existing split panel */
.project-hero+ .stats-strip b{white-space:nowrap}.dark-panel .panel-image img[src*="road-network-facilities-map"]{object-fit:contain;background:#fff;padding:10px}

@media(max-width:1000px){.brand-frontier{font-size:14px;padding-left:11px}.site-header nav{gap:18px}.site-header nav a{font-size:14px}}
@media(max-width:850px){.site-header{height:88px}.site-header nav{top:88px}.brand img{width:50px;height:50px}.brand-frontier{display:none}.hero{min-height:calc(100vh - 88px)}}
@media(max-width:560px){.brand-copy b{font-size:18px}.page-hero.with-industrial-silhouette,.page-hero.with-grass-silhouette{padding-bottom:135px}.page-hero.with-industrial-silhouette:after{height:125px}.page-hero.with-grass-silhouette:after{height:105px}}

/* Revision fixes: Galaxy logo presentation */
.galaxy-logo-frame{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(21,61,95,.08);
}
.galaxy-logo-frame img{
  display:block;
  width:100%;
  max-width:720px;
  max-height:230px;
  object-fit:contain;
}

/* ===== User-requested final revisions, August 2026 ===== */
/* Larger white navigation bar and readable H&WB logo */
.site-header{
  height:118px;
  padding-left:max(30px,calc((100vw - var(--max))/2));
  padding-right:max(30px,calc((100vw - var(--max))/2));
}
.brand img{
  width:88px;
  height:88px;
  border-radius:12px;
}
.brand-copy b{font-size:22px}
.brand-copy small{font-size:10px}
.site-header nav{gap:30px}
.site-header nav a{font-size:16px}
.hero{min-height:calc(100vh - 118px)}

/* About: add a very faint tint to the five management boxes */
.org-branches div{
  background:#f5f9fc;
  border-color:#dce8ef;
}

/* Technology: use the supplied plant image for the heading background */
.technology-hero{
  background:linear-gradient(90deg,rgba(7,24,43,.78) 0%,rgba(7,24,43,.50) 58%,rgba(7,24,43,.26) 100%),url('assets/technology-hero-user.png') center 48%/cover no-repeat;
}
.page-hero.with-industrial-silhouette:after{display:none}
.page-hero.with-industrial-silhouette{padding-bottom:120px}

/* Technology: keep the by-products panel clear of the footer */
.technology-hero ~ .dark-panel{
  margin-bottom:90px;
}
.technology-hero ~ .dark-panel .panel-image img{
  object-fit:cover;
}

/* Contact: replace the old grass silhouette with the supplied artwork.
   Anchoring to the bottom keeps the bright green middle band out of view. */
.page-hero.with-grass-silhouette:after{
  height:150px;
  background:url('assets/contact-bottom-user.png') bottom center/cover no-repeat;
}

@media(max-width:1000px){
  .site-header{height:108px}
  .brand img{width:76px;height:76px}
  .hero{min-height:calc(100vh - 108px)}
}
@media(max-width:850px){
  .site-header{height:92px}
  .site-header nav{top:92px}
  .brand img{width:62px;height:62px}
  .hero{min-height:calc(100vh - 92px)}
}
@media(max-width:560px){
  .brand img{width:58px;height:58px}
  .technology-hero ~ .dark-panel{margin-bottom:55px}
  .page-hero.with-grass-silhouette:after{height:105px}
}
.dark-panel .panel-image img[src*="project-connectivity-map-user"]{
  object-fit:contain;
  background:#fff;
  padding:10px;
}

/* Contact hero: built-in CSS silhouette scene (no image asset) */
.contact-hero.with-grass-silhouette:after{display:none}
.contact-hero.with-grass-silhouette{padding-bottom:180px;background:linear-gradient(115deg,#07182b 0%,#123b63 60%,#225c72 100%)}
.contact-silhouette-scene{position:absolute!important;left:0;right:0;bottom:0;height:155px;z-index:1!important;pointer-events:none;overflow:hidden}
.contact-silhouette-scene:before{content:'';position:absolute;left:-3%;right:-3%;bottom:-42px;height:92px;background:#0a1d30;border-radius:50% 50% 0 0/70% 70% 0 0;opacity:.98}
.contact-silhouette-scene .plant{position:absolute;bottom:34px;height:92px;color:#10263b;opacity:.92}
.contact-silhouette-scene .plant-left{left:5%;width:250px}.contact-silhouette-scene .plant-right{right:7%;width:275px}
.contact-silhouette-scene .factory-block{position:absolute;bottom:0;background:currentColor;border-radius:2px 2px 0 0}
.contact-silhouette-scene .block-a{left:0;width:90px;height:42px}.contact-silhouette-scene .block-b{left:78px;width:84px;height:58px}
.contact-silhouette-scene .block-c{right:0;width:105px;height:40px}.contact-silhouette-scene .block-d{right:92px;width:88px;height:55px}
.contact-silhouette-scene .chimney{position:absolute;bottom:0;width:16px;background:currentColor;border-radius:2px 2px 0 0}
.contact-silhouette-scene .chimney:before,.contact-silhouette-scene .chimney:after{content:'';position:absolute;left:0;width:100%;height:5px;background:#17334d}
.contact-silhouette-scene .chimney:before{top:16px}.contact-silhouette-scene .chimney:after{top:33px}
.contact-silhouette-scene .chimney-a{left:46px;height:88px}.contact-silhouette-scene .chimney-b{left:140px;height:70px;width:13px}
.contact-silhouette-scene .chimney-c{right:44px;height:82px;width:14px}
.contact-silhouette-scene .cooling-tower{position:absolute;bottom:0;background:currentColor;clip-path:polygon(24% 0,76% 0,66% 36%,76% 100%,24% 100%,34% 36%);border-radius:10px}
.contact-silhouette-scene .tower-a{left:165px;width:62px;height:66px}.contact-silhouette-scene .tower-b{right:176px;width:64px;height:70px}.contact-silhouette-scene .tower-c{right:225px;width:54px;height:58px}
.contact-silhouette-scene .grass{position:absolute;bottom:23px;height:28px;background:#0d2438;border-radius:60% 50% 0 0/100% 100% 0 0;opacity:.98}
.contact-silhouette-scene .grass-left{left:-2%;width:170px;transform:rotate(-2deg)}.contact-silhouette-scene .grass-right{right:-3%;width:190px;transform:rotate(2deg)}
.contact-silhouette-scene .grass:before,.contact-silhouette-scene .grass:after{content:'';position:absolute;bottom:7px;width:46px;height:22px;background:#0d2438;border-radius:50% 50% 0 0}
.contact-silhouette-scene .grass:before{left:28px;transform:rotate(-7deg)}.contact-silhouette-scene .grass:after{right:24px;transform:rotate(8deg)}
@media(max-width:700px){.contact-hero.with-grass-silhouette{padding-bottom:145px}.contact-silhouette-scene{height:120px}.contact-silhouette-scene .plant{transform:scale(.78);transform-origin:bottom}.contact-silhouette-scene .plant-left{left:-4%}.contact-silhouette-scene .plant-right{right:-8%}}


/* Final contact hero treatment: retain the original blue gradient and softly phase
   the supplied grass and energy silhouettes into the lower edge. */
.contact-hero.with-grass-silhouette{
  position:relative;overflow:hidden;padding-bottom:165px;
  background:linear-gradient(115deg,#07182b 0%,#123b63 58%,#225c72 100%);
}
.contact-hero.with-grass-silhouette:after{
  content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:175px;
  background:url('assets/contact-energy-overlay.png') center bottom / 100% 175px no-repeat;
  opacity:.82;pointer-events:none;z-index:1;
}
.contact-hero.with-grass-silhouette:before{
  content:'';position:absolute;left:0;right:0;bottom:0;height:180px;
  background:linear-gradient(to top,rgba(7,24,43,.50) 0%,rgba(18,59,99,.14) 55%,rgba(18,59,99,0) 100%);
  pointer-events:none;z-index:1;
}
.contact-hero .contact-silhouette-scene{display:none!important;}
@media(max-width:700px){
  .contact-hero.with-grass-silhouette{padding-bottom:125px}
  .contact-hero.with-grass-silhouette:after{height:130px;background-size:auto 130px}
  .contact-hero.with-grass-silhouette:before{height:135px}
}

/* Contact hero final artwork: preserve the original artwork ratios. Nothing is stretched or cropped. */
.contact-hero.with-grass-silhouette{
  position:relative;
  overflow:hidden;
  min-height:620px;
  padding-bottom:150px;
  background:linear-gradient(115deg,#07182b 0%,#123b63 58%,#225c72 100%);
}
.contact-hero.with-grass-silhouette:before,
.contact-hero.with-grass-silhouette:after{display:none!important;}
.contact-hero.with-grass-silhouette > .eyebrow,
.contact-hero.with-grass-silhouette > h1,
.contact-hero.with-grass-silhouette > p{position:relative;z-index:3;}
.contact-background-art{
  position:absolute!important;
  inset:0;
  z-index:1!important;
  pointer-events:none;
  overflow:hidden;
}
.contact-industry-art{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:100%;
  height:auto;
  max-width:100%;
  max-height:96%;
  object-fit:contain;
  object-position:center bottom;
  opacity:.68;
}
.contact-grass-art{
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:auto;
  height:430px;
  max-height:72%;
  max-width:34%;
  object-fit:contain;
  object-position:center bottom;
  opacity:.88;
  z-index:2;
}
@media(max-width:900px){
  .contact-hero.with-grass-silhouette{min-height:580px;padding-bottom:135px;}
  .contact-industry-art{max-height:88%;width:100%;}
  .contact-grass-art{height:350px;max-width:42%;}
}
@media(max-width:560px){
  .contact-hero.with-grass-silhouette{min-height:520px;padding-bottom:115px;}
  .contact-industry-art{width:auto;height:auto;max-width:100%;max-height:72%;}
  .contact-grass-art{height:270px;max-height:56%;max-width:50%;bottom:-8px;}
}

/* User-requested final contact adjustment: grass removed only. */
.contact-grass-art{display:none!important;}


/* ===== Boss review revisions: August 12, 2026 ===== */
/* One consistent off-white background throughout normal page content. */
html, body, body.contact-page { background:#f2f6f8; }
main { background:#f2f6f8; }
.section, .soft { background:#f2f6f8; }
body.contact-page .contact-grid .eyebrow.dark { color:var(--blue); }
body.contact-page .contact-grid h2 { color:var(--ink); }
body.contact-page .contact-details p { color:var(--ink); }
body.contact-page .contact-details b { color:var(--ink); }
body.contact-page .contact-details a { color:var(--blue); }

/* Consistent vertical rhythm between normal content sections and their elements. */
.section { padding-top:92px; padding-bottom:92px; }
.section-head { margin-bottom:40px; }
.section + .section { margin-top:0; }
.split { gap:72px; }
.gallery, .cards { gap:24px; }
.layout-legend { margin-top:32px; }
.feature-list, .benefit { margin-top:32px; gap:20px; }
.contact-details { margin-top:32px; }
.technology-hero ~ .dark-panel { margin-bottom:0; }

/* Galaxy logo: logo only, with no surrounding box/card. */
.galaxy-logo-frame {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  min-height:0;
  overflow:visible;
}
.galaxy-logo-frame img { width:100%; max-width:720px; max-height:230px; object-fit:contain; }
#galaxy .chips { margin-top:22px; }

/* Header: larger logo + evenly spaced navigation inside a rounded container. */
.site-header {
  height:120px;
  gap:34px;
  background:rgba(242,246,248,.96);
}
.brand { flex:0 0 auto; }
.brand img { width:96px; height:96px; object-fit:contain; border-radius:0; }
.site-header nav {
  flex:1 1 auto;
  max-width:760px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  gap:0;
  padding:10px 12px;
  border:1px solid #d6e0e6;
  border-radius:18px;
  background:rgba(255,255,255,.58);
}
.site-header nav a { text-align:center; padding:8px 10px; }
.site-header nav a:after { left:18%; right:82%; bottom:2px; }
.site-header nav a:hover:after { right:18%; }
.hero { min-height:calc(100vh - 120px); }

@media(max-width:1000px){
  .site-header{height:108px;gap:20px}
  .brand img{width:82px;height:82px}
  .site-header nav{max-width:680px}
  .site-header nav a{font-size:13px;padding:8px 6px}
  .hero{min-height:calc(100vh - 108px)}
}
@media(max-width:850px){
  .site-header{height:94px}
  .brand img{width:70px;height:70px}
  .site-header nav{
    display:none;position:absolute;top:94px;left:18px;right:18px;max-width:none;
    grid-template-columns:1fr;padding:14px;background:#f2f6f8;border-radius:16px;
    box-shadow:0 16px 40px rgba(7,24,43,.12)
  }
  .site-header nav.open{display:grid}
  .site-header nav a{text-align:left;padding:10px 14px}
  .hero{min-height:calc(100vh - 94px)}
  .section{padding-top:76px;padding-bottom:76px}
}
@media(max-width:560px){
  .brand img{width:64px;height:64px}
  .section{padding-top:68px;padding-bottom:68px}
}

/* ===== V5 final legibility refinements ===== */
/* Normal/light sections use deep H&WB navy text; dark/image heroes retain their intentional light text. */
.section:not(.dark-panel) h1,.section:not(.dark-panel) h2,.section:not(.dark-panel) h3,.section:not(.dark-panel)>p,.section:not(.dark-panel) .lead{color:#102235}
.section:not(.dark-panel) .eyebrow,.section:not(.dark-panel) .eyebrow.dark{color:#165ea8}
/* Remove the stark white canvas around the supplied project map. */
.dark-panel .panel-image img[src*="project-connectivity-map-user"]{background:#f2f6f8;padding:0}

/* ===== V5 readability correction: light-background text ===== */
/* Normal content on the off-white site background uses the deep H&WB ink colour. */
main .section:not(.dark-panel),
main .section:not(.dark-panel) h1,
main .section:not(.dark-panel) h2,
main .section:not(.dark-panel) h3,
main .section:not(.dark-panel) p,
main .section:not(.dark-panel) li,
main .section:not(.dark-panel) strong,
main .section:not(.dark-panel) b {
  color:#102235;
}

/* Small section labels on light backgrounds use the established H&WB blue for contrast. */
main .section:not(.dark-panel) .eyebrow,
main .section:not(.dark-panel) .eyebrow.dark {
  color:#165ea8;
}

/* Preserve purpose-specific accent text within light sections. */
main .section:not(.dark-panel) .muted { color:#667688; }
main .section:not(.dark-panel) .text-link,
main .section:not(.dark-panel) .contact-details a,
main .section:not(.dark-panel) .card > span,
main .section:not(.dark-panel) .timeline b,
main .section:not(.dark-panel) .milestones b,
main .section:not(.dark-panel) .feature-list b,
main .section:not(.dark-panel) .benefit b,
main .section:not(.dark-panel) .stats-strip b { color:#165ea8; }

/* Dark/image-backed areas intentionally retain light text for readability. */
.hero, .page-hero, .dark-panel, .cta { color:#fff; }
.dark-panel h2, .dark-panel h3, .dark-panel li, .cta h2 { color:#fff; }
.dark-panel p { color:#c9d6df; }
.dark-panel .eyebrow, .cta .eyebrow { color:#8ad7ec; }

/* ===== V5 FINAL FIX: text on light-grey content panels ===== */
/* Several former dark panels now sit on the site's light-grey background.
   Their old white text rules made the copy nearly invisible. */
main .section.dark-panel,
main .section.dark-panel h1,
main .section.dark-panel h2,
main .section.dark-panel h3,
main .section.dark-panel p,
main .section.dark-panel li,
main .section.dark-panel strong,
main .section.dark-panel b,
main .section.dark-panel .mini-stats span {
  color:#102235 !important;
}

/* Small labels/subheadings on those light panels use the established site blue. */
main .section.dark-panel .eyebrow,
main .section.dark-panel .eyebrow.dark {
  color:#165ea8 !important;
}

/* V7 boss-review refinements */
@media (min-width:851px){
  .site-header{padding-left:18px!important;padding-right:18px!important;gap:28px}
  .site-header .brand{flex:0 0 auto}
  .site-header nav{flex:1;justify-content:space-between;gap:0;margin-left:32px}
  .site-header nav a{padding:0 12px}
}
/* One consistent vertical rhythm across normal page content. */
.section{padding-top:72px!important;padding-bottom:72px!important}
.section-head{margin-bottom:32px!important}
.intro-grid,.split,.contact-grid{gap:56px!important}
.cards{gap:20px!important}.timeline,.milestones{gap:18px!important}
.section + .section{margin-top:0!important}
/* Technology hero: darker and much softer/subtler plant image. */
.technology-hero{position:relative;background-image:linear-gradient(90deg,rgba(7,24,43,.88),rgba(7,24,43,.76)),url('assets/plant-rendering.jpg')!important;background-position:center 38%!important}
.technology-hero:before{content:'';position:absolute;inset:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(7,24,43,.12);pointer-events:none}
.technology-hero>*{position:relative;z-index:1}
/* Contact copy raised so the industrial funnel remains visible. */
.contact-hero{justify-content:flex-start!important;padding-top:82px!important;padding-bottom:150px!important}
/* Rounded white statistic/step tiles. */
.feature-list div,.benefit div,.milestones div{background:#fff!important;border:1px solid var(--line);border-radius:12px!important;box-shadow:0 8px 24px rgba(16,34,53,.05)}
.timeline article{background:#fff!important;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;box-shadow:0 8px 24px rgba(16,34,53,.05)}
.timeline article>b{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:42px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 14px rgba(16,34,53,.06)}
.stats-strip div{background:#fff}
@media(max-width:850px){.section{padding-top:56px!important;padding-bottom:56px!important}.contact-hero{padding-top:72px!important;padding-bottom:120px!important}}

/* ===== V8 navigation refinement: individual evenly-spaced menu boxes ===== */
@media (min-width:851px){
  .site-header{
    width:100%;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:18px!important;
  }
  .site-header .brand{
    flex:0 0 auto;
    margin:0;
  }
  .site-header nav{
    flex:1 1 0;
    max-width:none!important;
    margin-left:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .site-header nav a{
    width:100%;
    min-height:48px;
    padding:12px 10px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#fff;
    border:1px solid #d6e0e6;
    border-radius:14px;
    box-shadow:0 2px 8px rgba(7,24,43,.035);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
  }
  .site-header nav a:hover{
    transform:translateY(-1px);
    border-color:#b9cad5;
    box-shadow:0 5px 14px rgba(7,24,43,.07);
    background:#fff;
  }
  .site-header nav a:after{display:none!important}
}


/* ===== V9 final boss refinements ===== */
/* Return desktop navigation to one continuous rounded box, stretched across the available header width. */
@media (min-width:851px){
  .site-header{
    padding-left:18px!important;
    padding-right:18px!important;
    gap:22px!important;
  }
  .site-header nav{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    padding:9px 12px!important;
    border:1px solid #d6e0e6!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 3px 12px rgba(7,24,43,.04)!important;
  }
  .site-header nav a{
    min-height:46px!important;
    padding:10px 8px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .site-header nav a:hover{background:rgba(22,94,168,.05)!important;box-shadow:none!important;transform:none!important}
  .site-header nav a:after{display:block!important;left:25%!important;right:75%!important;bottom:4px!important}
  .site-header nav a:hover:after{right:25%!important}
}

/* Home flagship figures: three distinct compact white rounded boxes. */
main .dark-panel .mini-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px!important;
  margin:30px 0!important;
}
main .dark-panel .mini-stats > div{
  background:#fff!important;
  border:1px solid #dfe8ed!important;
  border-radius:12px!important;
  padding:15px 14px!important;
  box-shadow:0 7px 20px rgba(0,0,0,.08)!important;
}
main .dark-panel .mini-stats b{color:#102235!important;margin-bottom:3px}
main .dark-panel .mini-stats span{color:#667688!important}

/* Contact supporting line moved right beneath the latter part of the main heading. */
@media (min-width:851px){
  .contact-hero > p{
    margin-left:clamp(130px,17vw,275px)!important;
    max-width:560px!important;
  }
}
@media (max-width:850px){
  .contact-hero > p{margin-left:0!important}
  main .dark-panel .mini-stats{grid-template-columns:1fr!important}
}


/* ===== Boss-requested layout refinements: August 15, 2026 ===== */
/* 1) Keep the full header size, but align the H&WB logo with page-heading content
   and make the logo itself slightly more compact. */
@media (min-width:1001px){
  .site-header{
    padding-left:max(26px,calc((100vw - var(--max))/2))!important;
    padding-right:18px!important;
  }
  .site-header .brand img{
    width:84px!important;
    height:84px!important;
  }
}
@media (min-width:851px) and (max-width:1000px){
  .site-header{padding-left:26px!important;}
}

/* 2) Tighten the transition from Coastal Access / Regional Connectivity into
   General Layout, and reduce the excess vertical space around the map. */
.project-connectivity-section{
  padding-top:48px!important;
  padding-bottom:38px!important;
}
.project-connectivity-section .panel-copy{
  padding:56px!important;
}
.project-connectivity-section .panel-image{
  min-height:420px!important;
}
.project-connectivity-section .panel-image img[src*="project-connectivity-map-user"]{
  object-fit:contain!important;
  object-position:center center!important;
}
.project-layout-section{
  padding-top:38px!important;
}

/* 3) Contact hero: one-line heading, shifted down/right, with the supporting
   line directly aligned beneath it while staying above/right of the funnel. */
@media (min-width:851px){
  .contact-hero{
    padding-top:116px!important;
  }
  .contact-hero > .eyebrow,
  .contact-hero > h1,
  .contact-hero > p{
    margin-left:clamp(220px,22vw,330px)!important;
  }
  .contact-hero > h1{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:clamp(44px,4.15vw,60px)!important;
  }
  .contact-hero > p{
    max-width:690px!important;
  }
}
@media (max-width:850px){
  .contact-hero > h1{
    white-space:normal!important;
  }
}

/* Responsive guardrails for the same requested layout. */
@media (min-width:851px) and (max-width:1000px){
  .contact-hero > .eyebrow,
  .contact-hero > h1,
  .contact-hero > p{
    margin-left:160px!important;
  }
  .contact-hero > h1{
    font-size:39px!important;
  }
  .project-connectivity-section .panel-copy{
    padding:42px 34px!important;
  }
  .project-connectivity-section .panel-image{
    min-height:360px!important;
  }
}
@media (max-width:850px){
  .project-connectivity-section .panel-copy{
    padding:38px 30px!important;
  }
  .project-connectivity-section .panel-image{
    min-height:340px!important;
  }
}

/* ===== Contact alignment refinement: August 15, 2026 ===== */
/* Return the contact hero copy to the shared page-content line used by the
   logo and the other page heroes, while keeping it above the industrial art. */
@media (min-width:851px){
  .contact-hero{
    padding-top:104px!important;
  }
  .contact-hero > .eyebrow,
  .contact-hero > h1,
  .contact-hero > p{
    margin-left:0!important;
  }
  .contact-hero > h1{
    max-width:none!important;
    white-space:nowrap!important;
  }
  .contact-hero > p{
    max-width:690px!important;
  }
}