/* Energens — construction hero, navigation and popup */
:root{--e-ink:#112f39;--e-teal:#008d84;--e-deep:#005f61}
.e-wrap{width:calc(100% - 64px);max-width:1320px;margin-left:auto;margin-right:auto}
.e-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 34px;padding:15px 0;font:600 15px/1.4 Arial,Helvetica,sans-serif}
.e-nav a{color:var(--e-ink);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.e-nav a:hover{color:#008d84}
.energens-primary-nav .e-nav{max-width:1000px;margin:auto;padding:16px 15px}
.e-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:14px 24px;border:0;border-radius:30px;background:linear-gradient(135deg,#10aaa1,#00736f);color:white!important;font:700 15px/1.3 Arial,Helvetica,sans-serif;text-decoration:none!important;cursor:pointer;box-shadow:0 5px 14px #006d6820;transition:filter .15s,transform .15s}
.e-btn:hover{filter:brightness(.93);transform:translateY(-1px)}
.e-btn:focus-visible,.e-text-btn:focus-visible,.e-nav a:focus-visible,.e-service-tile:focus-visible,.e-generator-tile:focus-visible{outline:3px solid #db982c;outline-offset:4px}
.e-header-request{font-size:13px;padding:12px 20px;min-height:42px;white-space:nowrap}
.e-hero{position:relative;background:#eef2ef url('/img/energens/construction-hero.webp') center center/cover no-repeat;padding-bottom:100px;color:var(--e-ink)}
.e-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,249,242,.54),rgba(251,249,242,.22) 45%,transparent 70%);pointer-events:none}
.e-hero>.e-wrap{position:relative;z-index:1}
.e-home-header{display:grid;grid-template-columns:220px minmax(200px,1fr) 205px auto;gap:26px;align-items:center;padding:24px 0 12px;font-family:Arial,Helvetica,sans-serif}
.e-home-brand img{display:block;width:200px;max-width:100%;height:auto}
.e-home-brand>span{display:block;margin-top:4px;padding-left:4px;color:#4c6b6c;font-size:11px}
.e-home-address{display:flex;flex-direction:column;gap:7px;max-width:310px;font-size:12px;line-height:1.5}
.e-home-address a{color:#183d43;text-decoration:none}
.e-home-address a:last-child{font-weight:700}
.e-home-phone{display:flex;flex-direction:column;gap:5px}
.e-home-phone a{color:var(--e-ink);font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none}
.e-home-phone>span{color:#425c60;font-size:11px}
.e-hero .e-nav{padding-top:10px;padding-bottom:25px;gap:12px 32px;border-bottom:1px solid #224c4d20}
.e-hero-copy{padding-top:34px;max-width:710px}
.e-hero-badge{display:inline-block;padding:8px 16px;border-radius:30px;background:#007f78;color:white;font:700 15px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.4px;margin-bottom:16px}
.e-hero h1{font:900 italic clamp(38px,4.2vw,62px)/1.06 Arial,Helvetica,sans-serif!important;color:#102f3a!important;text-shadow:none!important;padding:0!important;margin:0 0 21px!important;letter-spacing:-2px;text-align:left!important}
.e-hero h1 span{color:#005d60}
.e-hero-description{font:400 22px/1.35 Arial,Helvetica,sans-serif;color:#153038;max-width:520px;margin:0 0 24px}
.e-hero-description strong{font-weight:700}
.e-hero-perks{display:flex;gap:24px;list-style:none;margin:0 0 28px;padding:0}
.e-hero-perks li{display:flex;align-items:center;gap:9px;font:600 13px/1.35 Arial,Helvetica,sans-serif;color:#17363c}
.e-hero-perks li>span{font-size:28px;font-weight:700;color:#00978c}
.e-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.e-hero-actions>.e-btn{min-height:54px;font-size:17px}
.e-text-btn{border:0;background:#ffffff83;color:#15363c;font:600 13px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;padding:10px 12px;border-radius:20px}
.e-text-btn span{display:inline-block;border:1px solid #305253;border-radius:50%;width:20px;height:20px;text-align:center;margin-left:4px}
.e-generator-strip{position:relative;z-index:2;margin-top:-45px;display:grid;grid-template-columns:190px repeat(4,minmax(0,1fr));padding:24px 20px;background:#fff;border-radius:22px;border:1px solid #e4e9e5;box-shadow:0 6px 22px #1b494a0d}
.e-strip-intro{padding:6px 16px 6px 8px}
.e-strip-intro h2,.e-why-heading h2{font:900 28px/1.06 Arial,Helvetica,sans-serif;color:var(--e-ink);text-shadow:none;margin:0 0 14px;letter-spacing:-.9px}
.e-strip-intro p{font:400 14px/1.4 Arial,Helvetica,sans-serif;margin:0}
.e-strip-intro>span{display:block;background:#00897c;width:52px;height:3px;margin-top:18px}
.e-generator-tile{display:flex;flex-direction:column;align-items:center;padding:0 12px;border-left:1px solid #dfe6e2;text-decoration:none!important;color:var(--e-ink);min-width:0;text-align:center;gap:6px;font-family:Arial,Helvetica,sans-serif}
.e-generator-tile img{width:100%;height:112px;object-fit:cover;border-radius:8px}
.e-generator-tile strong{font-size:18px;line-height:1.2;margin-top:4px}
.e-generator-tile>span{font-size:12px;line-height:1.35}
.e-generator-tile:hover strong{color:#00897c}
.e-intro-services{display:grid;grid-template-columns:180px 260px 150px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:28px 0 32px}
.e-why-heading h2{font-size:26px;margin:0}.e-why-heading span{color:#00776e}
.e-why-list{list-style:none;margin:0;padding:0 20px 0 0;border-right:1px solid #7eaaa3}
.e-why-list li{position:relative;padding-left:25px;font:400 13px/1.35 Arial,Helvetica,sans-serif;margin-bottom:10px;color:#17363b}
.e-why-list li:last-child{margin-bottom:0}
.e-why-list li::before{content:'✓';position:absolute;left:0;top:0;background:#008e80;border-radius:50%;width:17px;height:17px;font-size:12px;line-height:17px;text-align:center;color:white}
.e-additional-title{font:800 15px/1.25 Arial,Helvetica,sans-serif;color:#17363b}
.e-service-tile{position:relative;display:block;min-height:155px;border-radius:12px;overflow:hidden;color:white!important;text-decoration:none}
.e-service-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.e-service-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#061e24e6)}
.e-service-tile>span{position:absolute;bottom:14px;left:14px;right:10px;z-index:1;font-family:Arial,Helvetica,sans-serif}
.e-service-tile strong{display:block;font-size:14px;line-height:1.3}
.e-service-tile small{display:block;font-size:11px;margin-top:4px}
.e-service-tile:hover img{transform:scale(1.04)}
.e-cta{clear:both;padding:18px 16px;margin:26px auto;max-width:1352px;font-family:Arial,Helvetica,sans-serif}
.e-cta-inner{display:flex;align-items:center;gap:24px;padding:22px 28px;border-radius:14px;background:linear-gradient(110deg,#05343c,#006c6b);color:white;box-shadow:0 8px 20px #005b5710}
.e-cta-inner>img{width:54px;height:54px;object-fit:cover;object-position:left;/* logo symbol only */clip-path:circle(45% at 50% 50%);display:none}
.e-cta h2{font:900 italic 27px/1.1 Arial,Helvetica,sans-serif!important;color:white!important;text-shadow:none;margin:0!important;white-space:nowrap;letter-spacing:-.5px}
.e-cta p{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#e0f0ed;max-width:400px;margin:0;flex:1}
.e-btn-orange{background:linear-gradient(160deg,#ffc471,#ef8b24);color:#17363b!important;margin-left:auto;white-space:nowrap}
.e-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:34px;border:0;border-radius:18px;box-shadow:0 24px 90px #052e3d60;background:#fff;color:#183b40;margin:auto;font-family:Arial,Helvetica,sans-serif}
.e-dialog::backdrop{background:#061e2bb3;backdrop-filter:blur(4px)}
.e-dialog:not([open]){display:none}
.e-dialog-close{position:absolute;right:12px;top:9px;width:38px;height:38px;border:0;border-radius:50%;background:#eef5f2;color:#33594e;font:400 28px/1 Arial;cursor:pointer}
.e-eyebrow{display:block;font:700 11px/1.4 Arial,Helvetica,sans-serif;color:#00857a;letter-spacing:1.2px}
.e-dialog h2{font:700 27px/1.2 Arial,Helvetica,sans-serif;text-shadow:none;color:#193a40;margin:12px 0}
.e-dialog p{font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#607673;margin-bottom:22px}
.e-popup-form label{font:600 13px/1.4 Arial,Helvetica,sans-serif;color:#49655e;display:block;margin-bottom:8px}
.e-popup-form input[type=text]{height:48px;padding:12px;border:1px solid #cbddd6;border-radius:8px;background:white;box-shadow:none;font:400 16px Arial,Helvetica,sans-serif;margin-bottom:18px;width:100%}
.e-popup-form input[type=text]:focus{outline:2px solid #008b7c;outline-offset:2px}
.e-popup-form .submit-button{width:100%;border:0;border-radius:26px!important;background:#008b7e!important;font:700 15px/1.3 Arial,Helvetica,sans-serif;min-height:48px;color:white}
.e-popup-form .submit-response{padding:16px;background:#e8f5ef;color:#205640;border-radius:10px}
.e-modal-open{overflow:hidden}
#rental-prices,#operational-service,#scheduled-service,#service{scroll-margin-top:20px}
.e-sale-page{max-width:1000px;padding:12px 0 30px}.e-sale-page>p{color:#59736a;font:400 17px/1.5 Arial,Helvetica,sans-serif}
.e-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.e-brand-card{display:block;border:1px solid #d8e7e0;background:#f6faf8;border-radius:14px;padding:26px;text-decoration:none!important;color:#203f39;transition:box-shadow .15s}
.e-brand-card h2{font:800 27px/1.2 Arial,Helvetica,sans-serif;text-shadow:none;color:#153a37;margin:18px 0 12px}
.e-brand-card p{font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#5b7469}
.e-brand-go{font:700 14px/1.4 Arial,Helvetica,sans-serif;color:#007f70}
.e-brand-card:hover{box-shadow:0 5px 22px #1d58451a}
@media(min-width:1100px){.energens-contact-header{grid-template-columns:1fr 1.1fr 1fr}.energens-header-phones .e-header-request{align-self:flex-start}}
@media(max-width:1200px){.e-home-header{grid-template-columns:180px minmax(180px,1fr) 180px auto;gap:18px}.e-home-phone a{font-size:14px}.e-header-request{padding:12px 16px;font-size:12px}.e-intro-services{grid-template-columns:150px 220px 1fr 1fr;gap:16px}.e-additional-title{display:none}.e-why-heading h2{font-size:23px}.e-generator-strip{grid-template-columns:160px repeat(4,minmax(0,1fr))}.e-strip-intro h2{font-size:23px}.e-generator-tile strong{font-size:16px}}
@media(max-width:950px){.e-wrap{width:calc(100% - 40px)}.e-home-header{grid-template-columns:170px 1fr 185px}.e-home-header>.e-header-request{grid-column:3;grid-row:2;margin-top:-5px;justify-self:start;min-height:36px;padding:8px 16px}.e-home-phone a{font-size:14px}.e-home-address{font-size:11px}.e-hero-copy{padding-top:28px;max-width:610px}.e-hero{background-position:58% center}.e-hero::before{background:linear-gradient(90deg,#faf7f0de,#faf7f094 55%,transparent)}.e-hero h1{font-size:43px!important}.e-hero-description{font-size:19px}.e-generator-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 12px}.e-strip-intro{grid-column:1/-1;display:flex;align-items:center;gap:25px;padding-bottom:18px}.e-strip-intro h2 br{display:none}.e-strip-intro h2{margin:0}.e-strip-intro p br{display:none}.e-strip-intro>span{display:none}.e-generator-tile{padding:0 8px}.e-generator-tile:nth-child(2){border-left:0}.e-generator-tile img{height:95px}.e-intro-services{grid-template-columns:1fr 1.4fr 1fr 1fr;gap:16px}.e-why-heading h2{font-size:20px}.e-why-list{padding-right:12px}.e-why-list li{font-size:12px}.e-service-tile{min-height:160px}.e-cta-inner{flex-wrap:wrap;gap:16px;padding:24px}.e-cta h2{font-size:25px!important}.e-cta p{max-width:none}.e-btn-orange{margin-left:0}.e-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.e-wrap{width:calc(100% - 32px)}.e-hero{background-size:auto 330px;background-position:62% bottom;background-color:#f6f7f1;padding-bottom:290px}.e-hero::before{background:linear-gradient(#f6f7f1 0%,#f6f7f1 63%,transparent 82%)}.e-home-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:18px 0 12px}.e-home-brand{grid-column:1/-1}.e-home-brand img{width:165px}.e-home-address{grid-column:1;grid-row:2;font-size:11px;max-width:none;overflow-wrap:anywhere}.e-home-phone{grid-column:2;grid-row:2;align-self:start;gap:7px}.e-home-phone a{font-size:clamp(11px,3.3vw,15px)}.e-home-phone>span{font-size:10px}.e-home-header>.e-header-request{grid-column:2;grid-row:3;font-size:11px;min-height:34px;padding:8px 13px;margin-top:-6px;justify-self:start}.e-hero .e-nav{gap:6px 18px;padding:7px 0 16px;font-size:13px}.e-nav{gap:6px 19px;font-size:14px}.e-hero-copy{padding-top:24px}.e-hero-badge{font-size:11px;padding:7px 11px;margin-bottom:14px}.e-hero h1{font-size:clamp(26px,7vw,40px)!important;letter-spacing:-.8px;line-height:1.1!important;margin-bottom:17px!important}.e-hero-description{font-size:16px;max-width:365px}.e-desktop-break{display:none}.e-hero-perks{gap:14px;margin-bottom:20px}.e-hero-perks li{font-size:10px;gap:6px}.e-hero-perks li>span{font-size:22px}.e-hero-actions{gap:10px}.e-hero-actions>.e-btn{font-size:14px;min-height:48px;padding:13px 20px}.e-text-btn{padding-left:0;background:transparent;font-size:12px}.e-generator-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;margin-top:-25px;border-radius:16px;padding:20px 12px}.e-strip-intro{padding:0 4px 0;gap:14px}.e-strip-intro h2{font-size:21px}.e-strip-intro h2 br{display:block}.e-strip-intro p{font-size:12px}.e-generator-tile{border:0;padding:0 6px}.e-generator-tile img{height:85px}.e-generator-tile strong{font-size:15px}.e-generator-tile>span{font-size:11px}.e-intro-services{grid-template-columns:1fr 1fr;gap:18px 14px;padding:26px 0}.e-why-heading h2{font-size:23px}.e-why-list{border:0;padding:0}.e-why-list li{font-size:11px}.e-service-tile{min-height:155px}.e-service-tile>span{left:10px;bottom:12px}.e-service-tile strong{font-size:13px}.e-service-tile small{font-size:10px}.e-cta{padding:8px 15px;margin:18px auto}.e-cta-inner{display:flex;flex-direction:column;align-items:flex-start;padding:25px 22px;gap:16px}.e-cta h2{font-size:25px!important;white-space:normal}.e-cta p{font-size:13px}.e-cta .e-btn{font-size:14px;min-height:46px;padding:12px 20px}.e-dialog{padding:30px 24px}.e-dialog h2{font-size:25px}.e-brand-grid{grid-template-columns:1fr}.e-brand-card{padding:22px}.energens-header-phones .e-header-request{font-size:10px;min-height:34px;padding:8px 10px;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.e-btn,.e-service-tile img{transition:none}}

.e-dialog .e-dialog-close{padding:0!important;width:38px;height:38px;min-width:38px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#33594e!important;background:#eef5f2!important;margin:0!important;line-height:1!important}

/* 2026: gallery, responsive hero refinement, faithful CTA and interior header */
.e-strip-intro h2{font-size:19.6px;letter-spacing:-.4px}
.e-additional-title{font-size:12px;line-height:1.3}
.e-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,265px));align-items:stretch;gap:16px;max-width:546px}
.e-hero-actions>.e-btn,.e-hero-actions>.e-text-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;height:56px;box-sizing:border-box;padding:14px 18px;border-radius:30px;font:700 15px/1.25 Arial,Helvetica,sans-serif;text-align:center;margin:0;text-decoration:none}
.e-hero-actions>.e-text-btn{background:#ffffffbd;border:1px solid #008c82;color:#006a64;box-shadow:0 5px 14px #006d6810}
.e-hero-actions>.e-text-btn:hover{background:#e8f5f1}
.e-hero-actions .e-text-btn span{border:0;border-radius:0;width:auto;height:auto;margin:0}
.e-hero-actions>.e-text-btn>span:last-child,.e-hero-actions>.e-btn>span:last-child{font-size:20px;line-height:1;flex:0 0 auto}
.e-mobile-break,.e-mobile-scene{display:none}
.e-cta-inner{position:relative;isolation:isolate;gap:20px;background-color:#07525a;background-image:linear-gradient(105deg,rgba(3,45,53,.35),rgba(0,111,108,.12)),url('/img/energens/cta-city.webp?v=d4e23b0507'),repeating-linear-gradient(133deg,transparent 0 64px,#0a777733 65px 116px,transparent 117px 172px),linear-gradient(110deg,#073a44,#00817c);background-repeat:no-repeat;background-position:center,right bottom,center,center;background-size:cover,44% 100%,cover,cover;border:1px solid #17888660;padding:16px 24px;min-height:112px}
.e-cta-inner>img.e-cta-emblem{display:block;clip-path:none;width:78px;height:66px;flex:0 0 78px;object-fit:contain;mix-blend-mode:screen}
.e-cta h2{font-size:25px!important}
.e-cta p{font-size:12px;max-width:365px}
.e-cta .e-btn-orange{border:1px solid #ffd38d;box-shadow:0 0 20px #ffa52d3b;flex:0 0 auto}
.e-dialog .e-dialog-close,.e-lightbox .e-lightbox-close{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;transform:none!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#eaf3ef!important;color:#2d6054!important;line-height:1!important;overflow:hidden;cursor:pointer;z-index:3}
.e-dialog-close svg,.e-lightbox-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;pointer-events:none}
.e-inner-header{background-color:#edf4f2;background-image:linear-gradient(90deg,#f7f6efdd,#e5f1f0c9),url('/img/energens/construction-hero.webp');background-size:cover;background-position:center,center 24%;border-bottom:1px solid #d6e4df}
.e-inner-header .energens-primary-nav{background:transparent;border-top:1px solid #315e5220;border-bottom:0;margin-top:0}
.e-inner-header .energens-contact-header{padding-top:25px;padding-bottom:18px}
.e-inner-header .e-nav{max-width:1000px;padding:15px 15px 20px;gap:12px 32px;font:600 15px/1.4 Arial,Helvetica,sans-serif}
.e-inner-header .e-nav a{color:#112f39}
.e-inner-header .e-nav a:hover{color:#008d84}
.e-project-gallery{padding:36px 0 8px;text-align:left}
.e-project-gallery h2{font:700 28px/1.2 Arial,Helvetica,sans-serif;color:#243c3a;text-shadow:none;text-align:left;margin:8px 0 10px!important}
.e-project-gallery>p{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#607970;margin:0 0 22px}
.e-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:230px 230px;gap:14px}
.e-project-tile{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border-radius:14px;background:#e9f0ee;box-shadow:0 6px 20px #173e3210}
.e-project-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.e-project-tile:hover img{transform:scale(1.04)}
.e-project-tile-1{grid-column:1/5;grid-row:1/3}
.e-project-tile-2{grid-column:5/9;grid-row:1}
.e-project-tile-3{grid-column:9/13;grid-row:1}
.e-project-tile-4{grid-column:5/9;grid-row:2}
.e-project-tile-5{grid-column:9/13;grid-row:2}
.e-project-tile-3 img{object-position:center 40%}
.e-project-tile-4 img{object-position:center 40%}
.e-photo-zoom{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:white;background:#005d61a6;font:400 24px/1 Arial,Helvetica,sans-serif;backdrop-filter:blur(4px)}
.e-lightbox{border:0;padding:14px;margin:auto;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1400px;max-height:1100px;border-radius:16px;background:#10282e;box-sizing:border-box;color:white;overflow:hidden}
.e-lightbox:not([open]){display:none}
.e-lightbox::backdrop{background:#04141ee8;backdrop-filter:blur(5px)}
.e-lightbox-stage{height:calc(100% - 65px);display:flex;align-items:center;justify-content:center;padding:5px 45px;min-height:0}
.e-lightbox-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:5px}
.e-lightbox-toolbar{display:flex;align-items:center;gap:15px;justify-content:center;height:60px;padding:5px 14px}
.e-lightbox-caption{margin:0;font:400 13px/1.4 Arial,Helvetica,sans-serif;color:#d7e8e4;text-align:center}
.e-lightbox-toolbar button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;margin:0;border:1px solid #8bb3ab70;border-radius:50%;background:#21454b;color:white;font:400 24px/1 Arial,Helvetica,sans-serif}
.e-project-tile:focus-visible{outline:3px solid #008d7e;outline-offset:3px}
.e-sale-page #sale{margin-top:40px;max-width:100%}
.e-sale-page #sale>.column,.e-sale-page #sale>.columns{padding-left:0;padding-right:0}
@media(max-width:1200px){.e-strip-intro h2{font-size:16.1px}.e-cta-inner{gap:16px}.e-cta h2{font-size:22px!important}.e-cta-inner>img.e-cta-emblem{width:64px;height:58px;flex-basis:64px}}
@media(max-width:950px){.e-strip-intro h2{font-size:16.1px}.e-cta-inner{flex-wrap:wrap}.e-cta p{max-width:none;min-width:200px}.e-project-grid{grid-template-rows:200px 200px}.e-inner-header .e-nav{gap:12px 26px}}
@media(max-width:640px){
 .e-hero{padding-bottom:0;background-image:none!important;background-color:#f6f7f1}
 .e-hero::before{display:none}
 .e-hero-copy{padding-top:22px}
 .e-home-header{gap:13px 16px}
 .e-hero .e-nav{padding-bottom:14px}
 .e-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none}
 .e-hero-actions>.e-btn,.e-hero-actions>.e-text-btn{height:60px;min-height:60px;font-size:13px;line-height:1.3;padding:10px 12px;gap:6px;border-radius:16px}
 .e-hero-actions .e-action-label{display:block}
 .e-hero-actions>.e-text-btn>span:last-child,.e-hero-actions>.e-btn>span:last-child{font-size:17px}
 .e-mobile-break{display:block}
 .e-mobile-scene{display:block;height:260px;margin-top:12px;background:url('/img/energens/construction-hero.webp') 75% center/cover no-repeat;mask-image:linear-gradient(transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(transparent 0%,#000 22%)}
 .e-generator-strip{margin-top:-20px}
 .e-strip-intro h2{font-size:14.7px}
 .e-cta-inner{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px 14px;align-items:center;padding:20px;background-size:cover,100% 100%,cover,cover}
 .e-cta-inner>img.e-cta-emblem{grid-column:1;grid-row:1;width:60px;height:60px}
 .e-cta h2{grid-column:2;grid-row:1;font-size:23px!important;white-space:normal}
 .e-cta p{grid-column:1/-1;min-width:0;font-size:13px}
 .e-cta .e-btn-orange{grid-column:1/-1;justify-self:start;margin-top:2px}
 .e-inner-header .energens-contact-header{padding:20px 15px 14px}
 .e-inner-header .e-nav{gap:6px 18px;padding:10px 15px 16px;font-size:13px}
 .e-project-gallery{padding-top:28px}.e-project-gallery h2{font-size:25px}
 .e-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:210px 200px 200px;gap:10px}
 .e-project-tile-1{grid-column:1;grid-row:1/3}.e-project-tile-2{grid-column:2;grid-row:1}.e-project-tile-3{grid-column:2;grid-row:2}.e-project-tile-4{grid-column:1;grid-row:3}.e-project-tile-5{grid-column:2;grid-row:3}
 .e-project-tile{border-radius:10px}.e-photo-zoom{width:28px;height:28px;font-size:21px;bottom:9px;right:9px}
 .e-lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;padding:10px}
 .e-lightbox-stage{padding:45px 0 5px;height:calc(100% - 85px)}
 .e-lightbox-toolbar{height:80px;padding:0;gap:10px}.e-lightbox-caption{font-size:11px}
 .e-lightbox-toolbar button{width:36px;height:36px;flex-basis:36px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){.e-project-tile img{transition:none}}

/* Mobile background starts at hero copy */
@media(max-width:640px){
 .e-hero-copy{position:relative;isolation:isolate;padding-bottom:16px}
 .e-hero-copy::before{content:'';position:absolute;top:0;left:-16px;right:-16px;bottom:-240px;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,rgba(246,247,241,.94) 0%,rgba(246,247,241,.83) 32%,rgba(246,247,241,.48) 60%,rgba(246,247,241,0) 92%),url('/img/energens/construction-hero.webp');background-position:center,72% center;background-repeat:no-repeat;background-size:cover}
 .e-mobile-scene{height:240px;margin-top:0;background:none;mask-image:none;-webkit-mask-image:none}
}

/* Accessible mobile hamburger, desktop navigation unchanged */
.e-menu-toggle{display:none}
@media(max-width:640px){
 .e-inner-header{position:relative}
 .e-menu-ready .e-menu-toggle{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:16px;z-index:30;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;margin:0!important;border:1px solid #a9cec7;border-radius:12px;background:#ffffffed!important;color:#006d66;box-shadow:0 3px 12px #1a655515;cursor:pointer}
 .e-hero .e-menu-toggle{right:0}
 .e-burger-lines{position:relative;display:block;width:20px;height:16px}
 .e-burger-lines>span{display:block;position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:#006d66;transition:transform .15s,opacity .15s,top .15s}
 .e-burger-lines>span:nth-child(1){top:0}.e-burger-lines>span:nth-child(2){top:7px}.e-burger-lines>span:nth-child(3){top:14px}
 .e-menu-toggle[aria-expanded=true] .e-burger-lines>span:nth-child(1){top:7px;transform:rotate(45deg)}
 .e-menu-toggle[aria-expanded=true] .e-burger-lines>span:nth-child(2){opacity:0}
 .e-menu-toggle[aria-expanded=true] .e-burger-lines>span:nth-child(3){top:7px;transform:rotate(-45deg)}
 .e-menu-ready .e-hero .e-nav,.e-menu-ready .e-inner-header .e-nav{display:none;position:absolute;top:72px;left:16px;right:16px;width:auto;max-width:none;padding:10px;margin:0;border:1px solid #d5e6df;border-radius:14px;background:#fffffff7;box-shadow:0 16px 40px #123f3929;z-index:29;gap:0;backdrop-filter:blur(12px)}
 .e-menu-ready .e-hero .e-nav{left:0;right:0}
 .e-menu-ready .e-hero .e-nav.is-open,.e-menu-ready .e-inner-header .e-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
 .e-menu-ready .e-nav a{display:flex;align-items:center;min-height:46px;padding:12px 14px;border-radius:8px;font:600 15px/1.4 Arial,Helvetica,sans-serif;color:#17463f}
 .e-menu-ready .e-nav a:hover,.e-menu-ready .e-nav a:focus-visible{background:#eaf5ef}
 .e-menu-ready .e-inner-header .energens-primary-nav{border:0;padding:0;margin:0}
 .e-menu-ready .e-home-brand,.e-menu-ready .energens-header-logo{padding-right:52px}
 .e-menu-toggle:focus-visible{outline:3px solid #149786;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.e-burger-lines>span{transition:none}}

/* Mobile request button beside logo */
@media(max-width:640px){
 .e-home-header>.e-header-request{position:absolute;top:70px;right:0;left:auto;bottom:auto;grid-row:auto;grid-column:auto;margin:0!important;min-height:34px;align-self:auto;justify-self:auto;z-index:3}
 .e-home-header .e-home-brand{min-height:86px;box-sizing:border-box}
 .e-inner-header .energens-header-phones .e-header-request{position:absolute;top:70px;right:16px;left:auto;bottom:auto;margin:0!important;min-height:34px;z-index:3}
 .e-inner-header .energens-header-logo{min-height:86px;box-sizing:border-box}
}

/* Mobile request button left of hamburger */
@media(max-width:640px){
 .e-home-header>.e-header-request{top:23px;right:54px;font-size:10px;padding:8px 11px;min-height:34px}
 .e-inner-header .energens-header-phones .e-header-request{top:23px;right:70px;font-size:10px;padding:8px 11px;min-height:34px}
 .e-home-header .e-home-brand,.e-inner-header .energens-header-logo{min-height:62px}
 .e-home-brand img{width:clamp(112px,36vw,165px)}
 .e-inner-header .energens-header-logo img{width:clamp(104px,33vw,117.5px)}
}

@media(max-width:640px){.e-home-brand>span{margin-top:12px}.e-inner-header .energens-logo-caption{margin-top:14px!important}}