/* M&H INVESTMENT 4.8 — curved boundaries throughout the homepage.
 * Draw the new section color at the BOTTOM of the previous section.
 * This survives overflow:hidden on the previous/current section,
 * unlike a pseudo-element drawn in an adjacent container.
 */
.mh-intro,.mh-sectors,.mh-manifesto,.mh-energy,.mh-projects,.mh-contact {position:relative}
.mh-section-wave {position:absolute;left:0;bottom:-1px;display:block;width:100%;height:clamp(90px,9.5vw,152px);z-index:25;overflow:hidden;pointer-events:none;user-select:none}
.mh-section-wave--to-sectors {color:#eff1e8}
.mh-section-wave--to-manifesto {color:#0d302e}
.mh-section-wave--to-energy {color:#0b2932}
.mh-section-wave--to-projects {color:#f9f9f5}
.mh-section-wave--to-contact {color:#0b2b31}
.mh-section-wave--to-footer {color:#071d23}
/* Preserve breathing space above curves so they never cover CTAs or project images. */
.mh-intro {padding-bottom:max(170px,12vw)}
.mh-sectors {padding-bottom:125px}
.mh-energy {padding-bottom:max(140px,11vw)}
.mh-projects {padding-bottom:max(150px,11vw)}
.mh-contact {padding-bottom:max(145px,11vw)}
/* Foreground clouds, auto typography, custom logo and global navigation remain unchanged. */
@media(max-width:780px){
 .mh-section-wave{height:clamp(72px,15vw,108px)}
 .mh-intro{padding-bottom:120px}
 .mh-sectors{padding-bottom:90px}
 .mh-energy{padding-bottom:115px}
 .mh-projects{padding-bottom:125px}
 .mh-contact{padding-bottom:125px}
}
@media(max-width:520px){
 .mh-section-wave{height:78px}
 .mh-intro{padding-bottom:115px}
 .mh-sectors{padding-bottom:90px}
 .mh-energy{padding-bottom:98px}
 .mh-projects{padding-bottom:108px}
 .mh-contact{padding-bottom:108px}
}