/* ENRJI brown & white theme overrides (loaded after the Webflow styles) */
:root{--choc:#32180f;--roast:#482317;--caramel:#b86c35;--pack-red:#a91f18;--cream:#f5f2e9;--ink:#241610;--tan:#e9d5b8}
/* hero: deep chocolate with warm-white type */
.stage{background-color:var(--choc)}
.stage .hero-heading{color:var(--cream)}
.stage .white-span{color:#fff}
.stage .is-stage-paragraph,.stage .stage-text{color:var(--cream)}
.stage-logo-svg path{fill:var(--cream)}
.stage-overlay{mix-blend-mode:soft-light;opacity:.35}
/* packaging cards */
.gallery-card-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.testimonial-media{background-color:var(--roast)}
/* three-pack showcase: headline sits IN FRONT of the packs */
.sequence-canvas{position:relative;z-index:1}
.showcase-packs{position:absolute;left:50%;bottom:3vh;width:min(34vw,420px);height:auto;transform:translate(-50%,60px);opacity:0;z-index:3;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(36,22,16,.35))}
.sequence-final{position:relative;z-index:6}
.sequence-title{text-shadow:0 2px 0 rgba(245,242,233,.55)}
@media (max-width:767px){.showcase-packs{width:min(62vw,300px);bottom:2vh}}
/* hero CTA on dark background */
.stage .button .button-bg{background-color:var(--caramel)}
.stage .button{color:#fff}
/* footer: compact product card so the ENRJI wordmark stays fully visible */
@media (min-width:992px){
  .footer-product{height:23em;aspect-ratio:auto;width:100%;left:auto}
  .footer-product .footer-product-heading{font-size:2.5em;line-height:.9}
  .footer-product{background:radial-gradient(90% 90% at 50% 40%,#482317,#32180f)}
  .footer-product .footer-img{inset:auto 0 0 0;height:72%;object-position:50% 100%}
  .footer-product-text-inner{position:relative;z-index:4}
}
/* never allow sideways page scroll (decorative art bleeds past the edge by design) */
html,body,.page-wrapper{overflow-x:clip}