.hero{display:block!important;position:relative;min-height:650px;background:#43933e;overflow:hidden}.hero-images{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;background:#1a4a31}.hero-images .soil-photo{left:0!important;width:64%!important;height:100%!important;background-position:center!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 64%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0%,#000 64%,transparent 100%)!important}.hero-images .charcoal-photo{left:25%!important;width:54%!important;height:100%!important;opacity:.84!important;background-position:center!important;filter:grayscale(.32) sepia(.14) hue-rotate(55deg) saturate(.78)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 74%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 74%,transparent 100%)!important}.hero-images .image-blend{background:linear-gradient(90deg,rgba(13,44,29,.04) 0%,rgba(20,75,35,.16) 27%,rgba(46,135,52,.46) 50%,rgba(67,151,62,.87) 66%,#499a40 78%,#499a40 100%)!important}.hero-copy{position:relative!important;margin-left:55%!important;min-height:650px;padding:clamp(65px,9vw,130px) clamp(28px,7vw,104px) 56px!important;background:linear-gradient(90deg,rgba(56,132,56,0) 0%,rgba(68,150,61,.78) 22%,#499a40 47%,#499a40 100%)!important}.hero-copy:before{display:none!important}.hero-copy .hero-text{max-width:470px!important}@media(max-width:760px){.hero{min-height:0}.hero-images{position:relative!important;height:370px!important}.hero-copy{margin-left:0!important;min-height:0!important;background:linear-gradient(110deg,#347d3a,#499a40)!important}}

/* Keep the charcoal label readable over the blended hero image */
@media(min-width:761px){.hero-copy:after{content:"COCONUT SHELL\A CHARCOAL";white-space:pre;position:absolute;z-index:6;left:-155px;top:42px;color:#fff;font:700 10px/1.6 "DM Sans",Arial,sans-serif;letter-spacing:.18em;text-shadow:0 1px 8px rgba(0,0,0,.7)}.charcoal-label{display:none!important}}
/* Mobile: show the charcoal photo without a green colour overlay */
@media(max-width:760px){.hero-images .image-blend{background:transparent!important}.hero-images .charcoal-photo{opacity:.96!important;filter:none!important}}
/* Mobile: remove the right-side lime gradient and show charcoal clearly */
@media(max-width:760px){.hero-images{background:transparent!important}.hero-images .image-blend{display:none!important}.hero-images .charcoal-photo{left:46%!important;width:54%!important;opacity:1!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;background-position:center!important}.hero-images .soil-photo{width:62%!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)!important}}
/* Mobile: retain a soft soil-to-charcoal photo blend, without lime overlay */
@media(max-width:760px){.hero-images .soil-photo{left:0!important;width:65%!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%)!important;mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%)!important}.hero-images .charcoal-photo{left:35%!important;width:65%!important;opacity:1!important;filter:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)!important}}