/* ECO2PASSIVE Premium 1.1.0 — WordPress production refinements.
   Applied AFTER main.css. Existing Gutenberg page content remains fully editable. */
:root{--e2p-container:1320px;--e2p-shadow:0 12px 38px rgba(12,39,36,.07)}
html{scroll-padding-top:104px}
.e2p-main{overflow:clip}
.e2p-main a:focus-visible,.e2p-site-header a:focus-visible,.e2p-site-footer a:focus-visible,.e2p-menu-toggle:focus-visible{outline:3px solid var(--e2p-gold);outline-offset:4px}
/* Guard against WP core block flow/layout styles that can constrain flex/grid children. */
.e2p-home-content .e2p-focus,.e2p-home-content .e2p-hero,.e2p-home-content .e2p-cta{max-width:none!important;width:100%!important}
.e2p-home-content .e2p-focus-grid{
  display:grid!important;grid-template-columns:116px minmax(0,1fr) minmax(200px,310px)!important;
  width:min(calc(100% - 88px),var(--e2p-container))!important;
  max-width:none!important;min-width:0!important;
  margin:0 auto!important;column-gap:36px;row-gap:10px;
  padding:30px 0;min-height:134px;align-items:center;
}
.e2p-home-content .e2p-focus-grid > *{
  max-width:none!important;min-width:0!important;width:auto!important;
  margin:0!important;align-self:center;
}
.e2p-home-content .e2p-focus-grid .e2p-focus-label{font-size:11px;line-height:1.65;font-weight:760;letter-spacing:.13em}
.e2p-home-content .e2p-focus-grid .e2p-focus-headline{
  display:block!important;font-size:clamp(16px,1.35vw,21px)!important;
  line-height:1.42!important;letter-spacing:-.015em!important;font-weight:680;
  padding:1px 0 1px 34px;border-left:1px solid #cfdad5;
  word-break:normal;overflow-wrap:normal;
}
.e2p-home-content .e2p-focus-grid .e2p-focus-desc{display:block;font-size:13px;line-height:1.65;padding:2px 0 2px 28px;border-left:1px solid #cfdad5}
/* Full-width inner rows: WordPress adds `is-layout-constrained` to Gutenberg Groups.
   Without these rules, WP clamps the service/project grids to its generic
   content width even though our surrounding section uses a wider B2B grid. */
.e2p-home-content .e2p-hero-columns,
.e2p-home-content .e2p-services-grid,
.e2p-home-content .e2p-projects-grid,
.e2p-home-content .e2p-about-grid,
.e2p-home-content .e2p-section-heading{
  width:100%!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;
}
.e2p-home-content .e2p-services-grid > .wp-block-column,
.e2p-home-content .e2p-projects-grid > .wp-block-column,
.e2p-home-content .e2p-about-grid > .wp-block-column,
.e2p-home-content .e2p-hero-columns > .wp-block-column{
  min-width:0;max-width:none!important;
}
.e2p-home-content .e2p-service-card,
.e2p-home-content .e2p-project-card,
.e2p-home-content .e2p-service-image,
.e2p-home-content .e2p-project-image,
.e2p-home-content .e2p-about-image{
  width:100%!important;max-width:none!important;
  margin-inline:0!important;
}
.e2p-home-content .e2p-hero-image,
.e2p-home-content .e2p-hero-image img{max-width:none!important}
/* Reset the auto-centering of individual headings and links inside constrained Groups. */
.e2p-home-content .e2p-section-heading > *,
.e2p-home-content .e2p-service-card-body > *,
.e2p-home-content .e2p-project-card-body > *,
.e2p-home-content .e2p-cta-left > *,
.e2p-home-content .e2p-cta-right > *{
  max-width:none!important;margin-left:0!important;margin-right:0!important;
}
.e2p-home-content .e2p-section-heading > *{width:100%!important}
.e2p-home-content .e2p-service-card-body > *{align-self:stretch}
.e2p-home-content .e2p-cta-left,.e2p-home-content .e2p-cta-right{align-self:center}
/* Three clear short proof points. Core Group's constrained layout cannot stack them. */
.e2p-home-content .e2p-hero-facts{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;width:min(100%,470px)!important;max-width:470px!important;
  align-self:flex-start!important;align-items:start!important;
  margin:49px 0 0!important;padding:19px 0 0!important;
}
.e2p-home-content .e2p-hero-facts > .e2p-hero-proof{
  min-width:0!important;max-width:none!important;width:auto!important;
  margin:0!important;padding:0 20px!important;
  font-size:10px;line-height:1.5;letter-spacing:.065em;
}
.e2p-home-content .e2p-hero-facts > .e2p-hero-proof:first-child{padding-left:0!important}
.e2p-home-content .e2p-hero-facts > .e2p-hero-proof:not(:first-child){border-left:1px solid #bccac6}
/* Stronger hero, subtle editorial layout and more comfortable line spacing. */
.e2p-header-inner{min-height:88px}
.e2p-site-header{box-shadow:0 3px 21px rgba(10,30,27,.035)}
.e2p-brand-words>img{width:178px}
.e2p-brand-icon{width:40px;height:42px}
.e2p-header-navigation .e2p-menu{gap:32px}
.e2p-header-navigation .e2p-menu a{font-size:13px;line-height:1.5}
.e2p-header-cta{font-size:13px;min-height:44px;padding:13px 19px}
.e2p-header-navigation .e2p-menu .sub-menu{display:none;position:absolute;top:100%;left:-18px;z-index:110;min-width:230px;padding:12px 16px;box-shadow:0 18px 40px rgba(10,30,27,.13);background:#fff;border:1px solid var(--e2p-line)}
.e2p-header-navigation .e2p-menu .sub-menu li a{padding:9px 2px;white-space:normal}
.e2p-header-navigation .e2p-menu li:hover>.sub-menu,.e2p-header-navigation .e2p-menu li:focus-within>.sub-menu{display:block}
.e2p-main .e2p-hero-columns{min-height:660px}
.e2p-hero-left{padding-top:80px;padding-bottom:68px}
.e2p-main .e2p-hero-heading{font-size:clamp(45px,4.15vw,69px);line-height:1.075;letter-spacing:-.047em}
.e2p-main .e2p-hero-description{font-size:17px;line-height:1.8;color:#536b67;max-width:525px}
.e2p-main .e2p-hero-kicker{font-size:10px;letter-spacing:.145em}
.e2p-main .wp-block-button__link{min-height:48px;font-size:13px;padding:15px 22px}
.e2p-main .e2p-hero-facts::before{width:50px}
.e2p-main .e2p-hero-right::after{background:linear-gradient(90deg,rgba(247,249,248,.79),transparent 24%)}
/* Uniform premium cards */
.e2p-main .e2p-services-grid,.e2p-main .e2p-projects-grid{gap:24px}
.e2p-services{padding-top:100px;padding-bottom:108px}
.e2p-section-heading{margin-bottom:36px!important}
.e2p-main .e2p-section-lead{font-size:15px;line-height:1.75}
.e2p-service-card{border-color:#e2e9e6;box-shadow:0 12px 36px rgba(18,39,37,.065)}
.e2p-service-card-body{padding:24px 22px 24px;min-height:253px}
.e2p-main .e2p-service-title{font-size:19px;line-height:1.35;min-height:55px}
.e2p-main .e2p-card-description{font-size:14px;line-height:1.65;color:#536663}
.e2p-main .e2p-card-link{font-size:12.5px}
.e2p-project-card{border-color:#e2e9e6}
.e2p-main .e2p-project-title{font-size:19px}
.e2p-main .e2p-project-meta{font-size:12px;white-space:normal}
/* The editorial 'About' panel */
.e2p-about{padding-top:92px;padding-bottom:92px}
.e2p-about-grid{max-width:var(--e2p-container);margin-inline:auto!important}
.e2p-main .e2p-about-title{font-size:clamp(35px,3vw,49px)}
.e2p-main .e2p-about-description{font-size:15px;line-height:1.85;color:#566e69}
.e2p-main .e2p-about-actions{margin-top:29px!important}
/* Prevent constrained-layout styles from collapsing horizontal CTA */
.e2p-home-content .e2p-cta-inner{
  width:min(calc(100% - 88px),var(--e2p-container))!important;
  max-width:none!important;min-width:0!important;
  margin:0 auto!important;display:flex!important;
  justify-content:space-between;align-items:center;gap:60px;
}
.e2p-home-content .e2p-cta-inner > *{margin:0!important;max-width:none!important;min-width:0!important}
.e2p-home-content .e2p-cta-left{flex:1 1 auto}
.e2p-home-content .e2p-cta-right{width:340px;flex:0 0 340px}
.e2p-cta{padding-block:81px}
.e2p-main .e2p-cta-text{font-size:14px;line-height:1.8}
/* Footer readability and spacious business-to-business composition */
.e2p-site-footer{padding-top:80px;background:#122526}
.e2p-footer-grid{column-gap:50px;grid-template-columns:1.5fr .65fr 1.16fr 1fr;padding-bottom:65px}
.e2p-footer-column h2{font-size:14px;margin:5px 0 22px}
.e2p-footer-company p{font-size:14px;line-height:1.8;max-width:320px}
.e2p-footer-column .e2p-menu a,.e2p-footer-column>a,.e2p-contact-location{font-size:13px;line-height:1.75}
.e2p-footer-bottom{font-size:12px;min-height:75px}
.e2p-brand--footer .e2p-brand-words>img{width:196px}
.e2p-brand--footer .e2p-brand-icon{width:45px;height:47px}
/* Larger installed/custom logos in either brand context */
.e2p-custom-logo{max-width:250px;max-height:72px;object-fit:contain}
.e2p-brand--footer .e2p-custom-logo{max-width:260px;max-height:78px}
@media (max-width:1200px){
 .e2p-home-content .e2p-focus-grid,.e2p-home-content .e2p-cta-inner{width:calc(100% - 62px)!important}
 .e2p-home-content .e2p-focus-grid{grid-template-columns:103px minmax(0,1fr) minmax(175px,245px)!important;column-gap:22px}
 .e2p-home-content .e2p-focus-grid .e2p-focus-headline{padding-left:25px}
 .e2p-home-content .e2p-focus-grid .e2p-focus-desc{padding-left:22px}
 .e2p-main .e2p-hero-heading{font-size:clamp(43px,4.45vw,63px)}
 .e2p-home-content .e2p-hero-facts > .e2p-hero-proof{padding-inline:13px!important}
 .e2p-main .e2p-hero-facts > .e2p-hero-proof:first-child{padding-left:0!important}
 .e2p-service-card-body{min-height:272px}
 .e2p-footer-grid{column-gap:27px}
}
@media (max-width:940px){
 .e2p-header-navigation .e2p-menu .sub-menu{display:block;position:static;min-width:0;box-shadow:none;border:0;padding:4px 0 6px 14px}
 .e2p-header-navigation .e2p-menu .sub-menu li a{padding:9px 2px;font-size:14px}
 .e2p-home-content .e2p-focus-grid{grid-template-columns:115px minmax(0,1fr)!important;min-height:105px;padding:22px 0}
 .e2p-home-content .e2p-focus-grid .e2p-focus-desc{display:none!important}
 .e2p-home-content .e2p-hero-facts{margin-top:38px!important}
 .e2p-home-content .e2p-hero-facts > .e2p-hero-proof{font-size:9px;padding-inline:9px!important}
 .e2p-services{padding-top:76px;padding-bottom:80px}
 .e2p-service-card-body{min-height:205px}
 .e2p-home-content .e2p-cta-inner{gap:30px}
 .e2p-home-content .e2p-cta-right{width:260px;flex-basis:260px}
 .e2p-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
}
@media (max-width:680px){
 .e2p-container,.e2p-header-inner{width:calc(100% - 40px)}
 .e2p-site-header .e2p-header-inner{min-height:72px}
 .e2p-brand-words>img{width:146px}
 .e2p-brand-icon{height:34px;width:32px}
 .e2p-main .e2p-hero-columns{min-height:0}
 .e2p-hero-left{padding:60px 22px 44px}
 .e2p-main .e2p-hero-heading{font-size:clamp(40px,10vw,56px);letter-spacing:-.042em;line-height:1.08}
 .e2p-main .e2p-hero-description{font-size:15px;line-height:1.7}
 .e2p-home-content .e2p-hero-facts{width:min(100%,430px)!important;max-width:none!important;margin-top:35px!important}
 .e2p-home-content .e2p-hero-facts > .e2p-hero-proof{font-size:9px;letter-spacing:0;padding-inline:9px!important}
 .e2p-hero-right{height:310px;min-height:310px}
 .e2p-home-content .e2p-focus-grid{width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr)!important;gap:6px;padding:24px 0 28px}
 .e2p-home-content .e2p-focus-grid .e2p-focus-headline{border:0;padding:0!important;font-size:17px!important;line-height:1.5!important}
 .e2p-home-content .e2p-focus-grid .e2p-focus-desc{display:none!important}
 .e2p-main .e2p-section-title{font-size:clamp(33px,8.5vw,44px)}
 .e2p-main .e2p-services-grid{gap:20px}
 .e2p-service-card-body{min-height:0;padding:23px 23px 24px}
 .e2p-main .e2p-service-title{min-height:0;font-size:21px}
 .e2p-main .e2p-card-description{font-size:14px}
 .e2p-about{padding:69px 20px 72px}
 .e2p-about-visual{height:330px}
 .e2p-main .e2p-about-title{font-size:clamp(34px,8vw,43px)}
 .e2p-home-content .e2p-cta-inner{width:calc(100% - 40px)!important;flex-direction:column!important;align-items:stretch;gap:23px}
 .e2p-home-content .e2p-cta-left,.e2p-home-content .e2p-cta-right{width:100%;flex:auto}
 .e2p-cta{padding-block:63px}
 .e2p-main .e2p-cta-heading{font-size:clamp(33px,8vw,44px)}
 .e2p-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px}
 .e2p-footer-company,.e2p-footer-contact{grid-column:1/-1}
 .e2p-footer-column .e2p-menu a,.e2p-footer-column>a,.e2p-contact-location{font-size:13px}
}
@media (max-width:380px){
 .e2p-header-inner{gap:12px}
 .e2p-brand-words>img{width:132px}
 .e2p-main .e2p-hero-kicker{font-size:8px}
 .e2p-main .e2p-hero-heading{font-size:39px}
 .e2p-home-content .e2p-hero-facts > .e2p-hero-proof{font-size:8.5px;padding-inline:6px!important}
}